jacquard loom
A free generative art piece — play it in your browser, no install. Type your name and watch a 3D Jacquard loom weave it into damask, bit by bit. Three.js, TypeScript and a tested weave-draft generator.
Vote and save it — continue with GitHub or sign in free
Made this, @anusirkas? See how many people played it → or use email
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
Type your name and watch a 3D loom weave it into damask, bit by bit. A small tribute to the punch-card loom that taught machines to follow a program, built by a textile designer who became a software engineer.
The logic lives in src/weave.ts and is unit-tested, including that the figure really is warp-faced, the ground weft-faced, and no thread floats loose for more than four crossings.
The finished cloth can be downloaded as a PNG, drawn flat thread by thread in src/export.ts. A link with ?name= weaves that name.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
web audio threejs starter
Minimal React Three Fiber starter for local, audio-reactive 3D visuals with the Web Audio API.
rainforest sounds
A satirical ambient-music app where frogs fall from the sky and nobody asked. Dopamine meter, 3D physics, and a support sloth who replies in 3–5…
shaderflow
Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
commit city
Turn your GitHub contribution history into a living 3D cyber-city skyline.
moonlit unicorn
(3D WebGL) A living toon unicorn floats through volumetric clouds under a huge moon. Cinematic interactive WebGL scene (Three.js, TypeScript, Vite)…
interactive media
웹에서 직접 만져보는 인터랙티브 미디어 기법 17가지 — 포인터, 스크롤, 사운드, 카메라·센서
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
