Skip to main content

86 docs tagged with "Rete"

Node-based visual programming with drag-and-drop components for building parametric 3D models.

View all tags

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.

Adding Components in Rete

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.

Agents in the coding editors

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.

Angular Dimension

Learn how to create and display angular dimensions for measuring angles in your 3D models with clear, professional annotations.

Basics

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.

Build a drone: a module that repeats

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.

Build a drone: arms around the frame

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.

Build a drone: canopy and electronics

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.

Build a drone: landing gear

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.

Build a drone: payload and sliders

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.

Build a drone: sliders and the frame

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.

Build a drone: the arm module

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.

Christmas Tree

Create a 3D printable Christmas tree ornament using wire offset and extrusion - perfect for festive decorations.

Code Nodes in Rete

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.

Color Usage Examples

Learn how to use colors and apply them to 3D geometry in Bitbybit with examples in Rete, Blockly, and TypeScript.

Compound Shapes

Learn how to create compound shapes for better performance and grouped transformations in OCCT

Compounded Drawing

Learn how to use compounds for efficient rendering of complex geometric patterns and assemblies

Creating a Parametric Cube with Rete

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.

Creating Advanded Loft

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

DXF file format is very popular in 2D CAD applications. Learn how to work with DXF files using OCCT.

Editor settings

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.

Face From Points

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.

Face From Wire

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.

Face Hexagons Grid

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.

Flow and Interactivity in Rete

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.

Frost Flower

Create a 3D printable frost flower ornament using interpolated curves and 12-fold rotational symmetry.

Frozen Snowflake

Create a complex frozen snowflake ornament using zigzag patterns, advanced lofting, and selective face extrusion.

Gem Star

Create a simple 3D printable gem star decoration using polygon wire loft.

Getting Started Overview

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.

Hexagon Hive

Create intricate three-dimensional honeycomb structures by generating individual hexagon cells with controlled random heights, perfect for biomimetic architecture, structural optimization, and artistic installations.

Hexagon Hive Flat

Create flat honeycomb panels by sewing hexagonal faces together into unified structures, ideal for architectural panels, laser cutting templates, and manufacturing-optimized designs.

Hexagon Holes On Face

Create stunning honeycomb patterns and hexagonal perforations using BitByBit's subdivideToHexagonHoles function for architectural panels, biomimetic designs, and structural applications.

Hexagons Grid

Generate a grid of hexagonal OCCT wires from rows, columns and radius, the starting point for panelling, perforation patterns and honeycomb structures.

Linear Dimension

Learn how to create and display linear dimensions for measuring distances in your 3D models with clear, professional annotations.

Lists and Node Options in Rete

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.

Lists in Every Editor

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.

Modules in Rete

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.

Multiple Wire Offsets

Learn how to create multiple parallel offsets from a single open wire using OCCT operations for various design and manufacturing applications.

Nodes, Wires and Values in Rete

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.

Offset Operations

Learn how to create offset shapes using various offset operations in OCCT - from simple wire and face offsets to advanced thick solids.

Organising a Rete Script

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.

Pin with Label

Learn how to create annotated pins with labels for marking important points and displaying information in your 3D models.

Point Hex Grid Examples

Learn how to generate a hexagonal grid of points and hexagon outlines using Bitbybit's Point class, with examples in Rete, Blockly, and TypeScript.

Point Spiral Examples

Learn how to use the Point class to create and visualize a spiral pattern of points in Bitbybit with Rete, Blockly, and TypeScript.

Rectangle Holes On Face

Bitbybit has many helper functions that could streamline some of the modeling tasks, such as subdividing given rectangle faces into multiple holes or wires.

Rete Editor

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.

Rete Keyboard Shortcuts

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.

Rete Showcases

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.

Rotated Extrude

Learn how to create 3D spiral or helical shapes by extruding a 2D wire profile along an axis while rotating it.

Running your code

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

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.

Simple Flower

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.

Simple Holes

Learn how to use outer and inner wire to create a face that has a hole.

Simple Hollow Grids

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

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.

Solids

Learn how to get volume and surface area of a solid

Star Ornament

Create a simple 3D printable star ornament using polygon wire extrusion - perfect for tree toppers and holiday decorations.

STEP & IGES Import

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.

SVG Import

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.

Text in 3D Compared

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.

Text Usage Examples

Learn how to create and format text strings and then render them as 3D text geometry in Bitbybit using Rete, Blockly, and TypeScript.

The 3D View

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.

Thick Solids from Complex Faces

Learn how to create thick solids from complex lofted surfaces using OCCT operations - from curved wire interpolation to volumetric solid creation.

Tree Decoration

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.

Twisted Polygon Ornament

Learn how to create an elegant twisted polygon ornament by transforming and lofting hexagonal wires - perfect for 3D printing decorative pieces.

Understanding and handling errors

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.

Vector Span and Ease Examples

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.

Wire Bezier Weights

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.

Wire Helix Spirals

Create helix and spiral wires in OCCT from radius, pitch and turn count - the base curve for threads, springs, twisted columns and swept tubes.

Wire Via Points

Learn how to create various wires passing via or being controlled by collections of points

Your First 3D "Hello World" with Rete

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.