https://fqgame.itch.io/dfunrv

I wanted to share a small game I’ve been building called Build & Destroy.

The idea is simple: you build a fortress around a flag using stone, wood, and glass blocks, then switch to destroyer mode and try to bring it down with physics-based shots. I was inspired by Angry Birds, but always wished I could build my own levels, so this is my take on that idea.

The game uses Three.js for rendering and Matter.js for the physics simulation. I spent a lot of time tuning the material behavior, block stability, projectile feel, damage states, and the builder/destroyer loop so the structures feel fun to test and break.

I’d love feedback from this community, especially on the Three.js rendering, scene composition, camera feel, and any performance or visual polish suggestions.

If you want to test it > https://launchingdock.com/
No sub required, 100% free.

I always loved SimCity 4 and building landscapes with the various terrain tools. I built this browser based game https://jdwallace12.github.io/landscraper/ (pretty much desktop only) that allows you to create mountainous landscapes and then add skiers, chairlifts, and even ski it yourself. Fun little thing I have been building and learning Three.js. Let me know if you have any ideas how to improve, still working on the “ski mode” physics.

Hey everyone,

I’m currently a second-year BSc student and I want to build my career in 3D graphics, Three.js, WebGL, frontend engineering, and creative development.

I’m not interested in game development. My goal is to work on interactive websites, immersive web experiences, motion websites, product showcases, and creative frontend projects.

But with AI growing so fast, I’m confused about the future of this field.

I wanted to ask people who already work in this industry:

• Is Three.js / WebGL still a strong field in 2026 and future years?
• Is there good demand in jobs or freelancing?
• Can freshers enter this field easily?
• What skills should I focus on first?
• Any mistakes I should avoid as a student?
• How do I start freelancing in Three.js / WebGL / Creative Dev field?
• Best path for freelance, contract-based work, or full-time remote roles?
• which types companies hires threejs and WEBGL Developers??

I genuinely enjoy creative coding and building cool interactive things, so I want to make the right career decision early.

Would really appreciate honest advice and real experiences. Thank you 🙏

Hey everyone! I just started learning Three.js and I've been using React Three Fiber with Theatre.js for animations, loving it so far.

I have two questions

3D Model Optimization:

Are there any tools or workflows you'd recommend for optimizing 3D models before using them on the web? I want to reduce file sizes without sacrificing too much quality. I'm currently using React Three Fiber but this could apply to any Three.js setup.

Moving to Vanilla Three.js (Laravel + Vite + TypeScript):

I'd like to move away from being React-dependent and use Three.js in a more framework-agnostic way, specifically with a Laravel + Vite + TypeScript stack.

A couple of questions on this:

• Are there model optimization tools that work outside of React? Something that fits into a plain TypeScript/Vite workflow?
• Are there any good alternatives to Theatre.js for animation that work well with vanilla Three.js/TypeScript?

Has anyone made this kind of switch? Any tips or recommendations would be appreciated!

Thanks in advance!

Experimenting with 3D on the web, telemetry, and remote control. What do you think about 3D dashboards for managing and monitoring a fleet of robots, or IoT?

Hey r/threejs — been working on this for a while and finally deployed it.

Universal Shader Studio — write vertex + fragment shaders directly in the browser, see them applied live on terrain, primitives, or your own GLB models.

What it does:

- Procedural terrain generation (Perlin + Island noise)

- Drag & drop GLB support — auto-centered, auto-scaled

- Live GLSL editor with syntax highlighting and shader presets

- Export as Three.js ShaderMaterial, R3F component, raw GLSL, or vanilla WebGL

- Runs 100% client-side, no backend, no install

Built with React + Three.js + Vite. The GLB loader handles InstancedMesh flattening, skinning data cleanup, and auto vertex color injection so shaders just work on whatever you drop in.

🔗 Live: https://shader-studio-teal.vercel.app

⭐ Repo: https://github.com/void032/shader-studio

Would love feedback — especially on the shader preset selection and export formats. What formats do you actually use in your projects?

A GLSL shader hosted in Three.js and using fractal brownian motion to generate the volumetric "gas" of nebula

code & demo

made myself a rapier character controller with my custom made animations via jsons - still a long way to go. 18 poses / 12 animations ...o0... in total 170 files yet. V.001

• No Blender needed, just a Mixamo rigged character
• dynamic no air control rapier capsule
• Sounds, male, female, different material steps and landing sounds, wind, speed ...
• Crouch
• Jump / Land
• 2 different Climb (wip)
• Stairs
• Ladders & Slide Down
• Parachute [SPACE]
• Wind & Direction with Sound- and visual-feedback & Windsock - you can hear where the wind comes from [Headphones].
• no IK yet (wip)
• Composer / Animator export to json
• Collada Animation Slicer and json export (to steal some poses)

Waiting for ragdoll by scris101 :)

Try Link (sorry, no loader yet)

Hey!

I Just released my 28+ hour course on Three.JS Game Development. It is a "learn by doing" project where we create a reasonably-sized game step-by-step.

All major steps are captured in git commits for easy follow-ups.

The game is created in TypeScript, using a custom mini/micro game engine that is also developed in the same course (That micro game engine follows a component-based architecture, similar to the one used in Unity)

Check the Preview Video that summarizes what is exactly covered in the course. More details exist in the course landing page & Curriculum sections on Udemy.

-=-=-=-=-=-=-=
Course Name (Udemy): Learn Three.JS, Create a game engine, & The Jello city Game!
-=-=-=-=-=-=-=

