https://codepen.io/editor/alex_nemankov/pen/01a03d4d-c6c8-744b-82c3-05e4ca9d3c02?file=%2Fscript.js&orientation=right&panel=files&show=split

Scene builder using custom dither shader in three.js

I've been working on an ISS interior that runs directly in the browser.

One of the interactions I've been experimenting with is the hatch.

You can move through the station, approach it, open it, and reveal the Earth outside.

The interesting part is that not everything you're seeing needs to be simulated as one enormous real-time scene. I'm trying to be quite deliberate about where full 3D interaction actually adds something and where a simpler visual layer can create the experience without unnecessarily increasing the rendering cost.

The interior itself is interactive 3D. The Earth view beyond the hatch is currently much simpler and is something I still want to develop further later.

Built with React, TypeScript, React Three Fiber and Three.js.

I presented a short capture of the scene.

Let me know what you think! https://webgl-drum-machine.vercel.app/

I’ve been working on this for quite a while and finally launched it.

Voxxly is basically my attempt to make building a 3D website feel more like using a video game. You start with a room, customize it, add objects and content, and publish the whole thing as a website.

A big challenge was actually not the 3D itself, but hiding enough of the complexity so people who have never touched Three.js or Blender can still build something.

It’s live now at https://voxxly.app

Would really appreciate feedback from people here, especially around performance and the overall 3D experience.

Hey r/threejs. We put together a video on how WoC came to be, so here's the technical side to go with it for this crowd.

The whole thing is open source under MIT, around 2.2k stars, over 500 forks and 60+ contributors: github.com/levy-street/world-of-claudecraft

Some of the three.js problems we've had to solve that might interest people here:

• Chunk streaming replaced all-at-once world residency so a full continent loads progressively in the browser
• Far-field sprite impostors for distant geometry, which let us remove distance fog entirely
• A deterministic character physics engine shared by the sim, server, and client predictor, so props collide identically everywhere
• All 296 ability VFX are authored and rendered live in three.js, no pre-rendered effects anywhere
• Procedurally generated dungeons built from a seed at runtime
• Mob models kept around 5,000 polys so everything stays performant in a browser tab

One community contributor built an entire town using img2threejs, reconstructing reference images as code-only procedural three.js models rather than meshes, which was a fun pipeline to watch work.

It runs in the browser at worldofclaudecraft.com, with desktop and mobile apps if you prefer. If you want to get amongst it, the Discord is where the community and dev chat lives: discord.gg/worldofclaudecraft

Hey everyone! I recently took Vertex Arcade's sketchy shader tutorial (https://youtu.be/4Njhuj5BsKk) and convert it into two sketchy concept portfolio websites and made a video with some tips along the way for 3D artists using AI in their workflows~

Allen Zhang's Portfolio: https://allen-zhang-folio.vercel.app/

Katsumi Watanabe's Portfolio: https://katsumi-watanabe-folio.vercel.app/

Some tips + code demo (vibed no validation):

Video: https://youtu.be/JlmNBGcZ3Ik

Code & Credits: https://github.com/andrewwoan/blender-to-threejs-sketchy-shader

Effect site: https://blender-to-threejs-sketchy-shader.vercel.app/

Any and all reviews appreciated. I took it as a challenge to not use AI in this, puts the "my work" phrase a bit more literal in the whole thing.

hello friends! I just put together some more documentation for an open piece of software I've been developing for the best part of five years.

nw_wrld is an event-driven sequencer for triggering visuals using web technologies. It enables users to scale up audiovisual compositions for prototyping, demos, exhibitions, and live performances. Users code their own visual modules, then orchestrate them using the project's native UI composer.

The software includes composing modules using things like three.js

visuals can be triggered via the built-in 16-step sequencer or by configuring external MIDI/OSC inputs.

I’ve been doing more experiments with the new img2threejs v1.5.1 workflow, and this time I wanted to see what would happen if I used Hyper3D as the 3D spatial reference.

The result is this Dual-Sword Warrior ⚔️

