Let's make a 3D Game with HTML5

There’s a very interesting introductory post of a tutorial series that looks to be the first of a very cool series of posts on building a 3D game with HTML5 and Three.js.

The goal of the series is described as:

This series will walk you through building a game from the ground up with three.js, covering all the major areas you’ll need to face when building your own 3D game.

This initial post starts by discussing the game concept, art style and game architecture (inspired by C++ Game Dev.Bible Game Code Complete) and includes a sample animation video (embedded below) of art.

If this gets tutorial gets continued and completed, it looks to be a great intro to 3D game programming on the Web.

View the post and check out the project Repository on GitHub for any updates on the code


You might also find this interesting:


  1. 2D Game art for HTML5 Game Programmers Chris Hildenbrand has a great blog called 2D Game Art for Programmers targeted at programmers designing art for 2D games, focusing on using open-source tools such as Inkscape. Also check...

  2. Battle on the high seas: 5-part beginner HTML5 Game Tutorial JSPro.com, a site dedicated to the latest and greatest in JavaScript, has a 5-part tutorial series on creating a mobile-friendly HTML5 Game called Sea Battle. It’s great tutorial for people...

  3. Creating game tiles in game boy style Wildbunny has posted an guest-post article by Blackmoon design on designing a retro pixel-art tile-set (perfect for that retro 2d HTML5 platformer you’ve always wanted to build) The article goes...

  4. Learning Three.js: Let's make a 3d Game LearningThreeJS.com has a great tutorial series on building a 3D Game using Three.js, so far there have been 4 installments, culminating in a neat game called Marblesoccer. The final tutorial...

  5. Breakouts: The ToDoMVC for HTML5 Game Engines Breakouts is a project by city41 designed to help you evaluate different HTML5 Game Engines by showing an implementation of a simple but complete game (Breakout) in a number of...

HTML5 Game Dev Tutorials, Three.js-4, WebGL-4