Played around with the HTML5 <canvas> element for use in the background of a website, and ended up with this little toy. Play around with the interactive demo. The name "hexagonif" comes from hexagon and gonif.
Switch branches/tags
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.
docs
src
.editorconfig
.eslintignore
.eslintrc
.gitignore
README.md
gulpfile.js
package.json

README.md

hexagonif

Donate $5 now Donate $25 now Donate $100 now More options

Screenshot of hexagonif after playing around a while

Played around with the HTML5 <canvas> element for use in the background of a website, and ended up with this little toy. Play around with the interactive demo. The name "hexagonif" comes from hexagon and gonif.

Use on your website

If you'd like, you can put hexagonif in the background of your own website, as shown on joelpurra.com. See docs/index.html and the list below for examples.

If you do use hexagonif, please link back to joelpurra.com and this project from your website -- and why not add it to the list below?

Sites using hexagonif

Development

Requires node with npm installed.

# Get dependencies.
npm install

# Puts files in /docs/ for static viewing.
npm run --silent build

# Starts a development server and monitors files for changes.
npm run --silent start

# Go to the default development server address.
open "http://localhost:47333/"

hexagonif Copyright © 2014, 2015, 2016, 2017 Joel Purra. Licensed under the GNU Affero General Public License, Version 3 (AGPL-3.0). Your donations are appreciated!