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