More posts loaded.

Blog

Follow along as we chronicle our work with our partners, the latest news on the web platform, and our efforts to build a more collaborative, inclusive company culture.
  • Smoothly animate thousands of points with HTML5 Canvas and D3

    Peter Beshai - March 16th, 2017

    Sometimes in life, you’ve just gotta move thousands of points around on the screen. For hundreds of points, this can be accomplished with D3 through d3-transition on SVG nodes, but this typically becomes too slow when you need to animate more than a thousand points. So how do you do it? Enter canvas. Each point […]

  • How BoxArt Provides Fast DOM Animations

    Lyza Gardner and Z Goddard - September 13th, 2016

    Our last article about BoxArt showed how to use BoxArt’s Animated component to animate a tile-dropping game built in React. This time, we are going to look at some features of how Animated optimizes animations for performance. The Beastliness of Layout Thrash There’s a performance nightmare constantly threatening when you’re animating in the browser. As […]

  • Animating React Elements with BoxArt

    Lyza Gardner and Z Goddard - September 8th, 2016

    Have you ever tried writing animations into a website? It’s complicated. There’s lots of room for error, and no tool seems to fill every animation need. Recently, while writing some DOM-based games, the Bocoup team realized there wasn’t existing software for all of the projects’ animation needs. To help fill the gaps, Bocoup created BoxArt, […]