Posts tagged animations
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 […]
Continue Reading
Smoothly animate thousands of points with HTML5 Canvas and D3 - Tagged in:
- animations,
- canvas,
- data visualization
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 […]
Continue Reading How BoxArt Provides Fast DOM Animations - Tagged in:
- animations,
- games,
- performance,
- react
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, […]
Continue Reading Animating React Elements with BoxArt - Tagged in:
- animations,
- games,
- react