Getting Started With Bitbybit Blockly Editor

Blockly is Bitbybit's block-based editor, where a program is assembled from interlocking blocks rather than typed. The blocks only fit together in ways that make sense, so a whole kind of syntax mistake cannot happen, which makes it the gentlest way into programming 3D geometry. These pages tour the editor, offer three showcase scripts, build two scripts step by step, and explain building a script, working with blocks, variables and functions, the code behind the blocks, and every shortcut.

📄️Introduction

What the Blockly editor on bitbybit.dev is and what you can build with it - interlocking blocks that turn into a program - with a detailed drone built step by step, the showcase scripts and where to start.

📄️A tour

The Blockly editor's window part by part - the toolbox and its search, the blocks on the workspace, the trash can, the 3D view, Run The Code, the toolbox button and the More menu - numbered as in the picture.

📄️Showcases

Larger Blockly scripts - a detailed drone, a hexagon hive, an advanced loft and a twisted polygon ornament - with what each one shows, the script file to download and open, and the page that explains it in every editor.

🗃Tutorials

3 items

🗃Working in Blockly

4 items

📄️Shortcuts

Every key and mouse gesture of the Blockly editor - copying, pasting and deleting blocks, undo and redo, swapping the canvas, saving - on Windows, Linux and macOS.