Toby

Happy to share my new portfolio. Took quite a while to make it, but super proud how it turned out. ✨ Experience it live here: nhtoby.com Built with of @pmndrs React Three Fiber / @threejs, @nextjs and a lot of love 🩷 #threejsJourney #threejs #r3f #webgl #shader

@dangreenheck I got this visual bug on Samsung A52

Three.js Water Pro v3.1.0 is now live! - Water appearance on WebGL/WebGPU is now 100% unified - Improved persistent foam better captures details on swells, waves and ripples - Plus lots of important bug fixes 🪳🔨 Try it now! 👉🏻 threejswaterpro.com

Happy to share a new creative experiment, where I put together a hypothetical promotional experience for the @Samsung Galaxy S26 just for fun, exploring ways to showcase the product in the browser w/ @threejs ofc. ✨Try it live here: samsung-galaxy-ads.vercel.app #threejsJourney #r3f

@bruno_simon Great series! Next quest maybe TSL course update? 👀

This is it, the final devlog is LIVE 👉 youtube.com/watch?v=BE5Jcp… 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! ⚔️

◤制作実績のご紹介◢ Alche株式会社様(@alche_studio)のコーポレートサイトを制作いたしました！ alche.studio ロゴを軸としたダイナミックな展開と 全体のモーションやインタラクションを通じて、 Alche様のクリエイティブを感じられるWebサイトとなっております！ ぜひご覧ください。

@Andersonmancini Wow look at that SSR 👀

Prague at night is so, so beautiful 😍. Loved it.

@Ibelick Are you doing this with FLIP technique or height value? I actually wonder whether the concern about animating width/height affects performance issue still valid to this day, as browser and user devices has envolved

animate the height (around 100ms) to make your command menu feel smoother

@andrewpprice @threejs Great ideas. Luckily in three.js, it's just simple as material.side=THREE.FrontSide

When the Blender Donut God @andrewpprice asked, you deliver. Gave my @threejs donut scene some updates, now it smoothly shifts between camera angles with even more control freedom. 🍩Try it out: donuts-blender.vercel.app #threejsJourney #b3d #r3f

@andrewpprice Not crazy impressive, but I guess we all start off with these donuts 😉 x.com/nhtoby311/stat…

What are some other impressive examples of in-browser 3D?

@26ducbang Thanks! I'm using this packages for the fluid: github.com/FunTechInc/use… . Then I create a chromatic aberration effect and mask it based on the fluid color

@nhtoby311 appreciate ur work ! pls teach me how to make this cursor effect 😄

Here’s my take on Apple’s “liquid glass” trend. Mine is more "liquidy" with a fluid mouse effect. Probably optimize it later as fluid sims and refraction aren’t cheap to render. Scene inspired by #r3f examples. 🌊 Try it out: liquid-glass-nine.vercel.app #threejsJourney #threejs

@BStarr119 @threejs @grok @BlockadeLabs Nice, glad it inspired you! For the "atmosphere" effect, im using post processing effect LensFlare by @Andersonmancini

@nhtoby311 @threejs @grok @BlockadeLabs Is your atmosphere effect a threejs library item? I am making a procedural generated world with grok, all inspired by your XP post 😍 bstarr119.github.io/noman_hills/

Reimagined the iconic Windows XP background in @threejs . 250K blades of grass swaying in the sunset breeze. 🌿 AI really supercharged my creative flow ⚡partly vibe coded with @grok, and a stunning skybox from @BlockadeLabs #threejsJourney #r3f #shaders

@theBenammou @threejs @grok @BlockadeLabs Wow this looks cool as well! Did you use noise to color the grass area?

@nhtoby311 @threejs @grok @BlockadeLabs Looks much better than my grass touchgrass.vip

@BStarr119 @threejs @grok @BlockadeLabs On my gaming rig, I could even pull 3M with steady 60fps. Iphone 15 could handle 1M!

@nhtoby311 @threejs @grok @BlockadeLabs 250k running in your browser 😳

@threejs @grok @BlockadeLabs 🌿Check it out: grass-field.vercel.app

@_Thibka Run smooth on mobile! 🚀 Did you reduce anything on lower tier or it's the exact same scene setup on all devices?

Used Montreal’s recent snowstorm as inspiration/excuse to experiment with AI-generated 3D models and custom LUTs ❄️ projects.thibautfoussard.com/snow-motion/ #threejs #webgl #javascript #creativecoding #Realtime #WebDevelopment

@bruno_simon 🚗

I finally added visual suspensions between the wheels and the car. It's just tubes with fancy quads here and there. But look how happy the car his now 😍

@iced_coffee_dev Exciting! Is that R3F perf you are using?

🌍 Back from hiatus! Continuing the Three.js Gamedev course with Infinite worlds—how do you keep them smooth? There's a bunch of moving parts here. You've got to keep an eye on memory, while loading and unloading assets smoothly and keeping framerate hitches to a minimum. In this section, we'll tackle how to build a streaming system and look at what features Three.js offers to make this easier. 🔔 Want to be notified? Sign up here 👉simondev.teachable.com/p/games-three-… #threejs #gamedev

💫 Check it out. nhtoby.com For now, the FX only enabled on Medium or above graphics settings.

Another Portfolio Update!✨ Just added a new #threejs shaders effect to my portfolio: Long Exposure Star Trail💫 The idea was to apply motion blur on a rotating starry sky. Also included a breakdown in the video to show how I achieved this effect! #threejsJourney #shaders #r3f