Three.js game tutorial | LogRocket Blog

Published: 01 February 2022
on channel: LogRocket
9,973
125

Learn how to develop games using Three.js, a 3D library that provides an easy way to load models and allows users to play the game within their browser.

You can find the original blog post here, including the full code, on the LogRocket blog: https://blog.logrocket.com/creating-g...

00:00 LogRocket intro
00:15 What is Three.js?
00:44 UsingThree.js to create a 3D game
01:11 Creating the sense of movement
01:28 Infinite movement within finite bounds
02:42 Setting up Webpack
04:40 Setting the game scene
10:40 Creating the water
10:59 Creating the sky
11:37 Final scene preparation
15:00 Creating an initialization function
15:35 Adding the animate function
20:48 detectCollisions
24:00 Moving the challenge rows and collected bits
26:57 Outro

#LogRocket #threejs #JavaScript

LogRocket is a frontend monitoring solution that combines session replay, performance monitoring, and product analytics to help software teams create an ideal product experience. Try it for free: http://logrocket.com/yt

Links
  / logrocket  
  / logrocket  
https://blog.logrocket.com/author/lew...
   / @flutterfromscratch9913  
  / flutterfromscratch  


Watch video Three.js game tutorial | LogRocket Blog online without registration, duration online in high quality. This video was added by user LogRocket 01 February 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,973 once and liked it 125 people.