A Tour of the Rete Editor
The Rete editor's window part by part - the palette, the toolbar, a node and its parts, a wire, the 3D view, Run The Code and the More menu - numbered as in the picture.
Node-based visual programming with drag-and-drop components for building parametric 3D models.
View all tagsThe Rete editor's window part by part - the palette, the toolbar, a node and its parts, a wire, the 3D view, Run The Code and the More menu - numbered as in the picture.
Find a Rete component by searching with a right-click on the canvas or by browsing the palette, the short names search knows, and what the Beta and Deprecated badges mean.
The tools the Rete, Blockly and TypeScript editors on bitbybit.dev offer AI agents while they are open - through WebMCP and on the page - to search components and blocks, build and change a script in checked batches that one undo reverses, run it, read what failed and look at the result.
Learn how to create and display angular dimensions for measuring angles in your 3D models with clear, professional annotations.
What every bitbybit.dev editor has in common: projects and scripts, assets, running code and reading its console, how drawing works, and what to do when a script fails.
The second chapter of the Rete drone - a module named Around that repeats one shape evenly around the drone, built from list components, a code component that works out the angles, and rotate shapes; its first uses cut the leg openings and place the standoffs with their bolts.
The fourth chapter of the Rete drone - one Arm instance and Around instances repeat the arms, motors, stators, propellers, bolts and lights, a code component alternates the propellers' spin, two more sort the lights into green and red, and draw components colour each material.
The fifth chapter of the Rete drone - a canopy lofted through rounded rectangles, a honeycomb of hexagon wires traced on its sides by a code component, a hatch on its crown with the bitbybit logo read from a STEP file cut into it, and the GPS mast and antennas.
The sixth chapter of the Rete drone - a landing leg swept along a bent path, a revolved damper with a helical spring, a lofted rubber foot and the leg's bolts, each made once and repeated four times by Around.
The last chapter of the Rete drone - the camera on its gimbal, its lens and the strapped battery, then the arms slider rebuilding the drone with six arms and a propeller that shrinks to fit.
The first chapter of the Rete drone - number sliders for the drone's sizes, a code component that keeps the propeller in bounds and a lit stage, then the carbon frame plate from a rounded rectangle, a face and an extrusion, with hexagon vents cut through it and a second plate above it, each part in a group with a comment.
The third chapter of the Rete drone - a module named Arm that makes one arm with hexagonal cut-outs, a motor with cooling slots and its stator, a lofted two-blade propeller, its bolts and an LED, sized by its length and propeller inputs, with one output per material.
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.
Create a 3D printable Christmas tree ornament using wire offset and extrusion - perfect for festive decorations.
How to write TypeScript, JavaScript or JSON inside a Rete node - what the node receives in inputs, what it gives out, how to run and copy its code - and when a few lines of code are clearer than a graph.
Learn how to use colors and apply them to 3D geometry in Bitbybit with examples in Rete, Blockly, and TypeScript.
Learn how to create compound shapes for better performance and grouped transformations in OCCT
Learn how to use compounds for efficient rendering of complex geometric patterns and assemblies
Getting started with visual and code-based parametric design on the Bitbybit platform.
Wire a number slider into an OCCT cube in Rete, step by step with a picture of the editor after every step, and drag the slider to resize the solid live.
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.
DXF file format is very popular in 2D CAD applications. Learn how to work with DXF files using OCCT.
The settings every coding editor on bitbybit.dev shares - split screen, monochrome wires, right-angled wires, labelled ends for wires between groups, the camera gizmo, the language, the rendering engine and the CAD kernel's 32 or 64-bit architecture - what each changes and which ones reload the editor.
Learn how to create a 3D shape by extruding a 2D wire profile or face.
Learn how to create basic face primitives that define surfaces and areas
Create an OCCT face from an ordered list of points, and see how point order, planarity and closure decide whether you get a valid face or a failed operation.
Create an OCCT face from a single closed wire, the most common way to turn an outline into a surface you can extrude, offset or boolean against.
Create hexagonal face patterns in OCCT that react to a control point, growing hexagons near it and shrinking distant ones for organic wave-like surface effects.
Rete's flow components - start, triggers, keys and mouse buttons, intervals and delays, counters, gates, loops and the render loop - how their green action wires run a script step by step and over time, and why such scripts cannot be exported to a runner yet.
Create a 3D printable frost flower ornament using interpolated curves and 12-fold rotational symmetry.
Create a complex frozen snowflake ornament using zigzag patterns, advanced lofting, and selective face extrusion.
Create a simple 3D printable gem star decoration using polygon wire loft.
What bitbybit.dev offers and where to begin - projects and scripts, the Rete, Blockly and TypeScript coding editors, the Designer, the free npm packages, CAD Cloud, 3D Bits for Shopify and the model configurators.
Create intricate three-dimensional honeycomb structures by generating individual hexagon cells with controlled random heights, perfect for biomimetic architecture, structural optimization, and artistic installations.
Create flat honeycomb panels by sewing hexagonal faces together into unified structures, ideal for architectural panels, laser cutting templates, and manufacturing-optimized designs.
Create stunning honeycomb patterns and hexagonal perforations using BitByBit's subdivideToHexagonHoles function for architectural panels, biomimetic designs, and structural applications.
Learn how to use advanced hexagon pattern parameters to create intricate designs.
Generate a grid of hexagonal OCCT wires from rows, columns and radius, the starting point for panelling, perforation patterns and honeycomb structures.
Learn how to create interactive 3D models on your website by passing inputs to Rete visual programs executed with the Bitbybit Runner.
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 create and display linear dimensions for measuring distances in your 3D models with clear, professional annotations.
How a Rete component runs once per value when several wires feed one input, every value against every value or paired 1:1, and the node options force exec, 1:1 and flatten out.
Points, shapes and numbers often come as lists. How a function takes a whole list as one value, how each editor repeats a function for every item, and where to read more in each editor.
How to make a Rete module - a graph of its own with inputs and outputs - use it as a component through a module instance, and save it to a file to bring into other scripts.
Learn how to create multiple parallel offsets from a single open wire using OCCT operations for various design and manufacturing applications.
How to wire a Rete component's output into another's input, why the editor refuses some wires and what it says, how to read a socket's value, which geometry a node made, and what the red wires of an opened script mean.
Learn how to create offset shapes using various offset operations in OCCT - from simple wire and face offsets to advanced thick solids.
How to keep a large Rete script readable - select several nodes, put them in a group, read wires between groups by their labelled ends, write Markdown comments, auto-arrange and fit the graph, find any node on the canvas, undo and redo.
Learn how to create annotated pins with labels for marking important points and displaying information in your 3D models.
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.
Bitbybit has many helper functions that could streamline some of the modeling tasks, such as subdividing given rectangle faces into multiple holes or wires.
What the Rete node editor on bitbybit.dev is and what you can build with it - components wired into a graph that runs as you change it - with a detailed drone built step by step, the showcase scripts and where to start.
Every key and mouse gesture of the Rete editor - undo and redo, selecting, copying and pasting a script, swapping the canvas, search keys and the double-clicks - on Windows, Linux and macOS.
Larger Rete 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.
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.
When a Rete, Blockly or TypeScript script runs on bitbybit.dev, where its 3D result and its console appear, how the split view and Swap Canvas work, and how to tell the kernels are still working.
Shells are the connected sets of faces that sit between a face and a solid in OCCT. Learn how to build them, when a shell needs to be closed, and how they feed solid construction.
Build a parametric flower from OCCT wires and faces, driving petal count, radius and curvature from a handful of numbers so the whole shape rebuilds as you change them.
Learn how to use outer and inner wire to create a face that has a hole.
Learn how to create parametric hollow grids with multiple holes arranged in regular patterns for applications like ventilation panels, perforated sheets, and decorative screens.
Solids are closed, watertight volumes in OCCT and the shape kind most downstream operations expect. Learn how to create them from primitives and from shells, and how to check one is valid.
Learn how to get volume and surface area of a solid
Create a simple 3D printable star ornament using polygon wire extrusion - perfect for tree toppers and holiday decorations.
Read STEP and IGES files into OCCT shapes - the compressed variants, passing file data from a browser, and how a file that cannot be read reports itself.
Import SVG drawings into OCCT geometry - which elements are supported, how faces and holes are worked out, and what to do about text and reused symbols.
The ways to write text in Bitbybit side by side - OCCT stroke wires, plain stroke points, JSCAD stroke solids and real fonts with the Pro text3d - what each gives you, where it lands, which font it uses and how fonts load - with an example in Rete, Blockly and TypeScript.
Learn how to create and format text strings and then render them as 3D text geometry in Bitbybit using Rete, Blockly, and TypeScript.
Working with the 3D view of the coding editors - turning, panning and zooming the camera, the camera gizmo's views, split screen and full screen, and exporting what is drawn as GLB, STL or a picture.
Learn how to create thick solids from complex lofted surfaces using OCCT operations - from curved wire interpolation to volumetric solid creation.
Model a 3D-printable Christmas tree decoration in OCCT: build the outline from wires, give it thickness, and export a watertight solid ready for a slicer.
Learn how to create an elegant twisted polygon ornament by transforming and lofting hexagonal wires - perfect for 3D printing decorative pieces.
Where Rete, Blockly and TypeScript scripts on bitbybit.dev tell you what went wrong - the console, the node or block marked in red, the underlined code - and how to find and fix the cause.
Why a shape on bitbybit.dev only appears once it is drawn, what drawing turns it into, which game engine draws it, and what you can do with a drawn object.
What a script is on bitbybit.dev, the four editors a script can be written in, who can open it, and how scripts of different editors work together in one 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.
Learn how to create basic wire primitives composed out of multiple edges
Create Bezier wires in OCCT with per-control-point weights, so you can pull the curve towards individual points without moving them and model conic sections exactly.
Learn how to create wires by combining multiple edges
Create helix and spiral wires in OCCT from radius, pitch and turn count - the base curve for threads, springs, twisted columns and swept tubes.
Learn how to create shape wire primitives composed out of multiple edges
Learn how to create various wires passing via or being controlled by collections of points
Build a first Rete script step by step - a grid, 3D text and a vector wired into it - with a picture of the editor after every step and the finished script to run on the page.