Jahid

Trying something with 3D web

[Ameen Abdullah @ameengl]

i spent a month building this immersive grass experience with game like features.

- GTA-style player switch transition
- cinematic camera movement
- 8+ visual presets
- Adjustable Graphics presets
- immersive audio
- game-like UI

link -> https://t.co/conp63rZfm

built with @threejs + WebGPU.

#threejs

[matsuoka-601 @matsuoka_601]

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: https://t.co/ZPkfCvM1Ol
Code: https://t.co/152ge1yRo9

[Jahid @TechyWebDev]

@mannupaaji https://t.co/vRqGWp2ADv

[Konrad Reczko @reczko_konrad]

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.

[Anderson Mancini @Andersonmancini]

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

[Anderson Mancini @Andersonmancini]

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

[Luc Chaissac @lucchaissac]

Lil Three.js experiment #6799 can’t stop playing with these lights ✨🙃

[Zsolt Kacso @kaolti]

Need more nature in design!

Built with Three.js // GSAP // GPT 5.6 Sol.
Will post live link tomorrow.

[Ameen Abdullah @ameengl]

if you've never felt a website get cinematic,
this is the one.

A cinematic grass field experience made with @threejs

[Jahid @TechyWebDev]

🚀 New component added to Three.js Collection - available for FREE!

😵‍💫Stun Effect: A post processing stun effect with some camera shake

Link: https://t.co/Bgpi6jGglq

#threejs #webgl #gamedev #3d #webdevelopment

[Jahid @TechyWebDev]

Three.js Collection is now on Three.js Resources

👇https://t.co/yWPDzXpgTY

[Jahid @TechyWebDev]

Uploaded a new YouTube video: How to Add Grass Using Three.js 🌿

Check it out here: https://t.co/W8GA8StRtj

I forgot to tweet about it 😄

#tutorial #learning #webdevelopment #threejs

[Jahid @TechyWebDev]

@bruno_simon Shadow acne irl

[Jahid @TechyWebDev]

@structuralCoder Thank you 🙌

[Jahid @TechyWebDev]

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.

👉 https://t.co/wiVoHeUnxv

Explore Now!

#threejs #webgl #webdevelopment #3d #BuildInPublic

[Jahid @TechyWebDev]

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.

👉https://t.co/vRqGWp2ADv

[Jahid @TechyWebDev]

Three.js Collection is now live on Product Hunt🚀

If you think it's a project worth supporting, I'd really appreciate your upvote. 💙

👉https://t.co/0oOktS4eh3

[Jahid @TechyWebDev]

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: https://t.co/wiVoHeUnxv

[Jahid @TechyWebDev]

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.

👉 https://t.co/wiVoHeUnxv

Explore Now!

#threejs #webgl #webdevelopment #3d #BuildInPublic

[Jahid @TechyWebDev]

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.

[Jahid @TechyWebDev]

$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.

[Bull Theory @BullTheoryio]

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.