# \#animation

**URL:** https://discourse.threejs.org/tag/animation/163.md

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

---

## [VIZZ - a free music visualizer in your browser](https://discourse.threejs.org/t/vizz-a-free-music-visualizer-in-your-browser/91484)

<div class="topic-metadata">

**Author:** [@preziotte](https://discourse.threejs.org/u/preziotte)\
**Replies:** 1\
**Last updated:** [September 23, 2026, 12:33pm UTC](https://discourse.threejs.org/t/vizz-a-free-music-visualizer-in-your-browser/91484 "2026-09-23T12:33:16Z")

</div>

Hello, just thought I’d share a three.js powered music visualizer that I’ve been working on: https://vizz.fm/ Few random details that come to mind: Audio is processed through the Web Audio API (AnalyserNode, …

---

## [Interactive Developer Portfolio using Three.js](https://discourse.threejs.org/t/interactive-developer-portfolio-using-three-js/94305)

<div class="topic-metadata">

**Author:** [@niyankhadka](https://discourse.threejs.org/u/niyankhadka)\
**Replies:** 3\
**Last updated:** [September 20, 2026, 6:05pm UTC](https://discourse.threejs.org/t/interactive-developer-portfolio-using-three-js/94305 "2026-09-20T18:05:47Z")

</div>

Hi everyone, I recently launched my personal portfolio and wanted to share it with the community. My main goal was to integrate a highly interactive, WebGL-driven experience using Three.js without sacrificing Core Web V…

---

## [My storytelling portfolio website](https://discourse.threejs.org/t/my-storytelling-portfolio-website/79686)

<div class="topic-metadata">

**Author:** [@jugurtha](https://discourse.threejs.org/u/jugurtha)\
**Replies:** 3\
**Last updated:** [September 18, 2026, 11:57am UTC](https://discourse.threejs.org/t/my-storytelling-portfolio-website/79686 "2026-09-18T11:57:20Z")

</div>

This has been the most exciting project I’ve worked on so far, and I’ve learned a lot throughout the process. Recently, I’ve started learning Three.js, and I was impressed by how cool the things we could build with it a…

---

## [He on a Circus Trapeze](https://discourse.threejs.org/t/he-on-a-circus-trapeze/94445)

<div class="topic-metadata">

**Author:** [@jrlazz](https://discourse.threejs.org/u/jrlazz)\
**Replies:** 0\
**Last updated:** [September 18, 2026, 5:09am UTC](https://discourse.threejs.org/t/he-on-a-circus-trapeze/94445 "2026-09-18T05:09:25Z")

</div>

---

## [Open Source Cinema](https://discourse.threejs.org/t/open-source-cinema/94432)

<div class="topic-metadata">

**Author:** [@gullaZero](https://discourse.threejs.org/u/gullaZero)\
**Replies:** 0\
**Last updated:** [September 17, 2026, 6:19pm UTC](https://discourse.threejs.org/t/open-source-cinema/94432 "2026-09-17T18:19:59Z")

</div>

I’ve been studying cinema, and the more I learn, the more I see how much of it sits behind money, equipment, and permission. So I started making a cartoon with code. Currently, a bear is getting scammed by rabbits. Pure…

---

## [ Creative frontend — Three.js / R3F, GSAP, Next.js — cinematic product experiences (Istanbul, remote)](https://discourse.threejs.org/t/creative-frontend-three-js-r3f-gsap-next-js-cinematic-product-experiences-istanbul-remote/94400)

<div class="topic-metadata">

**Author:** [@Mine](https://discourse.threejs.org/u/Mine)\
**Replies:** 0\
**Last updated:** [September 16, 2026, 11:59am UTC](https://discourse.threejs.org/t/creative-frontend-three-js-r3f-gsap-next-js-cinematic-product-experiences-istanbul-remote/94400 "2026-09-16T11:59:31Z")

</div>

I build browser-based 3D product experiences end to end: geometry in Blender, scene in Three.js / React Three Fiber, site in Next.js and TypeScript, motion in GSAP and framer-motion, then testing and release. I design…

---

## [GateQuake, a 36-player arena with a 10,000-tile floor that collapses under you](https://discourse.threejs.org/t/gatequake-a-36-player-arena-with-a-10-000-tile-floor-that-collapses-under-you/93989)

<div class="topic-metadata">

**Author:** [@GateQuake](https://discourse.threejs.org/u/GateQuake)\
**Replies:** 1\
**Last updated:** [September 16, 2026, 5:27am UTC](https://discourse.threejs.org/t/gatequake-a-36-player-arena-with-a-10-000-tile-floor-that-collapses-under-you/93989 "2026-09-16T05:27:07Z")

</div>

Been building this for a while. The floor is the part worth writing up here, so that’s most of what follows. https://gatequake.com (free practice mode, no signup, no wallet) The setup A 100×100 grid of 3.5-unit tiles, …

---

## [EmberGrids — an interactive ribbon sculpture with WebGPU, TSL and motion fallbacks](https://discourse.threejs.org/t/embergrids-an-interactive-ribbon-sculpture-with-webgpu-tsl-and-motion-fallbacks/94313)

<div class="topic-metadata">

**Author:** [@ghassan\_ghanem](https://discourse.threejs.org/u/ghassan_ghanem)\
**Replies:** 0\
**Last updated:** [September 13, 2026, 5:21am UTC](https://discourse.threejs.org/t/embergrids-an-interactive-ribbon-sculpture-with-webgpu-tsl-and-motion-fallbacks/94313 "2026-09-13T05:21:45Z")

</div>

We built an interactive ribbon sculpture for our own website at EmberGrids. The idea was to give the visual identity a physical presence while keeping the site’s reading and navigation independent of the canvas. The sce…

---

## [Emotion Agency is an immersive WebGL experience where an entire digital landscape becomes the agency’s identity.](https://discourse.threejs.org/t/emotion-agency-is-an-immersive-webgl-experience-where-an-entire-digital-landscape-becomes-the-agency-s-identity/94306)

<div class="topic-metadata">

**Author:** [@leonid-kostetskyi](https://discourse.threejs.org/u/leonid-kostetskyi)\
**Replies:** 0\
**Last updated:** [September 13, 2026, 5:15am UTC](https://discourse.threejs.org/t/emotion-agency-is-an-immersive-webgl-experience-where-an-entire-digital-landscape-becomes-the-agency-s-identity/94306 "2026-09-13T05:15:38Z")

</div>

An immersive agency website built with Three.js and WebGL. A procedural 3D landscape, real-time particle systems, custom shaders and interactive motion create a living environment that evolves as the user explores the ex…

---

## [Babel Nexus-- 3D Hexagonal Reading Gallery](https://discourse.threejs.org/t/babel-nexus-3d-hexagonal-reading-gallery/93993)

<div class="topic-metadata">

**Author:** [@NishanStepak](https://discourse.threejs.org/u/NishanStepak)\
**Replies:** 2\
**Last updated:** [September 12, 2026, 6:47pm UTC](https://discourse.threejs.org/t/babel-nexus-3d-hexagonal-reading-gallery/93993 "2026-09-12T18:47:42Z")

</div>

Babel Nexus 3D Hexagonal Gallery for Mathematics

---

## [Showcase: River Raid WebGL Remake with Three.js](https://discourse.threejs.org/t/showcase-river-raid-webgl-remake-with-three-js/93974)

<div class="topic-metadata">

**Author:** [@Konuralp](https://discourse.threejs.org/u/Konuralp)\
**Replies:** 2\
**Last updated:** [September 11, 2026, 3:24am UTC](https://discourse.threejs.org/t/showcase-river-raid-webgl-remake-with-three-js/93974 "2026-09-11T03:24:34Z")

</div>

Hi everyone, I wanted to share a recent project we’ve been working on at WhiteCAD. We developed a web-based tribute to the classic retro game River Raid, built entirely using Three.js! Our goal was to bring the nostalg…

---

## [Sergii´s Portfolio need feedback](https://discourse.threejs.org/t/sergii-s-portfolio-need-feedback/94170)

<div class="topic-metadata">

**Author:** [@Sergii\_Butrii](https://discourse.threejs.org/u/Sergii_Butrii)\
**Replies:** 3\
**Last updated:** [September 10, 2026, 6:44pm UTC](https://discourse.threejs.org/t/sergii-s-portfolio-need-feedback/94170 "2026-09-10T18:44:22Z")

</div>

Hi everyone :waving\_hand: I just launched my portfolio: a small island you can walk around. The projects are boards out in the park, there’s a house you can go inside, and two minigames with a shared leaderboard. I h…

---

## [Spider-Man A Cinematic Interactive Web Experience built with Three.js](https://discourse.threejs.org/t/spider-man-a-cinematic-interactive-web-experience-built-with-three-js/94167)

<div class="topic-metadata">

**Author:** [@junaid042](https://discourse.threejs.org/u/junaid042)\
**Replies:** 1\
**Last updated:** [September 10, 2026, 2:53pm UTC](https://discourse.threejs.org/t/spider-man-a-cinematic-interactive-web-experience-built-with-three-js/94167 "2026-09-10T14:53:06Z")

</div>

I’ve been experimenting with cinematic storytelling and character animation in Three.js and built this interactive Spider-Man experience. Live Experience: spiderman-threejs Built with: Three.js React Three Fiber Dre…

---

## [Simplified Flight Model](https://discourse.threejs.org/t/simplified-flight-model/15058)

<div class="topic-metadata">

**Author:** [@phil\_crowther](https://discourse.threejs.org/u/phil_crowther)\
**Replies:** 85\
**Last updated:** [September 8, 2026, 9:51pm UTC](https://discourse.threejs.org/t/simplified-flight-model/15058 "2026-09-08T21:51:47Z")

</div>

Here are several programs that demonstrate a simplified vector-based flight model that takes into account the basic forces affecting flight - lift, drag, thrust and gravity. FM2 Wildcat over animated ocean Sopwith Came…

---

## [Geotemporal Transurfing — explore history through space and time](https://discourse.threejs.org/t/geotemporal-transurfing-explore-history-through-space-and-time/94159)

<div class="topic-metadata">

**Author:** [@ibstellar](https://discourse.threejs.org/u/ibstellar)\
**Replies:** 0\
**Last updated:** [September 8, 2026, 7:21pm UTC](https://discourse.threejs.org/t/geotemporal-transurfing-explore-history-through-space-and-time/94159 "2026-09-08T19:21:04Z")

</div>

I built Geotemporal Transurfing, a small prototype using Three.js.\\ Orbit Earth, zoom into historical events, and pause, reverse or fast-forward time and event footage. Travel to another location in X, Y, Z to dis…

---

## [Camping Season - a procedural autumn valley you can drive, camp and photograph wildlife](https://discourse.threejs.org/t/camping-season-a-procedural-autumn-valley-you-can-drive-camp-and-photograph-wildlife/94158)

<div class="topic-metadata">

**Author:** [@optikalefx](https://discourse.threejs.org/u/optikalefx)\
**Replies:** 0\
**Last updated:** [September 8, 2026, 7:19pm UTC](https://discourse.threejs.org/t/camping-season-a-procedural-autumn-valley-you-can-drive-camp-and-photograph-wildlife/94158 "2026-09-08T19:19:33Z")

</div>

A quiet camping game in three.js: drive a camper through an autumn valley, pitch a tent where you stop, kayak the river, take a bike up the ridge, and photograph the animals for a scavenger-hunt journal. There is a day…

---

## [Threejs Sketchbook ( updated )](https://discourse.threejs.org/t/threejs-sketchbook-updated/94157)

<div class="topic-metadata">

**Author:** [@vipin018](https://discourse.threejs.org/u/vipin018)\
**Replies:** 0\
**Last updated:** [September 8, 2026, 7:15pm UTC](https://discourse.threejs.org/t/threejs-sketchbook-updated/94157 "2026-09-08T19:15:23Z")

</div>

My Three.js Sketchbook Finally got some time to update my sketchbook! It’s a collection of my Three.js experiments and explorations around motion, materials, physics, and generative forms. It currently contains a colle…

---

## [Versant: Skiing in the Alpine. (Procedural Terrain, Hand-Solved Kinematics, No Authored Animations)](https://discourse.threejs.org/t/versant-skiing-in-the-alpine-procedural-terrain-hand-solved-kinematics-no-authored-animations/93995)

<div class="topic-metadata">

**Author:** [@red-reddington](https://discourse.threejs.org/u/red-reddington)\
**Replies:** 3\
**Last updated:** [September 7, 2026, 2:19pm UTC](https://discourse.threejs.org/t/versant-skiing-in-the-alpine-procedural-terrain-hand-solved-kinematics-no-authored-animations/93995 "2026-09-07T14:19:18Z")

</div>

I wanted to build the feeling of skiing in the alpine. Going fast downhill with the mountains unfolding in front of you. I thought this would be quick, because I already had some of the core pieces: infinite terrain w…

---

## [Fun Robot Olympics - Experience the world of Humanoids with this single-player game](https://discourse.threejs.org/t/fun-robot-olympics-experience-the-world-of-humanoids-with-this-single-player-game/93996)

<div class="topic-metadata">

**Author:** [@SheilaIrags](https://discourse.threejs.org/u/SheilaIrags)\
**Replies:** 2\
**Last updated:** [September 3, 2026, 9:37pm UTC](https://discourse.threejs.org/t/fun-robot-olympics-experience-the-world-of-humanoids-with-this-single-player-game/93996 "2026-09-03T21:37:53Z")

</div>

Fun Robot Olympics is a playful 3D sports competition where robots take on the events humans usually dominate. Meet Rivet and compete in events including the 100m sprint and penalty duel, with interactive controls, anim…

---

## [Mirror Cube, a 3×3 Mirror Blocks puzzle with a physically correct mechanism](https://discourse.threejs.org/t/mirror-cube-a-3x3-mirror-blocks-puzzle-with-a-physically-correct-mechanism/93994)

<div class="topic-metadata">

**Author:** [@Soubhagya\_Sadhukhan](https://discourse.threejs.org/u/Soubhagya_Sadhukhan)\
**Replies:** 0\
**Last updated:** [September 2, 2026, 6:23pm UTC](https://discourse.threejs.org/t/mirror-cube-a-3x3-mirror-blocks-puzzle-with-a-physically-correct-mechanism/93994 "2026-09-02T18:23:43Z")

</div>

Live: https://recent-waterlily-jsx.julius.site A Mirror Cube is mechanically a Rubik’s Cube, but every one of the 26 pieces is a different size and all faces are the same mirrored gold/silver or maybe some custom colors…

---

## [The One Key feat. Microduck - A Three.js game ](https://discourse.threejs.org/t/the-one-key-feat-microduck-a-three-js-game/93987)

<div class="topic-metadata">

**Author:** [@SheilaIrags](https://discourse.threejs.org/u/SheilaIrags)\
**Replies:** 0\
**Last updated:** [September 2, 2026, 6:11pm UTC](https://discourse.threejs.org/t/the-one-key-feat-microduck-a-three-js-game/93987 "2026-09-02T18:11:57Z")

</div>

The One Key is a playful 3D puzzle game built with Three.js, featuring MicroDuck as the player character. The player must help MicroDuck find the one key among 100 keys that unlocks a treasure chest. The game combines a…

---

## [Ancient Egypt in 3D](https://discourse.threejs.org/t/ancient-egypt-in-3d/93504)

<div class="topic-metadata">

**Author:** [@Aureon\_de\_Veyra](https://discourse.threejs.org/u/Aureon_de_Veyra)\
**Replies:** 8\
**Last updated:** [September 1, 2026, 8:19am UTC](https://discourse.threejs.org/t/ancient-egypt-in-3d/93504 "2026-09-01T08:19:37Z")

</div>

Greetings everyone, I’m Aureon, a solo creator, and I recently finished Ancient Egypt, an interactive 3D expedition. I spent 1,000+ hours researching, reconstructing, modelling, animating, writing, and building the exp…

---

## [My 3D Portfolio](https://discourse.threejs.org/t/my-3d-portfolio/93876)

<div class="topic-metadata">

**Author:** [@Gudev](https://discourse.threejs.org/u/Gudev)\
**Replies:** 0\
**Last updated:** [August 28, 2026, 7:22pm UTC](https://discourse.threejs.org/t/my-3d-portfolio/93876 "2026-08-28T19:22:45Z")

</div>

Hey everyone! I’m really excited to finally share my personal portfolio with this community. https://gustavobatista.dev/ This was actually my first project with Three.js, and I’ve been working on it for the past tw…

---

## [Opt in the Browser, an interactive optimization globe built with Three.js](https://discourse.threejs.org/t/opt-in-the-browser-an-interactive-optimization-globe-built-with-three-js/93784)

<div class="topic-metadata">

**Author:** [@Sebastian\_Herrera](https://discourse.threejs.org/u/Sebastian_Herrera)\
**Replies:** 4\
**Last updated:** [August 26, 2026, 9:23pm UTC](https://discourse.threejs.org/t/opt-in-the-browser-an-interactive-optimization-globe-built-with-three-js/93784 "2026-08-26T21:23:09Z")

</div>

Hi everyone, I built Opt in the Browser, a browser-based workspace for mathematical optimization. Its landing page uses Three.js to create an interactive globe that connects the visual experience with several optimizat…

---

## [Walking on a moonlit night](https://discourse.threejs.org/t/walking-on-a-moonlit-night/93781)

<div class="topic-metadata">

**Author:** [@jrlazz](https://discourse.threejs.org/u/jrlazz)\
**Replies:** 1\
**Last updated:** [August 26, 2026, 6:40pm UTC](https://discourse.threejs.org/t/walking-on-a-moonlit-night/93781 "2026-08-26T18:40:01Z")

</div>

The link:

---

## [ValiCred — Kinetic 3D Particle Morphing & WebGL Lore Scroller](https://discourse.threejs.org/t/valicred-kinetic-3d-particle-morphing-webgl-lore-scroller/93787)

<div class="topic-metadata">

**Author:** [@ValiCred](https://discourse.threejs.org/u/ValiCred)\
**Replies:** 3\
**Last updated:** [August 26, 2026, 3:02pm UTC](https://discourse.threejs.org/t/valicred-kinetic-3d-particle-morphing-webgl-lore-scroller/93787 "2026-08-26T15:02:14Z")

</div>

Hi everyone, I’d love to share a recent interactive 3D project built with Three.js: ValiCred. :glowing\_star: Live Demo: Link: https://www.valicred.com.au/lore (Also integrated across the Homepage and Core Services) …

---

## [MDX — an immersive studio website built with Three.js, GSAP and Astro](https://discourse.threejs.org/t/mdx-an-immersive-studio-website-built-with-three-js-gsap-and-astro/93782)

<div class="topic-metadata">

**Author:** [@mdx\_studio](https://discourse.threejs.org/u/mdx_studio)\
**Replies:** 0\
**Last updated:** [August 25, 2026, 8:02pm UTC](https://discourse.threejs.org/t/mdx-an-immersive-studio-website-built-with-three-js-gsap-and-astro/93782 "2026-08-25T20:02:13Z")

</div>

Hello Three.js community, We recently launched the current MDX studio website and would value technical feedback from people building real-time 3D for production websites. Live site: https://mdx.so The experience comb…

---

## [Cryptix Universe – A Browser-Based Multiplayer Action MMO Built with Three.js](https://discourse.threejs.org/t/cryptix-universe-a-browser-based-multiplayer-action-mmo-built-with-three-js/93700)

<div class="topic-metadata">

**Author:** [@True\_Anonymous](https://discourse.threejs.org/u/True_Anonymous)\
**Replies:** 1\
**Last updated:** [August 23, 2026, 5:44pm UTC](https://discourse.threejs.org/t/cryptix-universe-a-browser-based-multiplayer-action-mmo-built-with-three-js/93700 "2026-08-23T17:44:43Z")

</div>

Cryptix Universe – A Browser-Based Multiplayer Action MMO Built with Three.js Hey everyone, we’ve been working on Cryptix Universe, a 3D multiplayer action MMO that runs directly in the browser, with Three.js handling …

---

## [ NEO/DAILY — today's near-Earth asteroids from NASA's live feed, every rock  generated in shaders at runtime (Three.js + GSAP, no model files)](https://discourse.threejs.org/t/neo-daily-todays-near-earth-asteroids-from-nasas-live-feed-every-rock-generated-in-shaders-at-runtime-three-js-gsap-no-model-files/93716)

<div class="topic-metadata">

**Author:** [@yui\_morii](https://discourse.threejs.org/u/yui_morii)\
**Replies:** 0\
**Last updated:** [August 23, 2026, 12:47pm UTC](https://discourse.threejs.org/t/neo-daily-todays-near-earth-asteroids-from-nasas-live-feed-every-rock-generated-in-shaders-at-runtime-three-js-gsap-no-model-files/93716 "2026-08-23T12:47:57Z")

</div>

Live: https://neo-daily-landing.vercel.app/ Built with: three.js r185, GSAP, Vite — raw shaders, no post-processing, no model files Every day NASA’s NeoWs feed lists the asteroids making their closest approach to Earth…

---

## [Graffico Office: 3D studio](https://discourse.threejs.org/t/graffico-office-3d-studio/93701)

<div class="topic-metadata">

**Author:** [@Graffico\_Studio](https://discourse.threejs.org/u/Graffico_Studio)\
**Replies:** 0\
**Last updated:** [August 23, 2026, 12:28pm UTC](https://discourse.threejs.org/t/graffico-office-3d-studio/93701 "2026-08-23T12:28:18Z")

</div>

Graffico Office isn’t a page, it’s a place. We imagined our studio in 3D to prove a website can be somewhere you go instead of something you scroll. The goal was to put the tools we actually work with in the room: the de…

[Next page](https://discourse.threejs.org/tag/animation/163.md?match_all_tags=true&page=1&tags%5B%5D=animation)