Mario

Simple 2D Game in HTML with JavaScript.

Goal

Developed a simple 2D game shown in a Canvas. This animation-based application has a character that jumps when the click button is pressed, thus accumulating one point. The idea is avoiding obstacles for as long as possible and the final score is represented by the sum of points.

Concepts used with their code samples

• Rect, to create the canvas
  • document.getElementById.getContext.fillRect
• Colour,
  • fillStyle
• Image, to use PNG files for elements such as Mario
  • new Image()
• Input, to move the character
  • window.onclick
• Animate, to animate objects such as clouds
  • requestAnimationFrame()