Jake Watts

.Jake Watts{


age: 25;
moustache-type: curly;
loves-cats: true;

}

Interactive Ball App

This project is still in development, but i'm using this space to document my progress and outline my objectives and what I hope to achieve as I learn more about JavaScript and HTML5 Canvas.

The overall objective of this project is to have a base HTML5 Canvas element containing JavaScript which is running a series of functions to "animate" a ball bouncing around inside of it. The end user can then interact with the ball through a selection of HTML input elements which allows the user to choose certain modifiers and variables to affect the appearance of the ball. You can see some examples below of a few effects I have partially implemented so far.

The current issue I am trying to address is how to most efficiently integrate the HTML input form into the JavaScript loop function, it is proving to be quite a challenge at my current level of experience but no doubt it will be rewarding once complete!

As this project is a little more advanced than I am right now, I will be coming back and hopefully finishing this fun demo in the future once I can get my head around the finer points of JavaScript.


← back to main