Tag: canvas

Creative Coding with Canvas & WebGL – Course

TheSmithy

Learn to use Canvas and WebGL with ThreeJS in this JavaScript course on Creative Coding! Tour the vast landscape of graphics programming on the web. Learn about generative art, interactive animations, 3D graphics with ThreeJS, and custom shaders in GLSL. These are the fundamental concepts behind creative development work, including VR/AR apps, games, art installations, interactive web experiences, and various other forms of computational arts.

This course and others like it are available as part of our Frontend Masters video subscription.

A Comparison of Animation Technologies | CSS-Tricks

TheSmithy

Source: A Comparison of Animation Technologies | CSS-Tricks

A really nice overview of pros and cons of current (2016) animation technologies. Some of the main points below. For detailed information, visit the link

Native animation

  • CSS
    pros: great performance, responsiveness.
    cons: chaining multiple animations complicated, quirkiness in css+svg
  • Canvas
    pros: really nice for interaction, good performance
    cons: difficult to make accessible, difficult to make responsive, not retina-ready
  • SMIL
    cons: losing support
  • Web Animations API
    pros: Easy sequencing of animations, good performance
    cons: Support is not great, specs still changing
  • WebGL
    pros: Really good in interactive and 3D effects, amazing visual effects, hardware-accelerated, VR-possibilities
    cons: Tougher to learn, hard to make responsive

Read More