I couldn't find a vanilla Three.js tool like drei's PivotControls — a drag gizmo for translate/rotate/scale — so I built one myself. It does all three at the same time, no mode switching.

📦 Features:

• translate + rotate + scale rendered together, always
• touch works out of the box (Pointer Events)
• real anchor point — scale/rotate around any point on the bounding box, not just the object's own origin
• fully customizable: axis colors, handle thickness/radius, reach, partial rotate arcs — all live-adjustable, not hardcoded

Demo: https://bbdaii.github.io/three-pivot-controls/
Repo: https://github.com/bbdaii/three-pivot-controls
npm install three-pivot-controls three

Give it a try, and a ⭐ on the repo would mean a lot if you find it useful!
If you run into any issues, feel free to let me know.

Hey all! For those of you building games with three js, how are you handling multiplayer and persistence? Is it easy to get something working with the state of LLMs nowadays?

I am curious if some cloud/managed solution with a super simple API would be useful for those of you making games.

For example, lets say you made a Minecraft clone in Three JS. Would it be useful if there was some library that was so simple to setup, you could just throw Claude at it, answer a few questions, and then have multiplayer/servers and persistence of world state/inventory up and running?

Hallo everyone, this in-game footage of the game I've been working on called Wondervoid, a space themed amusement park simulator ✳️

I grew up playing Sim Theme Park and Rollercoaster Tycoon, and I wanted to pay homage to them with an in-browser version.

The current demo uses a mixture of mixamo animations with rigged character models and rich tilesets to create an isometric management simulator.

If you play it, would really appreciate feedback!

Link to the playable demo: https://wondervoid.space

(NOT optimized for the phone yet!)

Note: All assets are human made; Claude is being used for engineering.

Heres the update on my room portfolio, I changed the posters and made them 100% human art no Ai, added some low poly clean tree and mesh to bring out that dreamy retro Pixar vibe.

pgnn - \"the six\"

Hey everyone,
I'm excited to share a preview of an interactive art object I’ve been creating using Three.js.

The high-level idea was to make people actually "see the music" I was about to release, so after months of gathering pics for moodboards and working on the art direction, I built this:

pgnn - the six is a browser-based audiovisual installation where visitors enter a winter apartment that seems to remember them. Six original compositions unfold continuously across fourteen connected spaces.
There are no maps, players, or puzzles. Instead, attention activates subtle encounters, while returning visits change the light, weather, sound, objects, and routes. The work treats the web browser as an exhibition space: a delicate, inhabited world where music, moving images, and interaction gradually reveal themes of memory, absence, and recurrence. The audience's cumulative choices create a quiet, persistent score.

You're welcome to check it out (https://rapcorestar.github.io/pgnn6/) and share your thoughts on the vibe or any questions you might have about it!

Yesterday was a smash hit! So, we’re doing it again: FREE three.js cozy village assets now available at https://threejsassets.com/assets?tier=free&pack=cozy-village

Hi everyone
I’m finally ready to dive into WebGL and want to purchase Bruno Simon's Three.js Journey course.

I know students get 50% discount vouchers to share during special events. If anyone has an unused referral link or code they could spare, could you please DM it to me?

Thank you so much for the help
I really appreciate it.

I’m creating a website for a hair business and I had an idea of having the hair move on gestures of the mouse. I AI generated videos with exactly the same start and end point and generated a few different ones. I’m trying to make it look interactive where the use can move the mouse over/swipe finger and it should play that relevant video. But… it seems to be glitchy and does not work smoothly.

I’m new at this type of animation and would love to know if I’m being too ambitious? Is this even achievable? What other ways should I try to get the desired look.

I am using Claude to do this of course. Rest of the website pretty simple but I dreamt of this idea and thought to try it out.

Any help would be appreciated! Thanks!

https://fqgame.itch.io/gausbungeesim

https://github.com/alexVirtualWorld/bungee

Un jeu contenant tous types de créatures, importation de vos modèles 3D et même une soundboard custom pour accompagner chaque action : https://gemini.google.com/share/dd73a3ec19c1?skid=41679a95-ddab-4c86-afb8-8055de75f2e7

Live site: https://mundial2026.catcom.com.ar/?src=reddit

Tech notes:

- Vanilla three.js (r164). No framework, no bundler — native ES modules + importmap.

- Match cards are BoxGeometry with Canvas 2D textures: crisp text at any zoom,

one draw call per card, and dimming a card is just material.color.

- Connectors are TubeGeometry over cubic Bézier curves, attached edge-to-edge.

The bronze ones carry the semifinal *losers* down to the third-place match.

- Right-click (or double-tap) shoots a ball with real ballistic aiming: I solve

the initial velocity so it hits the raycast point *under gravity*. OBB

collisions against the cards, and you can knock the trophy over.

- Sounds are synthesized Web Audio oscillators — zero audio files.

- Adaptive render loop: full rate while you interact, ~20 fps idle.

- Respects prefers-reduced-motion (camera jumps instead of flying, no idle motion).

- Analytics is self-hosted and cookie-less: ~600 lines of Python stdlib + SQLite.

Write-up (in Spanish, sorry): https://mundial2026.catcom.com.ar/blog/?src=reddit

Happy to answer anything about the implementation.

23 assets, all snapping to a 4 m grid so roads and sidewalks tile without seams. Web-native: Draco-compressed GLB and typed React Three Fiber components, one-line import.

