DEV Community

Cover image for CodePen Designs - 41 : Traffic Run Game with Three.js
Jon Snow
Jon Snow

Posted on


CodePen Designs - 41 : Traffic Run Game with Three.js

We are excited to introduce our new series that will explore the best design ideas from the Codepen community.

We will be publishing these each day and hope you find them insightful and inspiring as we showcase some of the most talented designers in this space.

Video Tutorial

Don't miss the amazing video we've embedded in this post! Click the play button to be inspired

Codepen Design - 41

Three.js video tutorial explaining the source code


In the tutorial, we go through the source code of this game. We cover, how to set up a Three.js scene with box objects, how to add lights, how to set up the camera, how to add animation and event handlers. We also add textures with HTML Canvas and learn how to draw 2D shapes in Three.js then how to turn them into extruded geometries.

Check out my YouTube channel for other game tutorials:

The game in the video is heavily inspired by the mobile game Loop Driver:

For more information

  1. Check my GitHub profile

  2. Check out my Fiver profile if you need any freelancing work

  3. Check out my Instagram

  4. Linktree

  5. Check my project

Top comments (0)