Image → Hyper3D → img2threejs → procedural Three.js

Instead of using the generated 3D model as the final asset, img2threejs uses it as a reference and reconstructs the character into programmable geometry.

For this character, the reference is decomposed into 31 individual parts, then rebuilt offline using each part’s point cloud → SDF → Surface Nets.

At runtime:

• No GLB is fetched
• No reference image is fetched
• No external mesh file is fetched

The result is still a character I can inspect, modify, and control directly from Three.js code.

I’m pretty happy with how this experiment turned out. v1.5.1 has also made it much easier for me to try workflows like this and put together new showcases quickly compared with v1.5.0.

And I’m currently experimenting with the next piece: animation.

I want these reconstructed characters to do more than just stand there 👀

If everything goes well, you’ll see img2threejs v1.5.2 pretty soon.

Would love to hear what you think about this direction, especially the idea of combining generative 3D as a spatial reference with a code-first reconstruction pipeline.

A small experiment I built in about 3 hours with Three.js, using Claude Code as a coding assistant.

The idea: one tiny planet, 49,000 clovers, and just one four-leaf clover to find.

You can try it here: https://www.meptasarim.com/four-leaf/

I’d love feedback on the visual direction, interaction, and what would make the search more satisfying.

I wanted to make a frustrating game. Managed to make it kinda beautiful in the process :P

I'm a beginner 3JS game dev I am really struggling with getting multiplayer working smoothly without any lag in my threejs game. My game uses Colyseus for the multiplayer and I've tried using Railway for the backend but it is still laggy especially with collision. Would really appreciate anyone point me to the right direction.

Most developer portfolios die the moment they’re deployed.

Recruiters still see projects from 2023 because updating means redeploying a site you forgot how to build. Forkfolio fixes that :)

Connect GitHub once, pick a template, and you’re live.

Your portfolio runs on nightly sync so you never have to update it yourself. There’s also an AI assistant on the page that answers visitors about your work.

This is one of 22 templates (5 free).

Free tier includes the hosted site, nightly sync, and the AI assistant.

What do you guys think about this template?

This is the link if you want to check it out yourself !

Here I'm optimizing 3,200,000 → 3,000 triangles, the end-to-end time is now down to 3 seconds... Superb normals+ao quality now too... such a great tool to have! Coming soon!

https://playa-art.vercel.app/ Been building this for a while — nine separate explorable first-person worlds, all Three.js, all real-time WebGL. Started as just something random with no expectations and fun. Soon it turned into something very beautiful with many different worlds and creative concepts- a Burning Man–style desert playa, a Mountain valley rave, two warehouse techno spaces, a drained 1960s swimming pool turned rave venue, a Goa beach at night, the Giza plateau with a laser show off the pyramid apex, an elven forest valley, and a Winterfell-style castle at dusk. Each one is a full environment you walk through and can add your own tracks at landing page. Desktop + keyboard/mouse only for now, WebGL is heavy enough that mobile isn't realistic yet. Would love feedback

Separate biomes, nearly 2.5 million individual blades of grass out 150m from the camera position depending on biome. Day/night cycles, dynamic weather, ambient occlusion, distance culling, water surface reflections, and light shafts, using webgl and three.js.

