Skip to content

Instantly share code, notes, and snippets.

@syntagmatic

syntagmatic/index.html

Last active December 14, 2015 21:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save syntagmatic/5148544 to your computer and use it in GitHub Desktop.
Save syntagmatic/5148544 to your computer and use it in GitHub Desktop.
Download ZIP
Canvas Basic Animation
Raw
index.html
<canvas id="painting" width=960 height=500></canvas>
<script>
canvas = document.getElementById("painting")
screen = canvas.getContext("2d")
t = 0
function frame() {
i = canvas.width
while (i -= 10) {
j = canvas.height
while (j -= 10) {
hue = (t * i * j / 3000) % 300
screen.fillStyle = "hsl(" + hue + ",70%,54%)"
screen.fillRect(i,j,10,10)
}
}
t++
requestAnimationFrame(frame)
}
frame()
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment