Ball Game Canvas Animation Primer Tutorial
In the 70’s (ie. 1970’s), around and in Australian squash court complexes, people would get excited by the squash, and the “coffee table” style computer games based on balls and bats and walls. Well, today, we were reminded of those “heady days” … cough, cough … when we chanced upon this excellent website using …
- HTML5 canvas … and …
- window.requestAnimationFrame
… “animation friends”.
We thought to “value add” via …
- https://stackoverflow.com/questions/39563033/how-to-resize-the-canvas-using-javascript‘s “heads up” regarding a window resizing means by which we might allow a canvas resize … as well as the method below, in amongst …
- allow user control of …
- ball radius
- ball colour
- ball delta-X movement
- ball delta-Y movement
- ball “field” width
- ball “field” height
- style a brick wall the ball could bounce off (alas, not as unpredictable as the besser block wall we used to practice tennis reactions against)
… in today’s proof of concept Ball Game you can also try below …
If this was interesting you may be interested in this too.
