Dan Greenheck

@dangreenheck • 7,555 subscribers

Catholic ✝️ Father of 2 gremlins 👹 Serial hobbyist 🎨 Building https://t.co/YJxcAXQ8a2

Shorts

I made a dumb mistake with my water shader🤦🏻‍♂️ The wave evolution equation has two parts: a standing wave component and a traveling wave component. When I was first getting this all to work, I hard-coded constants so the waves were always traveling forward at full speed. By adding a "standing wave ratio" where I can control the ratio between the two terms, I can now achieve wave patterns that oscillate in place. The video on the left has SWR = 0 and the video on the right SWR = 0.7 (I exaggerated the waves a bit to make the difference more noticeable). Now I have to re-record all my marketing videos...😭

125,656 просмотров

Someone asked if EZ-Tree supported vines. I said no, but the idea sounded cool so I let Claude give it a try. 5 minutes later, we have vines! 🤩 Thanks for the suggestion, Michael Boisson! I'll get this update published shortly.

94,643 просмотров

I planned on releasing my Three.js WebGPU water shader 2 weeks ago, but I promised myself I would stop half-assing things this year. I'm glad I waited. I'll be selling the whole package for $99. Full demo video coming soon, but includes FFT water sim, underwater effects, dynamic sky + fog, buoyancy, and more. Every aspect is tunable. Comes with 8 presets and 4 quality levels so it will run on any device. You'll get full source code + demo code, plus all future updates and fixes. Join waitlist now and get an email for 20% off at launch #threejs #webgpu #shaders

50,611 просмотров

🌊 THREE.JS WATER PRO GIVEAWAY 🌊 Build/vibecode a water/ocean themed game using Three.js and win a free copy of Three.js Water Pro! Rules: 🎮 Must be a playable game 💧 Water/ocean theme 💻 Start from scratch — fresh project only 🔗 Reply to this post with a link to your game ⏰ Submit by Monday 12:00 AM UTC 🗳️ Winner selected by me (tip: be creative!) I'll announce the winner on Monday. That's it. Best game wins. Go build!

23,520 просмотров

If you've tried getting AI to write TSL shaders, you know the pain: deprecated imports, phantom functions and compilation errors. In my latest blog post, I share a prompt to help you overcome these issues: Using the prompt, I was able to one-shot this particle simulation with Claude Opus 4.5. #threejs #webgl #webgpu #tsl #shaders

61,499 просмотров

The vision is slowing coming to life... 🌎 #threejs

92,972 просмотров

Last night, I realized that I complete forgot about reflections!🤦🏻‍♂️ Quickly implemented SSR this afternoon. Makes such a huge difference, especially in adding some depth to distant objects.

23,767 просмотров

Hmm what am I working on?!

11,533 просмотров

Well this is a bit of a bummer. I discovered there's an existing free atmosphere/cloud package for Three.js / R3F that has all the features I was planning on implementing for Three.js Sky Pro. The weird thing is I knew this existed already? But when I searched for it, I think I happened across a different, less-featured solution. I guess it's back to the drawing board!

12,299 просмотров

Sorry but this isn't even close to a realistic simulation. This Three.js water simulation took weeks of effort, hundreds of prompts, and I needed to pull on my CS and physics background to understand where the AI was failing (which happens often). Maybe some day agents will be able to generate complex simulations in a single prompt but for now they can only generate toy prototypes.

16,327 просмотров

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

20,905 просмотров

Playing around with a new concept for the Three.js Roadmap home page. What do you think? 🤔

13,194 просмотров

$This is most satisfying thing I've ever made ☺️🔨 I've been working on adding Voronoi fracturing to three-piñata, my open-source mesh fracturing library for Three.js. This creates much more realistic fracture patterns. If you want to learn how to do this, I'm going to be adding a course to Three.js Roadmap teaching you how to build destructible environments. If you're interested, be sure to sign up for my newsletter to get notified when the course is released! (Link in comments 👇🏻) #threejs #webgl #3dgraphics #threejsroadmap$

