Learn Three.js for Games using TypeScript (modern way)

Learn Three.js for Games using TypeScript (modern way)

32.024 Lượt nghe
Learn Three.js for Games using TypeScript (modern way)
This is a repost from the main ourcade channel: https://youtube.com/ourcadehq Three.js is a mature 3D rendering library for the web that we can use to make 3D games! 😎 3D game development can be more complex so this video tutorial will go through the basics by recreating the movement controls of the original DOOM. Chapters: 00:00 Introduction 00:20 Three.js release notation 00:45 Create the project with Vite.js 01:43 Three.js app basics 02:22 Create a Perspective Camera 03:27 Adding a Cube 04:29 Organizing with a Scene Class 05:02 The Game Loop 05:50 Loading 3D Models 07:45 Adding a Blaster Gun 08:24 Scene Graph Explained 09:11 Keyboard Input & DOOM Controls 11:00 Firing Bullets 13:04 Simple Collisions 13:40 The Final Result Example source code: https://github.com/ourcade/threejs-getting-started Next, take a look at the Fundamentals of Bitmasks for Game Dev: https://youtu.be/05DYKZMhhQs Check out the Ourcade blog for more on game development on the web: https://blog.ourcade.co Get started with TypeScript and 2D games with Phaser 3 using this free ebook: https://ourcade.co/books/infinite-runner-phaser3 👾👾👾 Follow us on Twitter: https://twitter.com/OurcadeHQ Ourcade is a playful #gamedev community for open-minded and optimistic learners and developers. 🎮🕹👾🤗 http://ourcade.co #threejs #typescript