3D

Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 6: final touches and settings to increase difficulty

In the 6th step of “Stairs” HTML5 prototype built with Phaser and Three.js I added options to automatically increase difficulty as players proceed in this endless runner. Full commented TypeScript source code to download for free.

Read full post
Read all posts about "" game
on January 9, 2023

Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 5: update to latest Three.js version, moving steps, bonuses to collect and more improvements

I am starting the new year with a massive update to HTML5 prototype of “Stairs” game built with Phaser and Three.js, written in Typescript. Moving steps, bonuses to collect, latest Three.js library and more. Full commented source code available for free.

Read full post
Read all posts about "" game
on January 1, 2023

Build a 3D HTML5 game like “Stairs” using Godot – Step 5: better way to control the ball, check for collisions with spikes and check for the ball to fall down the steps

In the 5th step in the building of a HTML5 game like “Stairs” with Godot Engine, we add a virtual trackpad for a better ball control, check for the ball hit a spike or fall down the stair. Full commented project available to download.

Read full post
Read all posts about "" game
on December 7, 2022

Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 4: collision detection, better controls and level progression

Massive update of “Stairs” HTML5 3D game prototype, featuring collision detection without any physics engine, virtual trackpad to control the ball and level progression. Powered by Phaser and Three.js, written in TypeScript. Full commented source code available.

Read full post
Read all posts about "" game
on November 16, 2022

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.

Read full post
Read all posts about "" game
on October 28, 2022

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.

Read full post
Read all posts about "" game
on October 22, 2022

Get the most popular Phaser 3 book

Through 202 pages, 32 source code examples and an Android Studio project you will learn how to build cross platform HTML5 games and create a complete game along the way.

Get the book

214 GAME PROTOTYPES EXPLAINED WITH SOURCE CODE
// 1+2=3
// 100 rounds
// 10000000
// 2 Cars
// 2048
// A Blocky Christmas
// A Jumping Block
// A Life of Logic
// Angry Birds
// Angry Birds Space
// Artillery
// Astro-PANIC!
// Avoider
// Back to Square One
// Ball Game
// Ball vs Ball
// Ball: Revamped
// Balloon Invasion
// BallPusher
// Ballz
// Bar Balance
// Bejeweled
// Biggification
// Block it
// Blockage
// Bloons
// Boids
// Bombuzal
// Boom Dots
// Bouncing Ball
// Bouncing Ball 2
// Bouncy Light
// BoxHead
// Breakout
// Bricks
// Bubble Chaos
// Bubbles 2
// Card Game
// Castle Ramble
// Chronotron
// Circle Chain
// Circle Path
// Circle Race
// Circular endless runner
// Cirplosion
// CLOCKS - The Game
// Color Hit
// Color Jump
// ColorFill
// Columns
// Concentration
// Crossy Road
// Crush the Castle
// Cube Jump
// CubesOut
// Dash N Blast
// Dashy Panda
// Deflection
// Diamond Digger Saga
// Don't touch the spikes
// Dots
// Down The Mountain
// Drag and Match
// Draw Game
// Drop Wizard
// DROP'd
// Dudeski
// Dungeon Raid
// Educational Game
// Elasticity
// Endless Runner
// Erase Box
// Eskiv
// Farm Heroes Saga
// Filler
// Flappy Bird
// Fling
// Flipping Legend
// Floaty Light
// Fuse Ballz
// GearTaker
// Gem Sweeper
// Globe
// Goat Rider
// Gold Miner
// Grindstone
// GuessNext
// Helicopter
// Hero Emblems
// Hero Slide
// Hexagonal Tiles
// HookPod
// Hop Hop Hop Underwater
// Horizontal Endless Runner
// Hundreds
// Hungry Hero
// Hurry it's Christmas
// InkTd
// Iromeku
// Jet Set Willy
// Jigsaw Game
// Knife Hit
// Knightfall
// Legends of Runeterra
// Lep's World
// Line Rider
// Lumines
// Magick
// MagOrMin
// Mass Attack
// Math Game
// Maze
// Meeblings
// Memdot
// Metro Siberia Underground
// Mike Dangers
// Mikey Hooks
// Nano War
// Nodes
// o:anquan
// One Button Game
// One Tap RPG
// Ononmin
// Pacco
// Perfect Square!
// Perfectionism
// Phyballs
// Pixel Purge
// PixelField
// Planet Revenge
// Plants Vs Zombies
// Platform
// Platform game
// Plus+Plus
// Pocket Snap
// Poker
// Pool
// Pop the Lock
// Pop to Save
// Poux
// Pudi
// Pumpkin Story
// Puppet Bird
// Pyramids of Ra
// qomp
// Quick Switch
// Racing
// Radical
// Rebuild Chile
// Renju
// Rise Above
// Risky Road
// Roguelike
// Roly Poly
// Run Around
// Rush Hour
// SameGame
// SamePhysics
// Security
// Serious Scramblers
// Shrink it
// Sling
// Slingy
// Snowflakes
// Sokoban
// Space Checkers
// Space is Key
// Spellfall
// Spinny Gun
// Splitter
// Spring Ninja
// Sproing
// Stabilize!
// Stack
// Stairs
// Stick Hero
// String Avoider
// Stringy
// Sudoku
// Super Mario Bros
// Surfingers
// Survival Horror
// Talesworth Adventure
// Tetris
// The Impossible Line
// The Moops - Combos of Joy
// The Next Arrow
// Threes
// Tic Tac Toe
// Timberman
// Tiny Wings
// Tipsy Tower
// Toony
// Totem Destroyer
// Tower Defense
// Trick Shot
// Tunnelball
// Turn
// Turnellio
// TwinSpin
// vvvvvv
// Warp Shift
// Way of an Idea
// Whack a Creep
// Wheel of Fortune
// Where's my Water
// Wish Upon a Star
// Word Game
// Wordle
// Worms
// Yanga
// Yeah Bunny
// Zhed
// zNumbers