Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

dangreenheck's profile picture

Dan Greenheck

10,024 subscribers

63,156 görüntüleme • 6 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

32 Yorum

Dan Greenheck profil fotoğrafı
Dan Greenheck6 ay önce

Purchase here👇🏻

Korhan Çağla | Digital Design • Creative Tech profil fotoğrafı
Korhan Çağla | Digital Design • Creative Tech6 ay önce

Aveasome mate 👍

mketanci profil fotoğrafı
mketanci6 ay önce

Damn, looks incredible!

Wrennly profil fotoğrafı
Wrennly6 ay önce

congrats on v2.1! curious if you tried the same transparent object trick with webgpu yet? i hit some weird artifacts when mixing depth and alpha there, still figuring it out 😅

Dan Greenheck profil fotoğrafı
Dan Greenheck6 ay önce

This is WebGPU!

Wrennly profil fotoğrafı
Wrennly5 ay önce

webgpu in r3f felt way smoother than my old webgl stuff, did you run into any shader compilation quirks?

Dan Greenheck profil fotoğrafı
Dan Greenheck5 ay önce

There's about a 2X perf boost when I have WebGPU enabled vs. the WebGL fallback. No, I use TSL, it handles the transpilation to the target language (GLSL/WGSL) automatically.

Andrew Blumson profil fotoğrafı
Andrew Blumson6 ay önce

@KevinBlumson 👀

CodeCode.Me profil fotoğrafı
CodeCode.Me6 ay önce

That's so cool. I love it.

Alex profil fotoğrafı
Alex6 ay önce

That’s gonna be really hard to do better, amazing !!

Rinoy R K profil fotoğrafı
Rinoy R K6 ay önce

realistic ✨️

Jose profil fotoğrafı
Jose6 ay önce

🔥🔥🔥

Jiachi profil fotoğrafı
Jiachi6 ay önce

That shader work is elite

Yoshi🐙怒涛の個人開発 profil fotoğrafı
Yoshi🐙怒涛の個人開発6 ay önce

Awesome……. I can’t believe it’s Three.js….!!!!!!

David Webster profil fotoğrafı
David Webster6 ay önce

@threejs looks awesome

Jabed Bhuyan profil fotoğrafı
Jabed Bhuyan6 ay önce

Great work

AKLO profil fotoğrafı
AKLO6 ay önce

🤯🤯🤯

AD ASTRA profil fotoğrafı
AD ASTRA5 ay önce

source code for personal projects?

MR profil fotoğrafı
MR6 ay önce

A “break” …

LightShift Studio profil fotoğrafı
LightShift Studio6 ay önce

.

Benjamin De Ridder profil fotoğrafı
Benjamin De Ridder6 ay önce

The water is so good it earned its own version number and I respect that completely.

nafeeza profil fotoğrafı
nafeeza6 ay önce

soooothing af

Jonathan Torres profil fotoğrafı
Jonathan Torres6 ay önce

congratulations!!! It's very fantastic! I love it.

Trevor I. Lasn profil fotoğrafı
Trevor I. Lasn6 ay önce

30% FPS boost on water rendering is no joke. that stuff is always the first thing to tank performance

Namba profil fotoğrafı
Namba6 ay önce

This is insane!

ReverseAI profil fotoğrafı
ReverseAI6 ay önce

It's starting to look really good. Graphics have improved significantly.

Mitleidstour profil fotoğrafı
Mitleidstour6 ay önce

Nehme ich BMW (das Unternehmen, Johanna grölend) mit zum Jupiter oder ist das Quatsch?

KingDankKush profil fotoğrafı
KingDankKush6 ay önce

Impressive work. Water effects and rendering look phenomenal

Richard Daffy profil fotoğrafı
Richard Daffy6 ay önce

“Buy my course” “buy my asset” I’ll teach you I promise. LOL

Diogenes of Cyberborea profil fotoğrafı
Diogenes of Cyberborea6 ay önce

refraction?

Len Seaside profil fotoğrafı
Len Seaside6 ay önce

It is lovely. I think you should open source it for non-commercial use though.

Dawid Kisała profil fotoğrafı
Dawid Kisała6 ay önce

This looks great. I know it is a hard problem, but what Three.js really needs at some point is a proper asset store, the way Unity has one. That would be a huge unlock for the whole ecosystem.

Benzer Videolar