This is most satisfying thing I've ever made ☺️🔨 I've been working on adding Voronoi fracturing to three-piñata, my open-source mesh fracturing library for Three.js. This creates much more realistic fracture patterns. If you want to learn how to do this, I'm going to be adding a course to Three.js Roadmap teaching you how to build destructible environments. If you're interested, be sure to sign up for my newsletter to get notified when the course is released! (Link in comments 👇🏻) #threejs #webgl #3dgraphics #threejsroadmap

10,573 просмотров

Videos

LIVE

1.2k

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Streaming Now

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

HD live stream

Exclusive private shows

1.2k viewers online

Current Status

Live

Private Show

Join now for exclusive access

Free preview available • Premium content

Live Cam

Dan Greenheck

Shorts

Someone asked if EZ-Tree supported vines. I said no, but the idea sounded cool so I let Claude give it a try. 5 minutes later, we have vines! 🤩 Thanks for the suggestion, Michael Boisson! I'll get this update published shortly.

The vision is slowing coming to life... 🌎 #threejs

Last night, I realized that I complete forgot about reflections!🤦🏻‍♂️ Quickly implemented SSR this afternoon. Makes such a huge difference, especially in adding some depth to distant objects.

Hmm what am I working on?!

Playing around with a new concept for the Three.js Roadmap home page. What do you think? 🤔

Videos

Watch Anya Live

After over a dozen attempts, I think I finally figured out how to get proper looking foam/churn on wave crests!

Three.js Water Pro is making Subnautica in the browser a real possibility. Rewrote the lighting model so light reflecting off the ocean floor is now refracted and attenuated based on real-world physics. Still can't believe what a difference it makes🤯

"AAA graphics aren't possible in the browser" Hold my beer 🍺

Physically-based volumetric clouds in Three.js. The browser is closer to AAA than people think.

Well it wasn't easy, but I finally got Sky Pro rendering a physically-based atmosphere + dynamic/volumetric clouds + reflections at 120FPS on my laptop 🙌🏻

I've had so many people ask for a live demo of Three.js Water Pro, so I'm excited to finally deliver!🚀 Try out all the presets, tweak all the knobs and test performance on your target devices. I've added a mobile-responsive UI as well. Have fun! 🤿🌊🐟

It's amazing what proper lighting (and Skyrim music 😁) can do to a scene. I'm replacing the procedural sky in Three.js Water Pro v3 with HDRIs from Polyhaven (converted to UltraHDR jpeg, only 500KB instead of 20MB). I think the results speak for themselves.

As the kids say these days, "I cooked" 👨🏻‍🍳

I was tired of hunting for good looking tree assets that didn't cost a fortune, so I decided to make a tool to generate my own. 50+ parameters, direct export to GLB, 100% free. Try it out 👉🏻

Three.js Water Pro v2.1 is now live! 🌊 Some exciting updates in this version - Improved FPS by ~30% across all quality levels - Support for transparent objects - Tunable standing vs. traveling waves Going to take a bit of a break from this project now to focus on my WebGPU course and sky shader!

Still needs a lot of work, but after a gazillion attempts, i finally figured out how to get decent looking foam that gathers on the leading edges of waves! Will continue to tweak this a bit, followed by ocean spray next!

Ever wish you could prompt a Lego model into existence? Well now you can! (LEGO you know where to find me!)

Add in some shoreline + depth-based transparency effects. Starting to look real nice! 😍 #threejs #webgpu #shaders

I'm releasing my #threejs procedural tree generator as open source. Over 30 tunable parameters with the option to export to .glb. It's been fun reviving this project from the vault, but time to move on. Enjoy! 👍🏻 🎮Demo: 💻Source:

I made a visual shader editor for Three.js... and I'm ready for people to start breaking it! 🔨💥