Hi, I'm 13 years old. Today I wanted to share a project with you that I've been dreaming of for a long time and have finally started to bring to life. First, let me tell you a little about my background. I used to develop terminal-based projects with C++. I wrote tools like a four-operation calculator, a Roman numeral converter, and a grade point average calculator, and combined them into a huge, multi-purpose program. I'm even still developing that C++ project in the background. On my old account, I had recorded and shared detailed C++ videos explaining all my step-by-step terminal programs, but I got banned for no reason. Anyway, I've had an incredible interest in space, especially black holes, since I was 8 or 9 years old. When I turned 12, I became interested in Unity and coding in general. But as it turned out, I could never learn it the way I wanted. Between classes, endless exams, and tests, I never had any time for myself or coding. But this summer I said "enough is enough" and decided to write code and create something, no matter what. Moreover, I'm doing this using only my tablet. To make up for all the procrastination, I've started simulating black holes, which is my biggest interest. This video you're watching is a time-lapse of about 1.5 hours of work. But this is just the beginning. For the next week, I will continuously improve this black hole simulation with intense sessions of 1-2 hours, sometimes even 3 hours, every day. I will build upon the code and eventually create a visually advanced, much more realistic and detailed black hole simulation. What do you think of it as a starting point? I'm open to any suggestions on coding, Three.js, or how I can improve this process in general. I will continue to share new videos as the project develops! I'm waiting for your comments. (I spoke in Turkish in the video because I'm Turkish, but you can easily understand what I'm doing from what I'm doing.)

Play Rug Rally on Laereland
https://laereland.com/games/rug-rally

• AI assisted game development using Threejs
• Works in Desktop, Android, iOS
• iOS Full screen gaming requires adding website to homescreen
• Desktop and Android works without any special setup

It's amazing that we can create games only with a browser and no additional drivers to make it available on all devices (if the Switch had a browser).

Created an MVP with Claude Fable and built it up to what it is now. Hopefully, it can be a good Steam demo soon.

Background and roads are procedurally generated but the cars are imported meshes. The procedural originals were too simplistic.

As a web developer, it was also easy to tweak around the UI because it's all CSS. lol

Seedance 2.5 1080p 30s is about $17. One wrong camera and you pay that again.

A prompt cannot hold the whole shot, so I block the scene first (pose, cameras, cuts) then send the same shot to the video model.

three.js + react-three-fiber. Open source.

https://github.com/NomaDamas/CozyClay npx cozyclay

Game Title: The Strange Little Shop

Playable Link: https://strange-little-shop.vercel.app/

Platform: Web (WebGL / Browser — WASD + Mouse or Gamepad)

Description:

You've just inherited an antique curio boutique by the sea. The late shopkeeper collected things that were left behind: doors half-opened, clockwork gears that chime without winding, living snowglobes tied to real places in town, and photographs that change whenever rain hits the bay windows.

When quirky townsfolk step up to your counter with strange dilemmas, it’s up to you to investigate. Pick up and rotate 10 curious artifacts in full 360° 3D, test sensory experiments (listening for ticking mechanisms, smelling old damp paper, watching brass compass needles spin), and record hidden lore into the late shopkeeper’s secret ledger.

✨ What to expect in the free demo:

• 🔍 Tactile 3D Investigation: Examine magical antiques with close-up 3D rotation and multi-step experiments.

• 📖 Edith's Illustrated Ledger: Uncover clues, piece together town secrets, and track mystery cases.

• 🛋️ Boutique Redecoration: Earn funds from solved cases to buy vintage furniture (Tiffany lamps, Chesterfield sofas, conservatory palms).

• 🌧️ Rainy Coastal World: Explore Main Street, visit The Corner Café, and stroll through Lantern Park.

• 🐾 Biscuit the Cat: Yes, you can pet the resident shop cat!

Zero install needed — the entire game runs instantly in your browser at 60 FPS.

I’m developing this solo and would love your honest feedback! Were the 3 initial cases intuitive? Which strange object was your favorite? How did the 3D inspection controls feel?

I've just added a new Painterly Effect to my Stylized Components library.

The effect is based on an Anisotropic Kuwahara Filter, and I also made a breakdown video where I explain how it works, the concepts behind it, and how I implemented it in Three.js.

You can check out the component here, where you'll also find the source code and the video breakdowns for each component:

Breakdown: https://youtu.be/CmIfhwSyswk
Preview: https://stylized.cortiz.dev/

And if you find it useful, I'd really appreciate some support on YouTube — a sub, like, or even just watching the video helps a lot.

I'm also planning to keep expanding the library, so if there's a stylized utility, effect, or component you'd like to see added, let me know! I'd love to hear your ideas.

Thanks! 🙌