Spring 2017 Week 9: Workshop Time

Siqi Zhu
NEU IDV ARTG
Published in
1 min readMar 17, 2017

This week’s class will be devoted to meeting individually to review the ongoing progress of the final project. In response to issues and questions raised during these reviews, I will post additional examples and mini-exercises.

Additional canvas examples

These two examples demonstrate some important patterns when working with canvas. One is mouse picking of canvas elements using d3.quadtree. The other deals with animated transitions, using a combination of canvas and virtual DOM.

Canvas transition example:

Canvas mouse picking:

ES6 + Webpack project template

For those of you interested in writing in ES6 and using modules:

Bootstrap UI elements

--

--