Skip to the content

Emanuele Feronato

Italian geek and PROgrammer
Check my
101 games challenge!
All about 3D

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.

Talking about Stairs game, 3D, Game development, Godot Engine and HTML5.

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.

Talking about Stairs game, 3D, Game development, HTML5, Javascript, Phaser and 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.

Talking about Stairs game, 3D, Game development, Godot Engine and HTML5.

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.

Talking about Stairs game, 3D, Game development, HTML5, Javascript, Phaser and TypeScript.

“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.

Talking about Bouncy Light game, 3D, Game development, HTML5, Javascript, Phaser and TypeScript.

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.

Talking about Stairs game, 3D, Game development, Godot Engine and HTML5.

“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!

Talking about Bouncy Light game, 3D, Game development, HTML5, Javascript and Phaser.

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.

Talking about 3D, Game development and Javascript.

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.

Talking about 2 Cars game, 3D, Game development and Javascript.

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.

Talking about Sokoban game, 3D, Game development and Javascript.

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!

Talking about 3D, Box2D, Game development, HTML5, Javascript and Phaser.

“Don’t Touch the Spikes” game prototype built with BuildBox

My first BuildBox experiment is a 3D prototype of “Don’t Touch the Spikes” game. See how I built in this guide with 40 pictures and commented source code.

Talking about Don't touch the spikes game, 3D, Game development and Javascript.
Page 2 / 5FirstPrevNextLast
101
Games Challenge
I will build 101 games as a solo developer
During these years, I published 225 explained game prototypes, along 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, Golf Dash, Grindstone, GuessNext, Helicopter, Helix Jump, Hero Emblems, Hero Slide, Hexagonal Tiles, HookPod, Hop Hop Hop Underwater, Horizontal Endless Runner, Hundreds, Hungry Hero, Hurry it's Christmas, InkTd, Input Delay, 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, Mini Archer, 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, Platformer, Plus+Plus, Pocket Snap, Poker, Pool, Pop the Lock, Pop to Save, Poux, Pudi, Pumpkin Story, Puppet Bird, Pushori, 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, Teeter Up, 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, Trailblazer, Trick Shot, Tunnelball, Turn, Turnellio, TwinSpin, Vampire Survivors, vvvvvv, Warp Shift, Watermelon Game, 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, Zuma
© 2025 Emanuele Feronato
Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}