Kieran Dillon's Projects

• Ball Movement

  Ball Movement Animation, creates a black ball and moves it across browser.

  Click here to view code

• Bouncing Balls

  Bouncing Balls Animation, creates three bouncing balls of different colors (blue, red, and green). Balls bounce and move around a canvas on the browser

  Click here to view code

• PacMan Animation

  PacMan Animation, creates a PacMan and moves it across the screen. It opens and closes its mouth as it moves. The PacMan flips directions once it gets to the edge of the canvas boundary.

  Click here to view code

• PacMen Factory Animation

  PacMen Factory Animation, creates a PacMan every time the button is clicked. Can add as many PacMen as you like. Once "Start Game" is clicked, the PacMen move and bounce around the screen.

  Click here to view code

• Eye Movement Animation

  Eye Movement Animation, creates two eyes on the screen. The eyes move and follow the mouse pointer as it goes.

  Click here to view code

• Map Animation - Real Time Bus Tracker

  Real Time Bus Tracker, creates a map by fetching API's and using JavaScript to make it dynamic. Can see the bus' route as it goes along.

  Click here to view code

• Smiley & Frowney

  Smiley & Frowney uses three face images and toggles between the three images. From neutral, to smiley, to frowney, by clicking the buttons.

  Click here to view code

• Counter

  A counter is created. Can increment or decrement the values by clicking the buttons. There is also a clear button, to set value back to 0.

  Click here to view code