What's up youtube! welcome back to the channel! In this small javaScript game development tutorial, I'll try to show you how to create a simple, but exciting Airplane Flying Game using Three.js, a powerful 3D library, and React Three Fiber, often described as threejs on steroids. Wether you're a beginner or an experienced developer, this step-by-step guide will walk you through the entire process of building your own little flying game from scratch, and it will touch on a few new topics that we haven't explored in any of my previous tutorials, so strap your seat belts and get ready for takeoff!
Timestamps:
00:00 - Introduction
00:34 - Blender setup intro
01:06 - Landscape geometry nodes
02:34 - Sculpt & weight paint
02:57 - Trees
04:16 - Landscape materials
05:11 - End of blender process
05:47 - VSCode setup
07:00 - Camera & environment maps
08:19 - Landscape component
09:50 - Conclusion and next steps
Try it on your browser (it will take a while to download)
[ Ссылка ]
Repo of the project:
[ Ссылка ]
Episode 1 branch:
[ Ссылка ]
Models & textures:
[ Ссылка ]
Dependencies list:
npm i @react-three/drei@9.74.14 -E
npm i @react-three/fiber@8.12.0 -E
npm i @react-three/postprocessing@2.14.9 -E
npm i three@0.153.0 -E
Subscribe for more exciting webdev tutorials, JavaScript & react three fiber / threejs projects, and creative coding tips!
If you find this tutorial helpful, don't forget to like the video and share it with your fellow developers. Leave your comments below if you have any questions or suggestions for future videos.
Connect with me on social media:
Twitter: [ Ссылка ]
Instagram: [ Ссылка ]
Website: [ Ссылка ]
Thank you for watching, and happy coding!
#react #threejs #javascript
