Skip to content

rolandjlevy/js-pixel-randomiser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pixel randomiser

Links 🔗

demo image

Instructions ⚙️

  • Press Play and Pause to toggle the animation
  • Click on the letters to see letter shapes appear
  • Move the slider to change speed
  • Click on each pixel to see its hexadecimal value

How it works 💡

A pixel continuously changes colour and position randomly in the grid.

Each new position is chosen randomly: either one position up, down, left or right. This process repeats itself to create an organic animation.

The colour starts with hexadecimal value of #000000 (black) and with each move the colour increases by 100, making the next colour #000064 and so on.

The finishing hexadecimal colour is #ffffff (white) which means there are a total of 16,777,215 possible colours!

This explains how to convert #ffffff to a decimal value

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published