Questions tagged [blockly]

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.

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…
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:
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…
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