INDEPENDENT TOOLSplines & geometry
Loom
Take the scenic route.
A ribbon through the clouds. A railway that follows your lead.
MIT LICENSEv0.1.0MODULAR BY DESIGN
A PROCEDURAL TRAVEL STUDY
Cloudline
Railway
A long way around, above it all.
↝
NOW DEPARTINGThe cloudlineLOOP SERVICE · 7 WAYPOINTS
CL
001
001
DRAG TO ORBIT / SCROLL OR PINCH TO EXPLORE
Preparing the cloudline
—METRES OF TRACK
160EVENLY SPACED SEGMENTS
—SURFACE VERTICES
+ZPUBLIC FORWARD FRAME
A PATH. A PROFILE. A PLACE TO GO.
One continuous thread.
A world of possibilities.
Make roads, ribbons, and raised borders from a handful of points. Loom gives your Three.js scene a distance-based route and a matching frame for everything that travels along it.
@cranberry-forge/loomTHREE.JS / MIT
const track = new Loom({
points, closed: true, width: 1.4,
bank: 0.12, borderHeight: 0.11,
});
scene.add(track);
const frame = track.sampleDistance(distance);
train.position.copy(frame.position);
train.quaternion.copy(frame.quaternion);
const recipe = track.toRecipe();FROM SHOWCASE TO YOUR PROJECT
Take the good parts with you.
Shape a route, follow its shared placement frame, and export a recipe for your own railway or camera path.
Download the archive, then install locally.
npm install ./cranberry-forge-loom-0.1.0.tgz three@0.180.0