Skip to content
Acts as the landing page for my personal website (chromoboto.com). Utilizes HTML5 Canvas.
JavaScript Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
client
CNAME
LICENSE
README.md
app.js
favicon.png
index.html
package-lock.json
package.json
webpack.config.js
yarn.lock

README.md

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 git@github.com:chromoboto/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

You can’t perform that action at this time.