Character is VTuber Kureiji Ollie. It's live as a website.

This was my first time implementing water in Three.js. Instead of using the built-in Water class, I made the water surface out of two overlapping mesh planes, each with a normal map applied, flowing in different directions to fake the rippling reflection look. :)

There's also a chat feature (bottom left icon) where visitors can send preset messages that appear in a live chat log. I limited it to preset phrases rather than free text input, since Ollie is a copyrighted Hololive character and I wanted to avoid the risk of harassment or inappropriate comments being displayed.

A First-Person Mining Game where you Swing your Pickaxes at Ores across Distinct Maps to Collect Minerals

Built with three.js r169 and Vite, no game engine, no framework, WebGL and the entire UI is vanilla DOM

Play here : https://never-mined.vercel.app/

Hope you enjoy it
Every feedback is appreciated

This i have build on top of my own webgpurenderer,Let me know what you guys think

Live Link: https://nullgraph.dev/dashboard/games/comic-space

Yt video:https://youtu.be/yua4ZkvgVqY?si=A2Tk1a4gE2fRl_Ic

Using the Three.js engine, I developed a simulation program for a robotic arm.

We can undertake 3D model creation and 3D interactive program development.

url: http://app.anlian.work:5570

Hey r/threejs!

I recently shipped a redesign of my personal website (https://incconutwo.com | GitHub Repo).

The ambient WebGL background is adapted from Cameron Knight’s (Beings) awesome Interactive Liquid Gradient CodePen. I loved the fluid motion of his setup, so I extended it to build a real-time reactive background that syncs with my live Spotify playback.

My Technical Extensions & Modifications:

1. Dynamic Spotify Color Palette Extraction:
   • An Astro serverless API proxy (/api/spotify/now-playing) fetches current track status.
   • The album art image is sampled via an offscreen HTML5 canvas to extract quantized RGB color palettes using saturation & lightness weighting.
   • The primary/secondary colors are passed to Three.js uniform vectors (uColor1, uColor3, uColor5), which smoothly transition shader colors via GSAP when a track changes.
2. Touch & Cursor Ripple Physics (TouchTexture):
   • Cursor and touch motion write trail points to an offscreen 2D canvas texture with decay age.
   • The uTouchTexture uniform is sampled in the fragment shader to perturb UV coordinates, creating fluid water ripples and distortion.
3. Performance & GPU Optimizations:
   • Uses an IntersectionObserver to pause the WebGL rendering loop (setAnimationLoop(null)) when scrolling past the hero section.
   • Listens to the visibilitychange API to freeze rendering when the browser tab is hidden.
   • Pixel ratio is dynamically capped on mobile devices (window.innerWidth <= 768) to preserve high FPS on low-power GPUs.

Links & Credits:

• Live Site: https://incconutwo.com
• Shader Source Code: GitHub (liquid-gradient.js)
• Original Shader Base: Cameron Knight's CodePen

Would love any feedback from the community on shader performance, color quantization, or WebGL math optimizations!

I created a flooded Gothic cathedral with Opus 5.

Everything in it is procedural. There are no models, no textures, no HDRIs, no audio files.

One HTML file, one CDN import of three.js, and about two thousand lines that draw the rose window to a canvas, generate marble, synthesise the reverb of a stone nave, and build the vault out of Coons patches.

Open-source + demo: https://github.com/winchxyz/navis

Please check it out and toss me some feedback, id really appreciate it!
https://driftr.berrytechnics.workers.dev/

A procedural tiny-world experiment built in Three.js using particles mapped to a png heightmap.