Building a 3D Table Configurator with Rete & Bitbybit Runner
Learn to build a simple 3D table configurator using the Rete visual editor on Bitbybit and then deploy it as an interactive website on StackBlitz using Bitbybit Runner.
Rete is a visual-programming environment for building parametric 3D models and applications.
View all tagsLearn to build a simple 3D table configurator using the Rete 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 Rete visual programming editor, OpenCascade (OCCT), and a number slider.
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 how to create interactive 3D models on your website by passing inputs to Rete visual programs executed with the Bitbybit Runner.
Learn what you will find in the General category
Learn how to create a simple 3D website using Bitbybit Runner & Rete editor, controlling a 3D cube's size with a UI input on StackBlitz.
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 about the Rete visual programming editor on the Bitbybit platform, its origins from Rete.js, and why we chose this approach for computational design.
Learn how to create 3D spiral or helical shapes by extruding a 2D wire profile along an axis while rotating it.
Learn how to export Rete visual programs as JavaScript and execute them on your own website using the Bitbybit Runner for BabylonJS.
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 what scripts are in Bitbybit, their types (Blockly, Rete, TypeScript), visibility, and how they can be combined within a project.
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.
Understanding the synergy between visual programming and text-based scripting (TypeScript, JavaScript, JSON) within Bitbybit's Rete editor.
Learn how to create your first 3D "Hello World" program using the Bitbybit Rete visual programming editor.