Here's a sneak peak of the improved wave system coming in Three.js Water Pro v4! 🌊 This version really feels like a culmination of the 100's of hours I've put into this project over the last year 🥲 Combined with the rivers and lakes add-on I'll be releasing (soon!), Three.js will finally have a complete water system that rivals the big game engines.
0:35

Here's a sneak peak of the improved wave system coming in Three.js Water Pro v4! 🌊 This version really feels like a culmination of the 100's of hours I've put into this project over the last year 🥲 Combined with the rivers and lakes add-on I'll be releasing (soon!), Three.js will finally have a complete water system that rivals the big game engines.

Dan Greenheck

11,851 görüntüleme • 16 gün önce

Three.js Water Pro v3.3.0 is now available! 🌊 Waves are now calibrated to real-world units. Set the peak wavelength & wind speed and the physics takes care of the rest! I've also added a new "Max" quality level for even more wetness 💦 Try it here 👉🏻
0:26

Three.js Water Pro v3.3.0 is now available! 🌊 Waves are now calibrated to real-world units. Set the peak wavelength & wind speed and the physics takes care of the rest! I've also added a new "Max" quality level for even more wetness 💦 Try it here 👉🏻

Dan Greenheck

62,338 görüntüleme • 1 ay önce

alright! my TOTALLY FREE AND OPEN SOURCE volumetric clouds sky system for Three.js: Eanpa Sky Engine has just received a major update to v0.2.1! repo: live demo: Eanpa Sky is the only sky system for threejs that includes scifi skies in addition to a standard earth sky! update log: cloud shadows have now been added! lighting has generally been improved across all weathers and skyboxes, rain puddles now accumulate after drops begin, optimization is drastically improved
4:21

alright! my TOTALLY FREE AND OPEN SOURCE volumetric clouds sky system for Three.js: Eanpa Sky Engine has just received a major update to v0.2.1! repo: live demo: Eanpa Sky is the only sky system for threejs that includes scifi skies in addition to a standard earth sky! update log: cloud shadows have now been added! lighting has generally been improved across all weathers and skyboxes, rain puddles now accumulate after drops begin, optimization is drastically improved

Utah teapot 🫖

13,815 görüntüleme • 10 gün önce

Now I merged all three in the same project file. 💙⭐ Well, it will take a bit to add the other ones... And my viewport is beginning to get some little FPS drops... xwx
0:29

Now I merged all three in the same project file. 💙⭐ Well, it will take a bit to add the other ones... And my viewport is beginning to get some little FPS drops... xwx

🔞 WingedStar64 🔞

11,614 görüntüleme • 3 yıl önce

This changes everything.. literally! Made a small game on my PS5 in Dreams.. and added a bit of AI. Now, do I think every game should be made by this.. of course not. But I can see this as being a very useful way to ensure visual consistency across a project and to save resources on the final layer of finish that is often so costly. More focus on gameplay, design, storytelling. Check out the🧵for the original and some of my favorite transformations. Done using Runway Gen 3 ofc! #gamedev #ai
0:35

This changes everything.. literally! Made a small game on my PS5 in Dreams.. and added a bit of AI. Now, do I think every game should be made by this.. of course not. But I can see this as being a very useful way to ensure visual consistency across a project and to save resources on the final layer of finish that is often so costly. More focus on gameplay, design, storytelling. Check out the🧵for the original and some of my favorite transformations. Done using Runway Gen 3 ofc! #gamedev #ai

Martin Nebelong

51,169 görüntüleme • 2 yıl önce

🌊 WATER LEVELS RECEDING IN NAPLES: As of 11:00pm ET water levels have receded a bit here in #Naples, Florida. Waters could still rise slightly, but this is a very good trend for now. I wanted to provided some hope to everyone on here as I know things are very bad in a lot of places. It is still not safe to venture out, as hurricane #Milton continues to produce strong winds.
0:51

🌊 WATER LEVELS RECEDING IN NAPLES: As of 11:00pm ET water levels have receded a bit here in #Naples, Florida. Waters could still rise slightly, but this is a very good trend for now. I wanted to provided some hope to everyone on here as I know things are very bad in a lot of places. It is still not safe to venture out, as hurricane #Milton continues to produce strong winds.

Brady Harris

16,066 görüntüleme • 1 yıl önce

Duelists, it's almost time - the March episode of This Month in Master Duel is going live at 18:30 GMT today! Make sure to tune in for a breakdown of current in-game updates, some exciting Duels and more!
0:20

