No GeoffreyJarman3.png available

gjarman2020.com

No GeoffreyJarman4.png available

Canvas

An HTML canvas example

Authentication is required for this page (or via: Links >> Authenticate)


circles will grow if you click them with a mouse
count is the number of circles in the animation
speed is the maximum speed of each circle's movement in pixels per frame
the frame rate is typically 60 fps on monitors but varies by monitor speed
size is the maximum size of any circle in pixels
speeds and sizes are randomized but do not exceed the maximum values

Internals

html file: /var/www.html/canvas.html
css file: /var/www/html/css/canvas.css
css file: /var/www/html/css/common.css
js file: /var/www/html/css/canvas.js
js file: /var/www/html/css/common.js
cgi directory: /usr/lib/cgi-bin/
corner image: /var/www/html/cornerImage.png
background image: /var/www/html/background.jpg
CGI source code: c