This post is a tutorial on how to create a modern version of the game Gorillas using JavaScript and the HTML canvas element. It covers the background of the game, project setup, overview of the game logic, drawing the scene, fitting the size of the city to the browser window, aiming the bomb, and animating the bomb's flight. The tutorial also includes info panels showing the angle and velocity of the throw, and covers hit detection and celebrating the winning player.

48m read timeFrom freecodecamp.org
Post cover image
Table of contents
Table of Contents:Background on the GameProject SetupOverview of the Game LogicHow to Draw the SceneHow to Turn the Coordinate System Upside DownHow to Draw the Game ElementsHow to Fit the Size of the City to the Browser WindowHow the Gorilla Can Throw the BombHow to Animate the Incoming BombNext Steps

Sort: