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
🚀 New component added to Three.js Collection - available for FREE!
😵💫Stun Effect: A post processing stun effect with some camera shake
Link: threejs-collection.com/compo…
#threejs #webgl #gamedev #3d #webdevelopment
Uploaded a new YouTube video: How to Add Grass Using Three.js 🌿
Check it out here: youtube.com/watch?v=e_wyHvBi…
I forgot to tweet about it 😄
#tutorial #learning #webdevelopment #threejs
Three.js Collection is a community driven place for discovering all kinds of 3D components.
So if you are a threejs dev or just love 3D stuff on web, you can contribute your own component on the platform and share it with the community.
👉threejs-collection.com/
Three.js Collection is now live on Product Hunt🚀
If you think it's a project worth supporting, I'd really appreciate your upvote. 💙
👉producthunt.com/products/thr…
More than 30 new components are already ready to ship and will be added to Three.js Collection.
So what are you waiting for, explore the existing components: threejs-collection.com
Launching Three.js Collection
A platform that helps developers easily add high-quality 3D components to their projects and improve the web experience, completely for FREE.
👉 threejs-collection.com
Explore Now!
#threejs #webgl #webdevelopment #3d #BuildInPublic
Features:
1. All the component are FREE to use
2. A large collection of interactive three.js components
3. Continuously growing library with regular new additions
4. Easy code copy or quick ZIP download
5. Submit your own component, get featured and help the community.
Launching Three.js Collection
A platform that helps developers easily add high-quality 3D components to their projects and improve the web experience, completely for FREE.
👉 threejs-collection.com
Explore Now!
#threejs #webgl #webdevelopment #3d #BuildInPublic
$80k for a threejs game which looks like it was vibe coded in gpt 4.
Current models are really good at threejs.
This has to be a joke.
BREAKING: A fintech employee just burned $80,000 in AI tokens in one week, building a meme game.
Slash, a $1.4 billion fintech startup, had told employees to use AI coding more last week.
Nicolas Brillante, the company's head of strategic verticals, took that seriously and spent a full day using Claude to build a playable shooter game called "Brainrot Shooter," featuring meme characters like Skibidi Toilet and Tung Tung Tung Sahur.
His token spend hit $81,267 within that week.
Brillante called it a genuine accident, saying he underestimated how fast AI usage adds up once you're loading a full codebase context repeatedly during active development.
Slash posted about the incident on X, joking that employees should play the game so the company can write it off as a marketing expense.
The company is now reviewing its AI coding policy.
And After the media coverage, Nick's game appears to have actually found product market fit.
In the first 48 hours, it pulled in 6,912 players, 8,986 hours played, a 1.3 hour average session per player, and 437 peak concurrent players, along with 3 inbound ad inquiries.
Finance has reportedly moved the project from an expense incident to a strategic initiative.
Slash isn't the only one learning this the hard way.
Uber burned through a full year's AI budget in just 4 months earlier this year, before adding spending caps of its own.
