Category: 3D
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 3: controlling the bouncing ball and adding more spikes
In the 3rd step of "Stairs" HTML5 game powered by Phaser and Three.js, I'll show you how to control the ball with mouse and add more spikes. Full commented TypeScript source code available.
-
Build a 3D HTML5 game like “Stairs” using Godot – Step 3: adding the bouncing ball using only trigonometry
In this 3rd step of "Stairs" HTML5 prototype build with Godot, we'll see how to add a bouncing ball with no physics, just faking the movement with trigonometry. Full project available for download.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 2: adding the bouncing ball just using trigonometry
In this second step of "Stairs" HTML5 protoype built with Phaser and Three.js we'll see how to add a bouncing ball with no physics engines, just using trigonometry. Full commented source code available, written in TypeScript.
-
Build a 3D HTML5 game like “Stairs” using Godot – Step 2: adding endless randomly placed spikes and assigning materials to meshes
Second step about the creation of a HTML5 game like "Stairs" using Godot. How to assign material to objects and add infinite randomly generated spikes. Detailed tutorial with 15 pictures and commented source code.
-
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 1: building an endless staircase with random spikes
Using Phaser and Three.js together allowed me to build an endless HTML5 3D staircase with random spikes in a few lines of code. Full commented source code in TypeScript available for download.
-
“Bouncy Light” HTML5 prototype built using Phaser to handle game logic and Three to render 3D graphics, written in TypeScript
Working example of full integration between Phaser and Three.js with no external software to build HTML5 games in 3D. "Bouncy Light" prototype available for download with source code.
-
Build a 3D HTML5 game like “Stairs” using Godot – Step 1: building an endless stair
Detailed tutorial with commented source code and 30 pictures about the creation of "Stairs" mobile game in HTML5 using Godot Engine. In this first part we are going to build an endless staircase. Full project available for download.
-
“Bouncing Light” Phaser prototype rendered in 3D thanks to three.js and Phaser 3D library
You can turn your HTML5 2D Phaser games to shiny new 3D games with almost no effort thanks to three.js and Phaser 3D library. Look at the example and get the commented source code to see how easy it was. Let's go 3D!
-
Buildbox complete infinite runner prototype featuring random enemies, in game tutorial, splash screen, game over screen and more
Look how I built a 3D physics endless runner game with almost no code using Buildbox, featuring splash screen, game over screen, in-game tutorial and more. Full example to download for free.
-
Build a 3D game like “2 Cars” using Buildbox and almost no code
"2 Cars" is an old mobile game glory which I was able to rebuild in 3d using Buildbox and almost no code by just making the camera following a fake player and move spaceships with transparent buttons. Full project available to download.
-
3D Sokoban prototype controlled by swipe built with Buildbox with (almost) no code thanks to my pure JavaScript class
With the power of Buildbox and my pure JavaScript class to handle Sokoban games, I was able to build a 3d Sokoban controlled by swipe in about 50 lines of code. Full project available for download.
-
Thank you for being my reader in 2019 – Here is a list of the games covered this year.
During 2019, I published or updated 25 game tutorial series featuring almost every kind of game: physics games, endless runner, puzzles, match 3 games, action games and more. Enjoy this recap and see you in 2020!
