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
1
vote
0 answers

How to show the Blockly interface using Python metakernel?

I have installed the content from this repository https://github.com/Calysto/metakernel/tree/3d79efe57175336801169a31d148914c8fb4b0d2 The metakernel/examples/Jigsaw in IPython.ipynb example should show the Blockly interface withing the output cell.…
Karl Alexius
  • 313
  • 1
  • 6
  • 15
1
vote
1 answer

Blockly - How to alter the generated JavaScript code of the "Change Variable by..." block

I am working on a Blockly Project in which I am passing data from the blocks as JavaScript code. I would like to alter some of the code that is output from the blocks to be a bit more beginner-friendly. It is possible to alter the output JS code…
1
vote
1 answer

Blockly replace sprites path

I am using blockly to create my program. I have blockly downloaded from this github location, and I'm trying to replace blockly images path from this location: https://blockly-demo.appspot.com/static/media/sprites.png to this (relative) location:…
user11955706
1
vote
2 answers

Check if DOM elements are present inside a DIV then run functions assigned to those elements in order

i'm trying to develop a game using html, css and js. At the moment I'm focusing on manipulating DOM elements without using the canvas tag. My idea is to create a pseudo graphical programming language, similar to the Blockly environment. So far I…
crabhc
  • 33
  • 3
1
vote
0 answers

block restoring in blockly

I am trying to restore or generate a block with the XML code on a button click and set it to my workplace. But it does not work properly, somehow it ain't showing nothing. Help will be appreciated. I have tried the following…
Sakhawat Hossain
  • 454
  • 8
  • 23
1
vote
0 answers

Implement Google-Blockly's Block Factory in Angular Project

I want to Implement Block Factory in my Angular Project to create blocks that can be used in my work-space. The link for the block factory demo and github repository are…
Sohel Ahmed
  • 149
  • 2
  • 11
1
vote
0 answers

how to remove event listener of event.js and bootstrap.min.js using javascript or typescript?

document.removeEventListener('focus', function(){ console.log("Remove Focus") }); I can remove event listener manually from the developer tools window in my browser. But, I am not able to remove it using the above code.
zenit
  • 21
  • 2
1
vote
0 answers

How dependency injection work in Angular Library

I have created a library using angular, where i have included Blockly library. When i packed my library as .tgz file and installed in another application , here iam not able to access blockly,i need to install blockly again and give reference in…
Sethuraman
  • 654
  • 6
  • 15
1
vote
1 answer

How to get blockly to see a variable's value at runtime instead of what it was when it was added

We're using blockly to control a phaser game and this is set up so that if statements can be made with custom variables from the game, e.g. the speed or direction of an element within the game. The problem we've got is that blockly reads the values…
Rachel
  • 25
  • 8
1
vote
2 answers

How to get latest blockly version on node

I have installed Blockly on Node using the following command npm install blockly it got installed, but its older version 1.0.0 published on 2016. How will i get new latest version of blockly on Node. Please any one post what to do or how to…
Sethuraman
  • 654
  • 6
  • 15
1
vote
1 answer

How to remove highlightBlock strings from generated code

I have a Blockly app that generates the following code as a string. highlightBlock(':_1ku_aN%|65~:kO;KFA'); start(); highlightBlock('3TGkH,fdPJ^sYiBQj{uX'); moveForward(); This is the function i use to display the code: function showCode()…
Harry
  • 1,021
  • 4
  • 21
  • 41
1
vote
1 answer

React component doesn't change parent's state

In component BlocklyDrawer i'm trying to change the code state of the parent component. I do it in the onChange() event, calling the method of the parent component handleCodex: constructor(props) { super(props); this.state = { code…
Reactib
  • 85
  • 3
  • 14
1
vote
2 answers

How do you check what toolbox tab is currently open?

Can you know which tab is currently opened in the blockly toolbox? If so, can anyone show me an example or code snippet?
Timo Herngreen
  • 112
  • 1
  • 9
1
vote
0 answers

Including both Accessible and Standard Blockly

I've been looking over the Accessible Blockly documentation, but I've been having some trouble figuring out exactly how I would do this. We have a React-based app which uses various Blockly workspaces (with a variety of custom blocks and fields).…
Amber B.
  • 1,134
  • 10
  • 20
1
vote
1 answer

Storing and retrieving files in Blockly Web

I want to use Blockly to do some calculations, and then generate text files (as opposed to exporting code to JavaScript, Python, PHP, etc.) I can’t see an obvious way to create my own blocks to do this in Blockly, so using AppInventor (Version:…
CNC_Pete
  • 33
  • 7