Skip to content

Acts as the landing page for my personal website (chromoboto.com). Utilizes HTML5 Canvas.

License

Notifications You must be signed in to change notification settings

notrueblood/Interactive-Hand-Print

Repository files navigation

Through this project I was exploring the HTML5 canvas element with a focus on how to utilize it to create interactive art.

I like to think of the hand as having little electrons running through its structure. As they traverse the structure, the surrounding nodes shrink in response. Then afer some time, they each run out of their energy stores and disapear.

In contast, what I refer to in the code as a supercharged electron, is dropped when the user clicks. That darts towards the nearest node on the hand, entering and racing along the structure. It causes nearby nodes to freak out and expand rapidly, only calming back down to a relaxed state when the supercharged electron has been depleted and dies.

hand

To Play With It:

At the terminal:

  1. Clone this repository (this uses ssh) git clone [email protected]:notrueblood/Interactive-Hand-Print.git
  2. Navigate into the directory that was just created cd Interactive-Hand-Print
  3. Install dependencies npm install

Then open index.html

About

Acts as the landing page for my personal website (chromoboto.com). Utilizes HTML5 Canvas.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages