Serpent VS Square

Live Site Github Repo

An HTML Canvas auto-runner Game inspired by Snake vs Block built with Vanilla JavaScript.

Description

Serpent VS Square is simple visual game based on two classic games: "Snake" and "Block." Starting at an initial length of 4, the goal of the game is to make the serpent as large as possible by touching yellow circles that extend the length. This must be done while strategically colliding with numbered blocks, as they will subtract from the serpent’s length. Avoid blocks that are larger than or equal to the length of the serpent and aim for blocks with the smallest number. Players will use the arrow keys in order to control the serpent’s movement. Block values and lines are randomly generated. Score is accumulated based on the number value of blocks the serpent can make it through.

Technologies

Webpack

Approach

  • Generated intelligent, movement-based animation using asynchronous Javascript.
  • Designed dynamic visualizations with Javascript implemented algorithms based on user input
  • Engineered custom collision detection algorithms and physics for player movement and seamless gameplay
  • Developed snake movement algorithm for smooth and responsive UI animation