Curvature of the Mind

Thoughts from a Recreational Physicist

HTML5 Canvas Image Effects

June 6, 2012 by Andy Brummer Leave a Comment

It helps when you actually upload the page for your demos.  One of the down sides of scheduling posts before finishing them is that you might publish prematurely.

This is the first page I put together to play around with the combining the canvas and file upload controls.  The page works by loading up the image and generating random circles using the center point of the circle to sample the color.  Playing with the alpha level of the circle led to some interesting effects, but I didn’t prefer one setting over any of the others, so I set it to vary with time.

I’m trying to get it to preload an image from the site, but the canvas security and random errors I’m getting are making it not worth the effort.  Long story short, you have to have an image to upload for this page to work, so when you navigate to it, click the button and upload an image.

Filed Under: Experiments Tagged With: canvas, generative art, html5, javascript

Logging In...

Profile cancel

Sign in with Twitter Sign in with Facebook
or

Not published

pages

  • 3D harmonic oscillator eigenfunctions
  • About
  • Images
    • 2 simple
    • atomic
    • IFS fractals: 2 transformations
    • random
  • Inspiration
  • Work
    • Atomic Orbitals
    • The surprises keep comming
    • Voronoi

Copyright © 2021 · Curvature of the Mind 2 on Genesis Framework · WordPress · Log in