# Showcase

**URL:** https://discourse.threejs.org/c/showcase/7.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [About the Showcase category](https://discourse.threejs.org/t/about-the-showcase-category/25)

<div class="topic-metadata">

**Author:** [@fraguada](https://discourse.threejs.org/u/fraguada)\
**Replies:** 0\
**Last updated:** [March 13, 2017, 11:46pm UTC](https://discourse.threejs.org/t/about-the-showcase-category/25 "2017-03-13T23:46:58Z")

</div>

Use this category to showcase any projects you have created using three.js. Showcases require moderator approval, so please be patient if your post doesn’t show up immediately, or feel free to message @moderators. Proje…

---

## [Sneakers 3D Configurator](https://discourse.threejs.org/t/sneakers-3d-configurator/95772)

<div class="topic-metadata">

**Author:** [@Jeremy1](https://discourse.threejs.org/u/Jeremy1)\
**Replies:** 1\
**Last updated:** [October 23, 2026, 8:05am UTC](https://discourse.threejs.org/t/sneakers-3d-configurator/95772 "2026-10-23T08:05:44Z")

</div>

Hey everyone! I built a 3D Nike Air Force 1 configurator where you can customize the shoe’s colors and explore the model interactively. Live demo: https://af1.jeremyteddy.dev/ Tools used: Three.js, React, React Three …

---

## [Robot Playground: program a 3D pick-and-place robot in your browser](https://discourse.threejs.org/t/robot-playground-program-a-3d-pick-and-place-robot-in-your-browser/95779)

<div class="topic-metadata">

**Author:** [@niceskipperchen-coder](https://discourse.threejs.org/u/niceskipperchen-coder)\
**Replies:** 1\
**Last updated:** [October 23, 2026, 7:44am UTC](https://discourse.threejs.org/t/robot-playground-program-a-3d-pick-and-place-robot-in-your-browser/95779 "2026-10-23T07:44:35Z")

</div>

Hi everyone! I’m Skipper, a student interested in mechatronics. I don’t have robot hardware at the moment, so I’ve been working on Robot Playground: a browser-based programming workspace for a simulated SCARA-style…

---

## [Lunar Walk — A Moon exploration scene built with Three.js](https://discourse.threejs.org/t/lunar-walk-a-moon-exploration-scene-built-with-three-js/95778)

<div class="topic-metadata">

**Author:** [@hh-hang](https://discourse.threejs.org/u/hh-hang)\
**Replies:** 1\
**Last updated:** [October 23, 2026, 7:44am UTC](https://discourse.threejs.org/t/lunar-walk-a-moon-exploration-scene-built-with-three-js/95778 "2026-10-23T07:44:02Z")

</div>

Hi everyone! I’d like to share Lunar Walk, a lunar exploration scene built with Three.js. Walk around as an astronaut, leave footprints in the soil, or hop into a lunar rover and explore! Demo: https://hh-hang.cn/ The…

---

## [The Grey Mare of Aldermare: a highland legend told through scroll in live halftone](https://discourse.threejs.org/t/the-grey-mare-of-aldermare-a-highland-legend-told-through-scroll-in-live-halftone/95781)

<div class="topic-metadata">

**Author:** [@studiokalex](https://discourse.threejs.org/u/studiokalex)\
**Replies:** 1\
**Last updated:** [October 23, 2026, 7:25am UTC](https://discourse.threejs.org/t/the-grey-mare-of-aldermare-a-highland-legend-told-through-scroll-in-live-halftone/95781 "2026-10-23T07:25:50Z")

</div>

A scroll-driven story in eleven chapters. A girl and her grandfather bring the last herd down from the hills in 1891, a storm hits the high pass, and a grey mare out of an old legend leads her home. Every frame is drawn…

---

## [Efectazo – a 3D free-kick football game in three.js r160 (Magnus curl, floodlight shadows, procedural grass)](https://discourse.threejs.org/t/efectazo-a-3d-free-kick-football-game-in-three-js-r160-magnus-curl-floodlight-shadows-procedural-grass/95777)

<div class="topic-metadata">

**Author:** [@nightlitdev](https://discourse.threejs.org/u/nightlitdev)\
**Replies:** 1\
**Last updated:** [October 23, 2026, 7:24am UTC](https://discourse.threejs.org/t/efectazo-a-3d-free-kick-football-game-in-three-js-r160-magnus-curl-floodlight-shadows-procedural-grass/95777 "2026-10-23T07:24:51Z")

</div>

Hi all, I’m a solo dev and I made Efectazo, a free free-kick game that runs in the browser: https://efectazo.pages.dev Tech bits: three.js r160, MeshStandardMaterial/PBR, ACES tone mapping Night stadium lit by shadow-…

---

## [Plip Plop! – stone skipping on photo-real lakes in three.js (custom water shader, mobile)](https://discourse.threejs.org/t/plip-plop-stone-skipping-on-photo-real-lakes-in-three-js-custom-water-shader-mobile/95774)

<div class="topic-metadata">

**Author:** [@glowbit.nguyen](https://discourse.threejs.org/u/glowbit.nguyen)\
**Replies:** 0\
**Last updated:** [October 23, 2026, 5:21am UTC](https://discourse.threejs.org/t/plip-plop-stone-skipping-on-photo-real-lakes-in-three-js-custom-water-shader-mobile/95774 "2026-10-23T05:21:34Z")

</div>

Hi everyone! I made a small stone skipping game. Swipe to throw, then tap every time the stone touches the water: a well-timed tap is a “Perfect” skip that keeps the stone flying. Each skip plays a higher note, so a good…

---

## [three-map-terrain: Real-world 3D terrain with OpenStreetMap buildings, roads and bridges](https://discourse.threejs.org/t/three-map-terrain-real-world-3d-terrain-with-openstreetmap-buildings-roads-and-bridges/95771)

<div class="topic-metadata">

**Author:** [@whidrubeld](https://discourse.threejs.org/u/whidrubeld)\
**Replies:** 0\
**Last updated:** [October 23, 2026, 5:19am UTC](https://discourse.threejs.org/t/three-map-terrain-real-world-3d-terrain-with-openstreetmap-buildings-roads-and-bridges/95771 "2026-10-23T05:19:09Z")

</div>

Hi everyone! A few years ago I started a small library for myself: 3D terrain for three.js from map tiles. It sat there for a while, and this year I finally rebuilt it pro…

---

## [Enigmista – the release website of a password-research tool (three.js + custom GLSL)](https://discourse.threejs.org/t/enigmista-the-release-website-of-a-password-research-tool-three-js-custom-glsl/95769)

<div class="topic-metadata">

**Author:** [@Delta](https://discourse.threejs.org/u/Delta)\
**Replies:** 0\
**Last updated:** [October 23, 2026, 5:18am UTC](https://discourse.threejs.org/t/enigmista-the-release-website-of-a-password-research-tool-three-js-custom-glsl/95769 "2026-10-23T05:18:37Z")

</div>

Live: samuele95.github.io/enigmista · Code (MIT): github.com/Samuele95/enigmista What Enigmista does: it generates passwords from a corpus of passwords you already have. It learns the corpus’s structure as a probabili…

---

## [&day — a consulting firm's whole story told by 20k grains (one vertex shader, lightning that splits the logo, live-synthesised sound)](https://discourse.threejs.org/t/day-a-consulting-firms-whole-story-told-by-20k-grains-one-vertex-shader-lightning-that-splits-the-logo-live-synthesised-sound/95707)

<div class="topic-metadata">

**Author:** [@nday](https://discourse.threejs.org/u/nday)\
**Replies:** 1\
**Last updated:** [October 23, 2026, 4:50am UTC](https://discourse.threejs.org/t/day-a-consulting-firms-whole-story-told-by-20k-grains-one-vertex-shader-lightning-that-splits-the-logo-live-synthesised-sound/95707 "2026-10-23T04:50:14Z")

</div>

Live: &day(앤데이) — AX·AI 컨설팅 | 스며드는 AI 전환 파트너 (Korean by default; captions switch for non-Korean browsers) &day (“and day”) is a one-person AX·AI consulting firm in Korea. Instead of a brochure I built the method as on…

---

## [Ski Resort Tycoon game built with three.js](https://discourse.threejs.org/t/ski-resort-tycoon-game-built-with-three-js/95567)

<div class="topic-metadata">

**Author:** [@Idssie](https://discourse.threejs.org/u/Idssie)\
**Replies:** 2\
**Last updated:** [October 22, 2026, 11:14am UTC](https://discourse.threejs.org/t/ski-resort-tycoon-game-built-with-three-js/95567 "2026-10-22T11:14:16Z")

</div>

Hi everyone! For the past few months I’ve been working on Alpenwelt: Ski Resort Tycoon, a game where you build and run your own ski resort in the Alps. I looked around and couldn’t find another ski tycoon game made with…

---

## [Tesla Roadster contolled Landing game (I turned the cool telsla demo to a playable game)](https://discourse.threejs.org/t/tesla-roadster-contolled-landing-game-i-turned-the-cool-telsla-demo-to-a-playable-game/95691)

<div class="topic-metadata">

**Author:** [@yosan\_melese](https://discourse.threejs.org/u/yosan_melese)\
**Replies:** 2\
**Last updated:** [October 22, 2026, 2:39am UTC](https://discourse.threejs.org/t/tesla-roadster-contolled-landing-game-i-turned-the-cool-telsla-demo-to-a-playable-game/95691 "2026-10-22T02:39:54Z")

</div>

I turned the cool Tesla “Flying Car” demo into a playable game! Play with it here: https://roadster-demo-game.netlify.app/ I tried to make it as realistic as possible, especially the behavior of the thrusters. Af…

---

## [Character Controller](https://discourse.threejs.org/t/character-controller/89137)

<div class="topic-metadata">

**Author:** [@hh-hang](https://discourse.threejs.org/u/hh-hang)\
**Replies:** 46\
**Last updated:** [October 21, 2026, 11:08pm UTC](https://discourse.threejs.org/t/character-controller/89137 "2026-10-21T23:08:37Z")

</div>

Hello Three.js community — I’ve built a character controller based on three-mesh-bvh. It includes walking, running, jumping, and flying, and supports switching between first-person and third-person views for an immersive…

---

## [Digital Garden — a four-season flower garden (three.js/WebGPU, Houdini → glTF)](https://discourse.threejs.org/t/digital-garden-a-four-season-flower-garden-three-js-webgpu-houdini-gltf/95709)

<div class="topic-metadata">

**Author:** [@Alicia\_lu](https://discourse.threejs.org/u/Alicia_lu)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 10:01pm UTC](https://discourse.threejs.org/t/digital-garden-a-four-season-flower-garden-three-js-webgpu-houdini-gltf/95709 "2026-10-21T22:01:09Z")

</div>

Hi everyone, I’m Alicia. I’ve been building Digital Garden, a small interactive flower garden with three.js. Try it: Free 3D Flower Garden Online | Digital Garden by Alicia — free, no account or installation required. T…

---

## [Clayground: a browser clay studio for making little characters](https://discourse.threejs.org/t/clayground-a-browser-clay-studio-for-making-little-characters/95705)

<div class="topic-metadata">

**Author:** [@helloama](https://discourse.threejs.org/u/helloama)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 10:00pm UTC](https://discourse.threejs.org/t/clayground-a-browser-clay-studio-for-making-little-characters/95705 "2026-10-21T22:00:09Z")

</div>

Clayground is a free browser-based clay sculpting studio for turning a character idea into a little 3D fella without installing a desktop app first. I made it with Three.js and used AI-assisted coding; the model in this …

---

## [Introducing Interstellar - Across Time & Space (An immersive 3D Journey)](https://discourse.threejs.org/t/introducing-interstellar-across-time-space-an-immersive-3d-journey/95484)

<div class="topic-metadata">

**Author:** [@pushpitsahay](https://discourse.threejs.org/u/pushpitsahay)\
**Replies:** 12\
**Last updated:** [October 21, 2026, 9:59pm UTC](https://discourse.threejs.org/t/introducing-interstellar-across-time-space-an-immersive-3d-journey/95484 "2026-10-21T21:59:09Z")

</div>

Introducing Interstellar! :rocket: What if you could experience the story of Interstellar beyond just watching it on a screen? I built Interstellar, an interactive web experience inspired by the movie, bringing its unf…

---

## [Highvale: a voxel survival game on three.js WebGPU, playable in the browser](https://discourse.threejs.org/t/highvale-a-voxel-survival-game-on-three-js-webgpu-playable-in-the-browser/95701)

<div class="topic-metadata">

**Author:** [@wojak](https://discourse.threejs.org/u/wojak)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:57pm UTC](https://discourse.threejs.org/t/highvale-a-voxel-survival-game-on-three-js-webgpu-playable-in-the-browser/95701 "2026-10-21T21:57:57Z")

</div>

Hi all! I’ve been building Highvale, a block-building survival game that runs entirely on three.js’s WebGPURenderer, with every material written in TSL. :play\_button: Play: https://www.playhighvale.com Desktop, or a ph…

---

## [Planet-X: a living 3D globe where you can dig straight through the Earth](https://discourse.threejs.org/t/planet-x-a-living-3d-globe-where-you-can-dig-straight-through-the-earth/95699)

<div class="topic-metadata">

**Author:** [@planetxworld](https://discourse.threejs.org/u/planetxworld)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:57pm UTC](https://discourse.threejs.org/t/planet-x-a-living-3d-globe-where-you-can-dig-straight-through-the-earth/95699 "2026-10-21T21:57:33Z")

</div>

Hi everyone! I’m Ashwin, a solo maker from India. I’ve been building Planet-X, a browser globe built with three.js, with live radio, TV and webcams for every country. No install, no account needed to explore. …

---

## [Aquarius: a 3D aquarium game where every fish, plant and rock is made in code](https://discourse.threejs.org/t/aquarius-a-3d-aquarium-game-where-every-fish-plant-and-rock-is-made-in-code/95698)

<div class="topic-metadata">

**Author:** [@giannismoll7](https://discourse.threejs.org/u/giannismoll7)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:56pm UTC](https://discourse.threejs.org/t/aquarius-a-3d-aquarium-game-where-every-fish-plant-and-rock-is-made-in-code/95698 "2026-10-21T21:56:58Z")

</div>

Hi everyone! I’ve been working on Aquarius, a free 3D aquarium game that runs in the browser: You build and aquascape your own tanks, stock them with real species and try to keep them alive. Temperature, pH, oxygen an…

---

## [Kacho Refine – a 1998 panel puzzle game rebuilt in full 3D, playable in the browser](https://discourse.threejs.org/t/kacho-refine-a-1998-panel-puzzle-game-rebuilt-in-full-3d-playable-in-the-browser/95697)

<div class="topic-metadata">

**Author:** [@picos](https://discourse.threejs.org/u/picos)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:56pm UTC](https://discourse.threejs.org/t/kacho-refine-a-1998-panel-puzzle-game-rebuilt-in-full-3d-playable-in-the-browser/95697 "2026-10-21T21:56:42Z")

</div>

Hi everyone! I’d like to share Kacho Refine, a free panel-action puzzle game built with three.js (r186, WebGL). It runs in the browser on desktop and mobile, with no install or account needed: https://kacho.modern-orange…

---

## [An idea to showcase offroad suspensions turned into a complex sandbox game](https://discourse.threejs.org/t/an-idea-to-showcase-offroad-suspensions-turned-into-a-complex-sandbox-game/95695)

<div class="topic-metadata">

**Author:** [@torsten.max.schmidt](https://discourse.threejs.org/u/torsten.max.schmidt)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:56pm UTC](https://discourse.threejs.org/t/an-idea-to-showcase-offroad-suspensions-turned-into-a-complex-sandbox-game/95695 "2026-10-21T21:56:16Z")

</div>

G’day from Australia. :slight\_smile: This thing that has blown out of proportion actually started as a little tool to demonstrate how different suspension setups affect a 4WD. At some point aling the way I added terrain …

---

## [3D t-shirt from two flat photos (distance-field depth)](https://discourse.threejs.org/t/3d-t-shirt-from-two-flat-photos-distance-field-depth/95694)

<div class="topic-metadata">

**Author:** [@bayramali](https://discourse.threejs.org/u/bayramali)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:55pm UTC](https://discourse.threejs.org/t/3d-t-shirt-from-two-flat-photos-distance-field-depth/95694 "2026-10-21T21:55:52Z")

</div>

Made this for a WooCommerce product designer I’m building. No 3D model, just a front and a back product photo with a transparent background. outline from the alpha channel (marching squares) depth from an exact dista…

---

## [Clickety Clack! – a photo-real domino chain-reaction game in three.js (custom physics, mobile)](https://discourse.threejs.org/t/clickety-clack-a-photo-real-domino-chain-reaction-game-in-three-js-custom-physics-mobile/95693)

<div class="topic-metadata">

**Author:** [@glowbit.nguyen](https://discourse.threejs.org/u/glowbit.nguyen)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:55pm UTC](https://discourse.threejs.org/t/clickety-clack-a-photo-real-domino-chain-reaction-game-in-three-js-custom-physics-mobile/95693 "2026-10-21T21:55:37Z")

</div>

Hi everyone! I made a small domino game: draw a line of dominoes with your finger or mouse, flick the red starter, and watch the wave run through a real-looking home with a low “macro lens” camera. :play\_button: Play…

---

## [TSL Material Graph: a visual shader graph editor for TSL (Unity Shader Graph style)](https://discourse.threejs.org/t/tsl-material-graph-a-visual-shader-graph-editor-for-tsl-unity-shader-graph-style/95690)

<div class="topic-metadata">

**Author:** [@XaosWasHere](https://discourse.threejs.org/u/XaosWasHere)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:54pm UTC](https://discourse.threejs.org/t/tsl-material-graph-a-visual-shader-graph-editor-for-tsl-unity-shader-graph-style/95690 "2026-10-21T21:54:31Z")

</div>

Hi everyone! I’ve been using TSL a lot since the WebGPU renderer landed, and the one thing I kept missing from Unity and Unreal was a visual shader graph. So I built one, and it’s now on npm. What it is - A node e…

---

## [Building 106: sun and 25 years of climate on a real building (WebGPU + WebGL 2)](https://discourse.threejs.org/t/building-106-sun-and-25-years-of-climate-on-a-real-building-webgpu-webgl-2/95688)

<div class="topic-metadata">

**Author:** [@caamanoluismiguel](https://discourse.threejs.org/u/caamanoluismiguel)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:53pm UTC](https://discourse.threejs.org/t/building-106-sun-and-25-years-of-climate-on-a-real-building-webgpu-webgl-2/95688 "2026-10-21T21:53:42Z")

</div>

Building 106 is a digital model of a real building in Panama’s City of Knowledge, made for teaching sun and climate. The sun is comp uted for every minute with the NOAA solar calculator algorithm, and the climate com…

---

## [Showcase: a 3D doll world where handmade art dolls become playable characters (26-bone GLB, chunked streaming)](https://discourse.threejs.org/t/showcase-a-3d-doll-world-where-handmade-art-dolls-become-playable-characters-26-bone-glb-chunked-streaming/95686)

<div class="topic-metadata">

**Author:** [@likeart](https://discourse.threejs.org/u/likeart)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:53pm UTC](https://discourse.threejs.org/t/showcase-a-3d-doll-world-where-handmade-art-dolls-become-playable-characters-26-bone-glb-chunked-streaming/95686 "2026-10-21T21:53:00Z")

</div>

Hi all — we build Like Art, a marketplace where independent artists sell handmade art dolls. Over the last months we turned that catalogue into a browser 3D world: every physical doll gets reconstructed as a rigged GLB a…

---

## [Fish Tank Plus: a living reef in three.js with a real 3D window effect](https://discourse.threejs.org/t/fish-tank-plus-a-living-reef-in-three-js-with-a-real-3d-window-effect/95684)

<div class="topic-metadata">

**Author:** [@Leks\_T83](https://discourse.threejs.org/u/Leks_T83)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:52pm UTC](https://discourse.threejs.org/t/fish-tank-plus-a-living-reef-in-three-js-with-a-real-3d-window-effect/95684 "2026-10-21T21:52:23Z")

</div>

Update: this project has been renamed from Ultra Aquarium to Fish Tank Plus. The browser version now lives at https://fishtankplus.com and the Windows app is now available on the Microsoft Store: Fish Tank Plus - Downloa…

---

## [Another 3d Dice roller! https://manthrax.github.io/three-polydice/polydice.html](https://discourse.threejs.org/t/another-3d-dice-roller-https-manthrax-github-io-three-polydice-polydice-html/95683)

<div class="topic-metadata">

**Author:** [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:52pm UTC](https://discourse.threejs.org/t/another-3d-dice-roller-https-manthrax-github-io-three-polydice-polydice-html/95683 "2026-10-21T21:52:08Z")

</div>

Small world. :smiley: I’ve also vibed a 3d dice roller but I’ve used some different approaches from another dice roller posted here yesterday… It’s interesting but unsurprising how much crossover there is in the termin…

---

## [Fighter Ready: a scroll-driven 3D boxing gym](https://discourse.threejs.org/t/fighter-ready-a-scroll-driven-3d-boxing-gym/95681)

<div class="topic-metadata">

**Author:** [@Team\_FR](https://discourse.threejs.org/u/Team_FR)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:51pm UTC](https://discourse.threejs.org/t/fighter-ready-a-scroll-driven-3d-boxing-gym/95681 "2026-10-21T21:51:54Z")

</div>

Sharing a project we’ve just shipped: the site for Fighter Ready, a UK combat sports matchmaking app. The whole landing page is a 3D gym you walk through as you scroll, built with Three.js, with GSAP handling the scroll …

---

## [Four-ball Billiards – 3D carom & pool in the browser (AI matches + 1–4 player online)](https://discourse.threejs.org/t/four-ball-billiards-3d-carom-pool-in-the-browser-ai-matches-1-4-player-online/95679)

<div class="topic-metadata">

**Author:** [@ktg4929](https://discourse.threejs.org/u/ktg4929)\
**Replies:** 0\
**Last updated:** [October 21, 2026, 9:51pm UTC](https://discourse.threejs.org/t/four-ball-billiards-3d-carom-pool-in-the-browser-ai-matches-1-4-player-online/95679 "2026-10-21T21:51:40Z")

</div>

Hi everyone! I’d like to share Four-ball Billiards, a 3D billiards game that runs right in the browser, built with three.js. :play\_button: Play: https://four-ball.gamenow.us/?lang=en#game/four-ball Game modes 4-ball –…

[Next page](https://discourse.threejs.org/c/showcase/7.md?page=1)