Duelists, it's almost time - the March episode of This Month in Master Duel is going live at 18:30 GMT today! Make sure to tune in for a breakdown of current in-game updates, some exciting Duels and more!

Yu-Gi-Oh! Card Games (KONAMI Europe)

14,570 görüntüleme • 2 yıl önce

Progress on my fast water solver for Unity for Games Unity #URP Implemented some good looking foam/bubbles simulation. This happens on a vizualisation shader side. I'm just sending some RT maps from a water system calculation like history of waves for foam. All system is extremely simple, but it still amazes me how much can be done with it. Still running at 500+ FPS. What should I do next: Implement wet materials, blurring inside water or make some underwater caustics? Follow me for updates. #GameDev Amplify Creations
0:38

Progress on my fast water solver for Unity for Games Unity #URP Implemented some good looking foam/bubbles simulation. This happens on a vizualisation shader side. I'm just sending some RT maps from a water system calculation like history of waves for foam. All system is extremely simple, but it still amazes me how much can be done with it. Still running at 500+ FPS. What should I do next: Implement wet materials, blurring inside water or make some underwater caustics? Follow me for updates. #GameDev Amplify Creations

Oliver Pavicevic🇺🇦

10,582 görüntüleme • 12 gün önce

Sparse Volumetric Light maps (WebGPU). Worked on ensuring C0 continuity across the entire map. For now this is achieved by purging incomplete node levels, works well enough even if it's a bit of a blunt tool. Actual locations for probes during the bake are now going through an optimization phase, which allows me to push probes behind surfaces out into the open resulting in much fewer light leakage artifacts. This video here has only 28,376 probes in the map, and takes 1.8Mb of VRAM
0:36

Sparse Volumetric Light maps (WebGPU). Worked on ensuring C0 continuity across the entire map. For now this is achieved by purging incomplete node levels, works well enough even if it's a bit of a blunt tool. Actual locations for probes during the bake are now going through an optimization phase, which allows me to push probes behind surfaces out into the open resulting in much fewer light leakage artifacts. This video here has only 28,376 probes in the map, and takes 1.8Mb of VRAM

Alex Goldring

15,814 görüntüleme • 7 ay önce

Indigo Park Chapter 1 - Version 1.1 is here! This is our attempt to get Chapter 1 a TINY bit closer to what we want Chapter 2 to be like quality wise. -Completely redone first person animations -New Secrets to find -Some improved environments -Improved controller support -Viewbob & Camera Lag toggles -The cat returns -Handful of bug fixes and changes Again, Chapter 1 still has tons of flaws & this isn't a complete overhaul, but it's a step in the right direction without remaking the entire chapter. Enjoy! We'll probably have a few more bug fix updates since this changed a LOT internally, but it's now time for us to go HARD on Chapter 2.
1:06

Indigo Park Chapter 1 - Version 1.1 is here! This is our attempt to get Chapter 1 a TINY bit closer to what we want Chapter 2 to be like quality wise. -Completely redone first person animations -New Secrets to find -Some improved environments -Improved controller support -Viewbob & Camera Lag toggles -The cat returns -Handful of bug fixes and changes Again, Chapter 1 still has tons of flaws & this isn't a complete overhaul, but it's a step in the right direction without remaking the entire chapter. Enjoy! We'll probably have a few more bug fix updates since this changed a LOT internally, but it's now time for us to go HARD on Chapter 2.

Mason | UniqueGeese

46,200 görüntüleme • 2 yıl önce

HOLY SHIT! Sparc 3D is INSANE! All they need to do now is enable PBR texture support, object separation and decimation and this in my opinion completely replaces photogrammetry. The quality of the reconstruction of these 3D objects from a single image is mind blowing to me. Yes, the model is insanely dense to allow all of this detail but the fact that AI can generate with this level of fidelity is CRAZY!!! You can try it for free on Huggingface
2:25

HOLY SHIT! Sparc 3D is INSANE! All they need to do now is enable PBR texture support, object separation and decimation and this in my opinion completely replaces photogrammetry. The quality of the reconstruction of these 3D objects from a single image is mind blowing to me. Yes, the model is insanely dense to allow all of this detail but the fact that AI can generate with this level of fidelity is CRAZY!!! You can try it for free on Huggingface

Travis Davids

18,230 görüntüleme • 1 yıl önce