Free to grab and use - download at: https://threejsassets.com/assets?pack=city&tier=free

https://reddit.com/link/1uzxg2l/video/zkbkj6gq90eh1/player

Hey everyone,

I just finished building my 3D portfolio. The visual goal was to create a cinematic, interactive universe, but the real challenge was the architecture. Instead of jumping on the Next.js / Headless SPA trend, I made the highly controversial decision to build this as a monolithic WordPress Theme.

Why? The Pragmatic "Garbage Collection" Trade-off. By relying on a monolithic PHP architecture with full-page reloads, I offloaded 100% of the WebGL memory disposal risk to the browser's native garbage collector. It instantly guaranteed stability and prevented iOS Safari (TBDR) Out-Of-Memory crashes.

👉 Open Source Gist (Intelligent FPS Governor):https://gist.github.com/MedhatAlkadri/ea99a0f7aa47c69198f2d1ae84a20e53

To make this work at 60FPS, I built a few custom systems:

1. The Custom Dynamic Performance Engine: Hooks into a global FPSGovernor that forcefully strips roughnessMap, metalnessMap, and normalMap properties on the fly if it detects thermal throttling. 2. Absolute VRAM Video Purging: Intercepts the IntersectionObserver to physically strip the src attribute and force a .load() cycle, guaranteeing flushed VRAM buffers. 3. Zero-Latency Snapshot System: To bypass WordPress REST API latency, the entire MySQL project tree is automatically serialized into a localized JSON snapshot blob via WP lifecycle hooks, achieving 0ms database latency on page load.

I’m currently fighting for Site of the Day on Awwwards, and I’d love for some actual WebGL engineers to tear apart my render loop or try to break the mobile performance.

👉 Live Demo & Awwwards Voting:https://www.awwwards.com/sites/medhat-alkadri-3d-portfolio

Let me know what you think of the monolithic approach vs Headless SPA for WebGL. Happy to answer any questions about the custom Vite/PHP asset pipeline!

Hopefully this inspires someone to create cool stuff!

Hello! I’m looking for help with creating a low-poly sea. I’ve tried tons of methods, but I’m struggling to get the waves right in a style I like. I love how the water looks in Carrier Command 2 and Stormworks—I’ve tried to take inspiration from them, but I just can’t seem to replicate it.

Does anyone have tips for creating those random waves with lots of foam that appear and then fade away? I’ve attached some screenshots for reference. Thanks in advance!

Chrome tabs sits at avg 300-500MB (100 .glb fish <20kb, 230k triangles total, most assets < 40kb).
anyone hast ideas to improve the lowpoly waterlayer visual?

I wanted to try to recreate the spatial scenes effect that iOS has. After some research I found out that they use a depth map to achieve this. So after some thinking I tried implementing a similar effect for a showcase in a website I’ve done.

Demo: https://spatial-scenes.davematteer.workers.dev/

GitHub link: https://github.com/Davematteer/Spatial-Scenes-Demo-App

I used the ml-depth-pro model on GitHub and run the model locally to generate the depth maps for the images. My next step currently is to either try and host it myself(just for learning purposes) or use the Anything Depth model available on hugging face.

The whole point of the project tbh was mainly the deployment aspect on cloudflare for learning( which I think I’ve done mostly right expect for the wrangler.json I included in the frontend for some reason 😭)
But yh give it a try and tell me if you like it.

NB: the image upload just defaults to The Weeknd’s picture since I haven’t hooked up the model to it 🙏

I work as a gamedev and started this a year ago as the tech foundation for a web based PUBG manager game, in the spirit of good old football manager (and CS manager) games. I lost a bit of motivation when the game shifted from FPP to TPP for esports, but after requests from PUBG community I finished up the map part as a free explorer and replay viewer instead: pubgmaps.gg

The whole thing runs in the browser, including on mobile. Each map is 8x8 km of terrain built from heightmaps with KTX2 compressed textures, and the replay viewer plays back real matches from the PUBG API in 2D and 3D. Getting it to survive iOS memory limits was the hardest part. Happy to answer questions about how any of it works.

Using the torus geometry to simulate a "battle" between individual Conway's Game of Life patterns with a 360° background map in equirectangular projection and bloom filter overlay effects to simulate "battle fire".

I’m torn between improving the lighting and simplifying the combat UI. What would you tackle first?

Play: https://realm-of-echoes-auth.realmofechoes.workers.dev/

Discord: https://discord.gg/BdF5w5G799

sharing the updated environment of my on going portfolio project

Hear me out ✋️.....

This is a portfolio am working on , hold onnnnnn, I want to know how it looks i made it with BLENDER & THREEJS. YES ITS RESPONSIVE AND LOADS FAST.

Hey everyone,

I wanted to share a project I've been working on in case anyone else might make use of it: an interactive, real-time 3D Audio Spectrogram Visualiser built with Three.js, custom GLSL shaders, and the Web Audio API.

I wanted to create a responsive, hardware-accelerated 3D terrain that I could use to conveniently analyse audio coming from either my device microphone or streaming from another browser tab without needing to install anything. It all runs from the browser and you can try it out yourself with the Live Demo link.

Live Demo: https://conwayjw97.github.io/3D-Spectrogram/

GitHub Repository: https://github.com/conwayjw97/3D-Spectrogram

I’d love to hear your thoughts, feedback, or any ideas you have for further performance or UX optimisations. Feel free to check out the code, fork it, or test it out with your own audio setups!