Drag to pan · Pinch to zoom
01 / SHAPE STUDY
A feather, from a curve.
Adjust a node. Watch the silhouette respond.
1Feathers
0Triangles
0 msRebuild
Drag: orbit · Scroll: zoom
Right-drag: pan · F: frame
Right-drag: pan · F: frame
Mobile · live node studio
Adjust a node. Watch the silhouette respond.
Use Adjust to edit a node below the live preview. Feather, Tuft and World choose the 3D output. Choose any node in Edit node to change feather shape while viewing the whole world. Nodes opens the full zoomable graph; Full 3D gives the preview more space. Everything stays on this device.
| Navigate the graph | Drag anywhere to pan and pinch to zoom. Tap a node to select it, then tap Edit values. Turn Move on to drag node headers. Mouse controls also work on a computer. |
| Change connections | Tap an output socket, then a compatible input. In Adjust, use the connection removal buttons to disconnect an input. Menu > Cancel connection cancels a pending wire. Join Geometry accepts multiple links. |
| Explore the model | One finger orbits. Pinch zooms. Two fingers together pan. The corner buttons zoom and frame the model without gestures. Mouse orbit, pan and zoom still work. |
| Switch scope | World, Tuft and Feather buttons jump to a graph section or its 3D output. All shows the complete graph on one canvas. |
| Keep your work | Save setup exports JSON including values, links and node positions. Load restores it. Undo restores previous edits. |
A focused subset: curves, taper and bend fields, ribbon and shaft geometry, tuft scattering, noise-selected islands, transform variation, ground materials and proxy buildings. Sockets are functional; invalid types and graph cycles produce an error without destroying your last good preview. Adding arbitrary Blender nodes is not supported.
On phones, Eco caps each scatter at 900 points and the scene at 2,400 visible mesh instances; Balanced uses 1,500 and 5,000; Detail uses 2,400 and 8,000. Desktop budgets remain 4,000 and 24,000. A warning appears if a cap is reached. Geometry is shared across instances. Rendering stops when the scene is idle; geometry rebuilds are coalesced while dragging. Quality controls resolution and shadow-map size. No account, installer, server, or network request is required to run this file. A browser with WebGL 2 is required; a file previewer may not execute it. This is HTML, not an APK or an installed PWA.
WebGL instanced rendering · WebGL lighting · Local file import and export
Created for Jordan's feather-island study. No external libraries or font files are required. Source included in this HTML. Gesture handling follows the Pointer Events pinch guidance; resolution limits follow WebGL performance guidance.