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