I’ve talked a bit about separating our semantic and non-semantic content within websites. We can take our rich non-semantic content and throw it onto a canvas. This provides a number of benefits, cleaning up our…
Tag: canvas
Tiny Javascript Libraries
I used to do a lot of flash banner ads. Banner ads have tight requirements around file size so as not to bloat the hosting page’s download. With banner ads migrating to HTML this is…
Masking in GLSL
WebGL is complicated. Libraries like Three.js have made it more approachable but to do advanced effects you still need to understand the inner workings of WebGL, this includes GLSL shaders. Shaders are small programs that…
Masking in Canvas
Because the canvas requires manual drawing through scripting we need to leverage the 2d canvas API, through the canvas’ 2d context. Clip paths in canvas are pretty straight forward. First we simply draw a path…
Canvas Blend Modes in Safari on Desktop and iOS7
Blend Modes have probably been one of the most highly requested features in canvas. Canvas is great for gaming and rich visual effects down to the pixel level, and though we can do shaders and…
Read more of Canvas Blend Modes in Safari on Desktop and iOS7