Building a 3D Table Configurator with Blockly & Bitbybit Runner
Learn to build a simple 3D table configurator using the Blockly visual editor on Bitbybit and then deploy it as an interactive website on StackBlitz using Bitbybit Runner.
Blockly is a visual programming library for building web applications with a block-based interface.
View all tagsLearn to build a simple 3D table configurator using the Blockly visual editor on Bitbybit and then deploy it as an interactive website on StackBlitz using Bitbybit Runner.
Learn how to use colors and apply them to 3D geometry in Bitbybit with examples in Rete, Blockly, and TypeScript.
Learn how to create a parametric cube using the Bitbybit Blockly editor, OpenCascade (OCCT), and variables.
Learn how to create a surface by lofting between several wire shapes.
Learn how to create a surface by lofting between several wire shapes and use various advanced options that help you make more intricate shapes.
Learn how to create a 3D shape by extruding a 2D wire profile or face.
Learn about the different ways to use our platform, including 3D Model Configurators, Rete, Blockly, and Monaco (TypeScript) editors.
Learn what you will find in the General category
Learn how to create a 3D website using Bitbybit Runner by integrating a visual program built with the Blockly editor into a StackBlitz project.
Learn about Blockly, the visual programming framework used on the Bitbybit platform, its benefits, and how to interact with Blockly scripts.
Learn how to generate a hexagonal grid of points and hexagon outlines using Bitbybit's Point class, with examples in Rete, Blockly, and TypeScript.
Learn how to use the Point class to create and visualize a spiral pattern of points in Bitbybit with Rete, Blockly, and TypeScript.
Learn how to create 3D spiral or helical shapes by extruding a 2D wire profile along an axis while rotating it.
Learn when and how to run your code in Bitbybit using TypeScript, Blockly, or Rete editors, and what to expect.
Learn how to create and format text strings and then render them as 3D text geometry in Bitbybit using Rete, Blockly, and TypeScript.
Learn why errors happen in Bitbybit, how they are reported in different editors (Rete, Blockly, TypeScript), and how to approach fixing them.
Learn the concepts behind drawing 3D objects in Bitbybit, the role of BabylonJS, and what you can draw and manipulate.
Learn how to use draw components and functions within Bitbybit's Rete, Blockly, and TypeScript environments to render and customize 3D geometry.
Learn how to use vector span and easing functions to create interesting point distributions for drawing in Bitbybit, with examples in Rete, Blockly, and TypeScript.
Learn how to create your first 3D "Hello World" program using the Bitbybit Blockly visual programming editor.