Canvas Blending Kaleidoscope
Circles, squares, and triangles are drawn unto the canvas element to demonstrate the effects of different blending styles.
ToggleShapes
toggle which shapes get drawn to the screen using key codes or radio buttons
Current Draw Style:
change the drawing styles with key codes or radio buttons:
How It's Made...
Download the file here: kaleidoscope.js
Things that work well:
- Page UI: The old UI relied entirely on key presses to turn things on. Radio buttons are much more intuitive.
- Class/Object Structure: All objects have an update and draw function that makes it easy to update multiple objects of different classes at once.
Things I'd like to impove:
- Rotation Speed Controls: Right now, rotation speeds are randomized. It would be nice to have a slider to control it.
- Only 3 Drawing Modes Look Good: ..... yup.
- More Kalideoscope-like: an actual kalideoscope has more unpredictable shapes than this one.