Can we build Zelda: The Wind Waker using

Опубликовано: 19 Февраль 2025
на канале: Robin Payot - WebGL tutorials
7,562
518

Final Result: ✨ https://wind-waker-js.vercel.app/
Patreon: 🙏🏻 https://www.patreon.com/user?u=50160165
X: 📰   / robinpayot  
Github: 💻 https://github.com/Robpayot/zelda-pro...

Couple of months ago I set myself the challenge to make The Legend of Zelda: The Wind Waker, using only JavaScript and Three.js (a WebGL library to make 3D in the browser) in 2 MONTHS.
In this video I'll show you in 5 steps how I could acheive that by recreating the Ocean part of the game. This is not a tutorial explaining all the code but just a summary of the main concepts I used.

If you want me to go into more details about it or if you'd like a more global 3D JavaScript course, let me know in the comments!

You can also support me on Patreon to get access to the code of all my previous tutorials ( https://www.patreon.com/user?u=50160165 ), it will help me a lot! 🙏🏻

Useful links: 📖
Misaki's Shadowmap tutorial: https://mofu-dev.com/en/blog/threejs-...
Dolphin textures: https://forums.dolphin-emu.org/Thread...
Model converter: https://github.com/LagoLunatic/ww_mod...
Nathan Gordon articles:   / the-ocean  

Credits:

The Legend of Zelda: The Wind Waker is an action-adventure game developed and published by Nintendo for the GameCube in 2002.

Clips/assets from:
   • Wind Waker but its Toon Link's Expres...  
   • Wii U - The Legend of Zelda: The Wind...  
   • Using Real-World Heightmap Data in Un...  
   • 1 Hour Of Free Roaming The Sea In Win...  

Music license Epidemic Sound.

Chapters:
00:00 Introduction
01:37 1. Ocean and sky
03:53 2. Boat and movement
06:06 3. Link and lighting
10:05 4. Rupee's Game
12:34 5. Environment
13:57 Final result
14:51 Conclusion

#zelda #game #javascript #threejs #learning #website