Hype WebGLCanvas

This little experiment could become an extension but is currently more a demo. It uses the work of the amazing Evan Wallace from back in 2011. It creates a WebGL Canvas and offers some neat texture base manipulations. The texture can even be updated on the fly.

Preview it here:
CanvasWebGL.html

Download it here:
CanvasWebGL.zip

Versionhistory
0.8 (Alpha) Initial release under MIT-license

Hope you like it.

3 Likes

It is pretty nifty setting the On Drag to Control Element Position for the ellipse or to have it use physics.

1 Like

Here you go… drag is fun (with less effects) in this case … but animation was more of an side effect. I was after all the high performance effects listed here that are also included. I’d love to expose the filters over dataset. Using them in JS it’s already all possible.

CanvasWebGL-Drag.html

2 Likes

Thanks for the link to Evan’s Demo, etc. very interesting material as is your latest “project” above.

(BTW: Do You ever sleep? :upside_down_face:)

Wow! Very nice Max.
That’s what I wanted to do last weeks.
Let’s see what is possible in the future with that.
Thanks for sharing this :vulcan_salute:

1 Like

Your welcome… if you want to have an in depths hands on tutorial look at …

After watching it you will understand why I went the easy route and used Evan Wallace glfx.js.
Still very interesting to see how deep the rabbit hole is actually becoming with webgl.

1 Like

Check out this Berlin Startup and tool…

1 Like