let's get this thing GOING!!! 🌟 On Air Romeo is live and now taking your requests all across North America 🎶 Plus AKON is joining us in just a bit to chat with you! 🎧 so who do you need to hear tonight on #MostRequestedLive??? Let us know now! 💥
0:20

let's get this thing GOING!!! 🌟 On Air Romeo is live and now taking your requests all across North America 🎶 Plus AKON is joining us in just a bit to chat with you! 🎧 so who do you need to hear tonight on #MostRequestedLive??? Let us know now! 💥

Most Requested Live

22,668 görüntüleme • 3 ay önce

I'm building a first-class shader graph editor for Three.js. Powered by TSL and WebGPU. Real-time previews. Human readable code. Type inference. The list goes on. The free plan will include a fully featured editor (except for custom code nodes) with export to TSL so you can drop your shader right into your project in seconds. I'll also be offering a paid plan for a small monthly fee to cover hosting costs. Some benefits include unlimited projects, private projects, versioning, export to GLSL/WGSL, and more. Join the waitlist now👇🏻
0:33

I'm building a first-class shader graph editor for Three.js. Powered by TSL and WebGPU. Real-time previews. Human readable code. Type inference. The list goes on. The free plan will include a fully featured editor (except for custom code nodes) with export to TSL so you can drop your shader right into your project in seconds. I'll also be offering a paid plan for a small monthly fee to cover hosting costs. Some benefits include unlimited projects, private projects, versioning, export to GLSL/WGSL, and more. Join the waitlist now👇🏻

Dan Greenheck

25,719 görüntüleme • 7 ay önce

My next passion project is going to be a culmination of some of my projects this month. The scope is a bit larger than a weekend so in the meantime, I wanted to share an animation for it since I like making landing pages 🙂 This is all pure CSS! I'll deploy it on Vercel soon.
0:46

My next passion project is going to be a culmination of some of my projects this month. The scope is a bit larger than a weekend so in the meantime, I wanted to share an animation for it since I like making landing pages 🙂 This is all pure CSS! I'll deploy it on Vercel soon.

Jesse Zhang

83,441 görüntüleme • 3 yıl önce

BREAKING: I am BLOWN AWAY by the support this is for you! My FULL OPTIONS COURSE from Beginner to PRO $SPY $TSLA $NVDA $AMD This is how I made 440k this year with over 95% Win Rate in 1 year STEP BY STEP! Now over 8 figures To celebrate I will also throw in my CHECKLIST and Indicators Just comment "ME" and DROP A 👍!
13:14

BREAKING: I am BLOWN AWAY by the support this is for you! My FULL OPTIONS COURSE from Beginner to PRO $SPY $TSLA $NVDA $AMD This is how I made 440k this year with over 95% Win Rate in 1 year STEP BY STEP! Now over 8 figures To celebrate I will also throw in my CHECKLIST and Indicators Just comment "ME" and DROP A 👍!

Trading Warz

33,181 görüntüleme • 2 ay önce

Exciting news🎉 #DonNorman's latest course #DesignForABetterWorld is LIVE. If you're a designer looking to make a real impact on the world then this course is for you.💪🏽 Join now and start designing for a better world🌍 #UXDesign #DesignThinking #IxDF
1:33

Exciting news🎉 #DonNorman's latest course #DesignForABetterWorld is LIVE. If you're a designer looking to make a real impact on the world then this course is for you.💪🏽 Join now and start designing for a better world🌍 #UXDesign #DesignThinking #IxDF

IxDF - Interaction Design Foundation

13,081,962 görüntüleme • 3 yıl önce

I want to take this opportunity to express my heartfelt gratitude to all our incredible partners, sponsors, and donors. Your unwavering support and belief in my first directorial project, Seven Doors, mean the world to me. Thank you for standing by us and making this dream a reality❤️🙌🙏🏿 Thank you once again for your support! Your contributions have been instrumental in bringing this vision to life. Seven Doors 🚪 is streaming on NETFLIX. #SevenDoors #SevenDoorsOnNetflix
1:27

I want to take this opportunity to express my heartfelt gratitude to all our incredible partners, sponsors, and donors. Your unwavering support and belief in my first directorial project, Seven Doors, mean the world to me. Thank you for standing by us and making this dream a reality❤️🙌🙏🏿 Thank you once again for your support! Your contributions have been instrumental in bringing this vision to life. Seven Doors 🚪 is streaming on NETFLIX. #SevenDoors #SevenDoorsOnNetflix

Femi Adebayo

251,775 görüntüleme • 1 yıl önce