Pac Man Factory
An app where you can create any number of Pac Men who will then move randomly on the screen
See in Action See the Code- Press "Add PacMan" as many times as you like
- Press "Start Game" for animation
- You can add more PacMen at any point
- Uses the Document Object Model to create animation
- Velocity and direction randomly generated using Math.random
- PacMan will change direction when it bounces off a wall
- Move the cursor around the page
- The eyes will follow the cursor!
- Image created entirely by CSS using border-radius and absolute positioning
- DOM controlled by .onmousemove property
Eye Movement Animation
Two eyes created with HTML and CSS that follow the mouse movements
See in Action See the Code
Bus Tracker App
Mark the busses traveling on a particular route on the map of Boston
See in Action See the Code
- Select the bus you would like to track in the city of Boston
- The app will display all of the busses on that route on the map
- Updates every 15 seconds
- Uses Google Maps API as well as real-time bus location API from Massachusetts Bay Transportation Authority
- Yes, I realize that I have a picture of New York city and not Boston