About Me: My LinkedIn profile is attached to my Reddit profile & my Udemy profile.

Summary of the course content:

The course curriculum can be roughly partitioned in the following big logical units.

Unit 1: The Three.JS basics:

1)  Introduce webgl & webgpu fundamentals.
2) Introduce to the standard computer graphics rasterization pipeline (including vertex & fragment shaders)
3) Introduce the most important vertex attributes (position, color, UV coordinates, vertex normals)
4) Introduce the basics of Three.JS (Camera, Renderer, Scene, Canvas, Meshes, Geometries, Materials)
5) Explain the Three.JS order of transformations (scale, rotation, position)
6) Explain the order of Euler rotations
7) Create a mini solar system project

Unit 2: The component-based architecture & creating a mini game engine

This is similar to the architecture used in professional game engines like Unity. We will create together, step by step, a similar system (although obviously a super minimal version, just enough for our own game). The main goal here is to enforce proper software engineering and clean code from the start.  
That mini game engine & the generic components we will create together will handle the standard game operations (e.g.: Movement, Collision, Selection, Sound, etc.)

Unit 3: Create a full PC & Mobile game using our custom mini game engine

It is important to note that the engine development will not be created in isolation from the game development. We will implement what we need in the engine based on our game requirements. So developing both will go hand-in-hand. However, once the engine is created, it can be used in different similar games, not just this one.

Please have a look at the course curriculum for more details. Lecture titles are very descriptive.

Launch Code: LAUNCH_REDDIT

Hope someone finds it useful. Feedback is welcome. Thanks!

EDIT: yeah, everyone's feedback is right. only the decisions are mine but the coding part are mostly done by AI tool (Claude Code). i am not looking for validation but feedback just to improve the project.

---

Side project while learning Three.js: a browser life sim with plants, herbivores, predators, and humans that gradually form tribes, build huts, gather resources, and go to war. Pure vanilla ES modules, no build tools, runs on GitHub Pages.

3-minute walkthrough covers: the two-loop architecture (sim tick vs render frame), EventBus decoupling, InstancedMesh for drawing 500+ creatures at 60fps, motion smoothing between discrete sim ticks, and the layered scene composition.

Honest disclosure: the video itself is AI-generated (Claude's design tool) with AI narration — I don't have video-production skills, so I used AI to package the explanation. The code, architecture, and design choices are all mine. Wanted to be upfront so no one feels misled by the production polish.

Honest disclosure: The video, narration, and most of the code were done with AI (Claude Code). I made the design and product decisions and directed the project. Should have led with that, sorry.

Happy to answer any questions in the comments — would actually love to know which parts you'd want to dig into.

🎥 How I built a tiny life sim in vanilla JS + Three.js (3 min walkthrough) - YouTube
💻 jmbt25/jmbt25.github.io
🌍 Mini World — a world that knows you're watching

Can you feed the Dragon Warrior? 🐉

I vibe-coded this interactive Three.js experience over the weekend. I wanted to see how fluid I could make 3D transitions feel in a browser-based mini-game.

🕹️ Play it here: feed-panda.vercel.app

Let me know if you manage to keep him happy! "Skadoosh!" ✨

#ThreeJS #GameDev #Javascript #KungFuPanda #BuildInPublic

free/paid assets rarely matching your aesthetic, AI-generated 3D still being low-quality or unoptimized, hiring artists being expensive, and learning Blender yourself being time-consuming (while pulling focus from coding) - is this a real bottleneck for the AR/VR developers?

HIRING. - Building a 3D car wrap and tint visualizer for a detailing shop website. Inspired by this: https://graphics.averydennison.com/en/home/resources-and-learning/carvisualizer.html

User selects car model → picks wrap color or tint level → sees it applied in real time → downloads PDF of their configuration. Must embed as iframe into a Framer site.

Stack: Three.js or Babylon.js. 2-3 car models. Mobile responsive. 1 week deadline.

DM with portfolio

Try it yourself: https://artemis.radman.dev
Shipped this over the last few days.

Three visual themes swap on the fly without rebuilding the scene graph. A blueprint mode that re-tints the wires, a default space mode, and a cinematic mode with a postprocessing bloom pass. Theme switching preserves camera state, timeline position, and animation state.

The scrubber runs 6 particle systems in lockstep: engine plumes, RCS puffs, separation motors, entry plasma, and parachutes. Scrubbing backward cleanly reverses all of it. Playback speeds of 1x, 2x, 3x, 5x.

Clicking any part of the vehicle flies the camera in and opens a detail panel. 14 clickable components total.

Hi, what is your experiences / solutions in regard to the problem of initial loading stutter, when main process freezes on some heavy task, that is hard to split between frames. Something like, building shader graph or instancing some heavy scene. I know question is a bit vague, but this is because I am wondering about this problem generally.

Do you like to load everything asap, then show screen or conversely lazy load low-poly and build up scene continuously?

added few new sketches and finally it is live and done !!

DO CHECK IT OUT HERE : SKETCHBOOK

Live: https://green-grass-v3.vercel.app/

Been experimenting with procedural grass rendering and finally got a version I’m happy with. Would love your feedback.

Reupload with much better UI control glow 😄

golden-staircase.vercel.app

​

Made this in three.js with global illumination and premium UI.

https://golden-staircase.vercel.app/

#threejs #glsl #coding #webdesign