Proud of myself today. What started as a simple infinite-grid shader turned into a month-long journey through rendering, maths, and plenty of frustration—but I finally got it working. I wrote about everything I learned: willofindie.com/proj/infinit... #webgpu #rustlang #glsl #realtimerendering

Infinite Grid Shader

Learning to create an infinite grid procedurally using GLSL shaders. This post contains my notes, lessons and findings, and is intended for personal reference. Therefore, you might find errors, misjud...

willofindie.com

The deadline for @bruno-simon.bsky.social Discord challenge for February was today, so I won’t be making more changes for a while : please try my game! play.huwroberts.dev/spacerift - very much open to ideas and suggestions, I learned A TON making this. three, webgpu, tsl, preact, typescript

Spacerift

Spacerift is a WIP game by Huw Roberts

play.huwroberts.dev

This is it, the final devlog is LIVE 👉 www.youtube.com/watch?v=BE5J... In this episode - Last tweaks before going live - Post-release troubles - Awards and distinctions - Announcements for what there is to come (Three.js conference?) Onto the next quest now! ⚔️

The end? - Portfolio - Devlog 15

YouTube video by Bruno Simon

youtube.com

I've been working on this during February for the @bruno-simon.bsky.social Discord challenge: Spaceship Play here : play.huwroberts.dev/spacerift/

Spacerift

Spacerift is a WIP game by Huw Roberts

play.huwroberts.dev

This is it, the final devlog is LIVE 👉 www.youtube.com/watch?v=BE5J... In this episode - Last tweaks before going live - Post-release troubles - Awards and distinctions - Announcements for what there is to come (Three.js conference?) Onto the next quest now! ⚔️

The end? - Portfolio - Devlog 15

YouTube video by Bruno Simon

youtube.com

A little something to watch over the weekend 👉 www.youtube.com/watch?v=ZyG2... This DEVLOG is about sound design. One more and I'm done!

Sound design - Portfolio - Devlog 14

YouTube video by Bruno Simon

youtube.com

The spaceship themed game I'm making for @bruno-simon.bsky.social Discord challenge now has lasers play.huwroberts.dev/spacerift/?s...

The game I'm making for @bruno-simon.bsky.social Discord challenge now has physics, random seed on load and specific seed through URL param and a new space-camper-van style ship I modelled 🌴🤣 Have fun bumping into rocks! play.huwroberts.dev/spacerift?se... ☝🏼 Try changing seed!

Spacerift

Spacerift is a WIP game by Huw Roberts

play.huwroberts.dev

It’s a new @bruno-simon.bsky.social Discord challenge, “Spaceship” is the theme and I am IN! Day one : grab some assets from other projects and work on flight mechanics - live link: play.huwroberts.dev/spacerift/ 🚀🪐🔭 #threejs

DEVLOG 13 is LIVE 🎉 Come check what I did to double the frame rate on my portfolio 👉 youtube.com/watch?v=EhZw...

Performance - Portfolio - Devlog 13

YouTube video by Bruno Simon

youtube.com

Devlog 13 almost done 🫠

Devlog 12 is LIVE! 👉 youtube.com/watch?v=SkZQ... Come check how and why I built the intro and the achievements on my portfolio

Intro & Achievements - Portfolio - Devlog 12

YouTube video by Bruno Simon

youtube.com

Devlog 12 is LIVE! 👉 youtube.com/watch?v=SkZQ... Come check how and why I built the intro and the achievements on my portfolio

Intro & Achievements - Portfolio - Devlog 12

YouTube video by Bruno Simon

youtube.com

And new devlog! 👉 www.youtube.com/watch?v=YtKg... Did you think I'd stop since the portfolio is out?? I intend to finish the series, and this got to be the biggest devlog I've made so far. In this episode: - A bunch of updates - 4 new areas

New Areas - Portfolio - Devlog 11

YouTube video by Bruno Simon

youtube.com

What a day! My portfolio won FOTY and FOTY People Choice on FWA! 🎉 👉 thefwa.com/editorial/fw... Huge thanks to the jury and the community ❤️ A little bit of fireworks to celebrate 👇

My portfolio is nominated for SOTY on FWA 🎉 I would appreciate if you vote for me for the People's Choice Award 👉 thefwa.com/pca

Most online “GLB optimizers” only optimize for file size, but they still take up a huge amount of memory. One Sketchfab example: No compression: 39 MB file, 342 MB in memory Other tools: 4.26 MB file, 22 MB in memory My tool: 0.68 MB file, 6 MB in memory

Experimenting with a new grid stack for 3D volume rendering in CSS. Try it! voxcss.com/gallery/

A CSS terrain generator. No WebGL, just stacked grids and 3D transforms: terra.layoutit.com

I'm excited to share the first version of the Needle Inspector for three.js! We're looking forward to your feedback, ideas and of course bugreports. Let us know what you think, what you're missing and what you use it for! 🔬 Launch video: www.youtube.com/watch?v=zSFq... @threejs.org

Needle Inspector for three.js— Chrome Extension (works with R3F, Threlte, AFrame, Needle Engine...)

YouTube video by Needle

youtube.com

Playing around in @bruno-simon.bsky.social's new crazy portfolio - so many cute ideas! Using our in-dev #threejs chrome extension to explore objects, inspect properties and materials and much more. #webdev @threejs.org

6 years of thinking I can make a better portfolio. 1 year of actually building it. My new portfolio is LIVE 🚀 Please, don't break anything! 👉 bruno-simon.com

Live link: ssgi-webgpu-demo.vercel.app

SSGI Demo - Screen Space Global Illumination with WebGPU & Three.js

Experience native SSGI with Three.js! Watch real-time color bleeding, dynamic emissive lighting, and realistic light bounces. Built with WebGPU, React Three Fiber and TSL. Interactive 3D demo showcasi...

ssgi-webgpu-demo.vercel.app

#threejs r181 is going to be insane. I’ve been playing with it before release — and we finally have native Screen Space Global Illumination + SSAO via #TSL in #r3f and #WebGPU. Live link soon. Subscribe at andersonmancini.dev Higher resolution video at: www.youtube.com/watch?v=hIRe...

I was messing around with TSL post processing. The sobel pass looks amazing!

Explosions and bullet time 💥⏱ What am I building already?

I needed a better visual feedback for when we boost. I guess that will do the trick 🔋🔋🔋

Devlog 10 is LIVE! Do you want to learn how I make 3D experiences responsive? 👉 www.youtube.com/watch?v=Uc3U... Spoiler alert, it implies sweat and tears.

Responsive - Portfolio - Devlog 9

YouTube video by Bruno Simon

youtube.com

Devlog 10 is LIVE! Do you want to learn how I make 3D experiences responsive? 👉 www.youtube.com/watch?v=Uc3U... Spoiler alert, it implies sweat and tears.

Responsive - Portfolio - Devlog 9

YouTube video by Bruno Simon

youtube.com