Demos

This browser based game is a proof of concept for a more fully fleshed out game I'm working on. In this simple game you control a blobby little guy that stretches and squishes when jumping and landing. The object of the game is to jump over as many pink rectangles as you can, while collecting blue circles. Get enough points and you land on the leaderboard!

This game was created with vanilla Javascript drawing to an HTML canvas with a leaderboard saved to a MySQL database. Scoring is verified by a token generated upon game start.

Play Jumpy Canvas

This was part of coding challenge to make the best animation using pure HTML/CSS (Yes, I won ^_^). Absolutely No Javascript was used to create this animation of Mario. I used SVG "sprites" and form elements to create an interactive frame based CSS animation.

Click here to see the actual animation.

This was an experiment using pure CSS animations, and thus is best viewed at a browser width of approximately 1440 pixels (laptop size).

This project allowed me to get more familiar with SVG animations on the web. Hovering over an icon shows a tooltip and morphs the SVG icon into words.

View the tooltips in action

Using JavaScript, CSS, and the Pythagorean Theorem, I created background tiles that react to mouse movement; tilting and changing color based on where you drag the mouse.

Play with the tiles yourself

Using an uploaded CSV, the script goes through each line and displays the text for a specified length of time. I made a fun 3D cube with CSS to react when each line is executed.

Use the demo CSV or upload your own