Rotating Elements to mouse and touch location #JS #tutorial
Dudley Storey walks you through creating an element that rotates dynamically based on the current mouse or touch position. He also takes it one step further to create a smiley with dynamic googly eyes too. These are two useful tutorials for creating dynamic animation effects.
Slicing SVG 9 ways #svg #performance
Paul Lewis shows you how to create a performant, edit-friendly, animatable shadow using SVG and 9-slicing. He also explains why box-shadows negatively affect performance when they’re animated. Even if this solution isn’t for you, the bit about performance might be. (Note: one of his demo is Chrome only.)
3D with WebGL course from Keith Peters #course #3d
A comprehensive course from Keith Peters (who wrote some great animation books back in the Flash days). The course focuses on creating WebGL without any frameworks, covering the basics of 3d vertices, shaders, drawing modes, animation, interaction and transformations. If you’ve been wanting to dig into the guts of WebGL, this sounds like the course for you.