Trying something with 3D web
Joined October 2021
- Tweets538
- Following269
- Followers100
- Likes3.4K
Jahid retweeted
Made a new real-time fluid sim in WebGPU - "Particles4All".
Rigid bodies and fluid are all simulated by particles.
The combination of surface tension, anisotropic kernel and buoyancy makes the demo spectacular!
Demo: particles4all.netlify.app/
Code: github.com/matsuoka-601/Part…
Jahid retweeted
Depth-aware light injection in TypeGPU
I got a 448x448 monocular depth model down to ~8 ms on my M4 Pro across ~250 dispatches, which is fast enough to use in realtime :D
Since the inference is written directly in TypeGPU, I can just feed the depth buffer straight into the lighting pass. It never has to leave the GPU or go through any extra synchronization/interop step
Inference, lighting and draw all go through the same command encoder.
Jahid retweeted
Showing off two unique features of my #threejs Advanced Glass Material: colored caustics and glass-to-glass interaction.
The glass can actually “see” other glass objects in the scene, preserving their depth, internal reflections, and refractions. The green color being visible through the blue glass shows the color and depth interaction.
Powered by #WebGPU and a lot of custom rendering work that I learned on #threejsJourney new TSL lessons from the GOAT @bruno_simon
Live demo coming soon.
#creativecoding
Jahid retweeted
More experiments with WebGPU Advanced Glass Material for #threejs vanilla version. Added Independent Edge Dispersion for better results when morphing the glass shape.
Live link coming soon⚡️
#creativecoding
Jahid retweeted
Lil Three.js experiment #6799 can’t stop playing with these lights ✨🙃
Jahid retweeted
Need more nature in design!
Built with Three.js // GSAP // GPT 5.6 Sol.
Will post live link tomorrow.
Jahid retweeted
if you've never felt a website get cinematic,
this is the one.
A cinematic grass field experience made with @threejs
Jahid retweeted
Added interaction support to the HTMLTexture (html-in-canvas) example.
github.com/mrdoob/three.js/p…
Jahid retweeted
Liquid mask on hover.
Move your cursor — watch the image melt away.
Built this in @framer + @hiunicornstudio this weekend.
More satisfying than I expected 😶
Live demo in the replies 👇
Jahid retweeted
It's time to bring Haptics to the web 🫨
Create custom tactile patterns with strengths + durations for your web interactions.
Make your app feel as good as it looks ✨
→ haptics.lochie.me
Jahid retweeted
Thinking out loud. 😬
@YouTubeGaming YouTube Playables is officially open (beta) and the numbers are insane. 🤯
The platform has the traffic (35M+ plays on top games), and now the door is open for us.
The secret sauce? Some are powered by Three.js.
Everyone can 'vibe code' a game now, but you 🫵 actually know the math behind the magic. Right?
Think about it: Ads are likely coming soon. 35M plays implies serious $$.
Three.js devs: It's our time to cook. 👨🍳🔥
Thank me later.
youtube.com/playablesbuilder…
Jahid retweeted
Particle explosion with custom models, precisely bounded within a cylinder.
Demo 👉 particles.sujen.co
#threejs #webgl
Jahid retweeted
Learn new techniques with Blender to make your Three.js projects look better:
- PBR textures from custom Nodes
- From high to low poly to keep the vertex number low
- Ambient Occlusion
- Export Settings
🔗 youtu.be/fBH8SYA1aTI
