Blockly is an open-source web-based, graphical programming environment that enables users to write JavaScript, Python, PHP, and Dart programs by moving around blocks. Developers can extend it to integrate with their own apps. It has been translated into over 40 (human) languages.
Questions tagged [blockly]
197 questions
0
votes
1 answer
What's the difference between flow based and block based visual programming. Are there any more alternative?
As far as I can see there was 2 dominance paradigms of visual programming. One is node and flow based like in game engine such as unreal/unity or media applicatoin such as blender and so on. Then there are block based like blockly and similarly…

Thaina Yu
- 1,372
- 2
- 16
- 27
0
votes
0 answers
Blockly: Pull out and use values below a block
Is it possible to make a Blockly block with blocks/variables that return values which I can pull out and use below the hat block? That way, the thing that's firing the hat block can show the inputs.
E.g., something like…

ImNotThere
- 1
- 1
0
votes
0 answers
Highlight the full line of code being executed using JS Interpreter
I am using JS Interpreter to parse the code and highlight the line of code being executed, I want something like the below (see the video), where each line is highlighted.
When using the JS Interpreter, I get the below (see the video), where parts…

SpaceX
- 2,814
- 2
- 42
- 68
0
votes
0 answers
How do I import data from file as element?
I am using Blockly and I need to get a toolbar I've defined as an xml file into the document as an element. I want to do this because there is a part were you need an xml element but mine is very long so I made it an external file.
I have tried…
0
votes
1 answer
Svelte component text doesn't update
I'm using Blockly + SvelteJS, now I am trying to add language support. So I have Toolbox.svelte component that looks like this:

rllynotfox
- 55
- 4
0
votes
1 answer
Can't call any Blockly methods in index.html even though it works in other .js files and a workspace is shown
I'm trying to create a tool where you can create HTML pages using Blockly blocks. I already have a page that shows my workspace and my self-created block. Now I want to write a script that gets the code from the workspace. Normally there is a…

sanada089
- 5
- 2
0
votes
1 answer
DOM Elements in Blockly
I am currently learning about blockly, there are already many predefined blocks in blockly. Are there any predefined blocks in blockly for DOM Elements in the toolbox? If there aren't any can anyone just demonstrate how to create a DOM Element like…

Noob_Coder
- 29
- 3
0
votes
1 answer
How can I set the width of dropdown_field in Blockly?
The block is long because there are too many characters in the dropdown field.
So I want to fix the number of characters or the length of the dropdown field.
Please give me your advice !
Have a nice day
Thank you :D

f1sker
- 1
- 1
0
votes
0 answers
Does Lit have mounted lifecycle like Vue?
My Vue app did set up a Blockly element in mounted. I'm updating the app by using Lit. In connectedCallback the target element which hosts Blockly is not contained in the document.
connectedCallback(): void {
super.connectedCallback()
const…

0xCAF2
- 193
- 1
- 11
0
votes
1 answer
Warning messages from Blockly
I have an Angular app running with Blockly. Most of times it goes well, however every time I run it I have a bunch of messages like these two types:
`/Components/blockly/blockly.component.ts depends on 'blockly/core'. CommonJS or AMD dependencies…

Sam
- 19
- 1
- 3
0
votes
1 answer
Blockly repeat block not working with both custom block and predefined blocks
I'm working on an Angular project using Blockly and Phaser but repeat block is not working. Here is a small test to print aa 3 times.
But I received this error:
Here is the code used:
…

HABIB LEILA
- 1
- 2
0
votes
1 answer
Remove all the blocks dragged by the user in Blockly
I am using Blockly library for a project. I want to remove all the blocks dragged by the user from the toolbox on pressing the reset button.
Can someone help with how can this be done. Which function do I have to use?

drishti
- 1
- 1
0
votes
1 answer
How can i use the blockly event to implement multiplayer cooperation!
I've read the blockly's doc, i know that i can get the blockly event by
addChangeListener(event)
removeChangeListener(event)
these two functions. So i can get many types of blockly events, but how can i use these events to create a block.
So the…

curry_klay
- 21
- 4
0
votes
1 answer
Choose whether to show one component or another with ionic and angular framework
I am developing an app with ionic and angular. In one specific page I added a component into the ion-content, however now I want to choose to display another one when I click a button. I have been looking for an option but it has been imposible for…

Sam
- 19
- 1
- 3
0
votes
1 answer
Is it possible to directly convert JS to a hex-file for the BBC Micro:bit?
I am trying to develop a simple JavaScript/Blockly IDE for programming the Micro:bit. Similar to how you write some JavaScript in MakeCode, click download and then MakeCode gives you a hex-file for the micro:bit, I would like to generate exactly the…

frede1994
- 247
- 2
- 4