Source code for the kaleidoscopifier on shapish.com
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
imgs
js
CNAME
LICENSE.md
README.md
favicon.ico
favicon.png
index.html

README.md

Kaleidoscopify

##What Draw something and instantly turn it into a kaleidoscope. A settings panel allows you to adjust the number of segments, rotation speed and a few other factors.

##How

  • kaleidoscope.js renders a kaleidoscope based on an image or div content. In this case, no image is used, instead the content of a master canvas element is replicated into every segment of the kaleidoscope after you draw (mouseup event).
  • smooth_draw.js allows for smooth-curve drawing, creating more pleasing shapes for the kaleidoscope.
  • kaleidoscopify.js bring the two together including the pulleys and levers in the settings panel.

Written in jQuery.