# Creating a Bees and Bombs gif in R

October 19, 2016
By

Want to share your content on R-bloggers? click here if you have a blog, or here if you don't.

I love the work of @beesandbombs and while
some of his creations are a poor fit for redoing in R, one of his latest got me
wondering how I would recreate it in the venerable statistics language…

The gif in question can be seen here
(I don’t know to make those fancy tweet cards using jekyll and GitHub pages).

While it would be nice if this was something easily solvable using
tweenr it is unfortunately not, as there’s
no direct path between any of the states in the animation. Each square relies on
the orientation of the bounding square and so the bounding sqaure must be
calculated before we can know how the inner square will move, but since the
bounding sqaure moves as well we’ll need to do this for each frame.

Fortunately, if you look closely on the animation you can realise that the only
calculation happening is a linear interpolation between two points. The corner
of an inner square simply traces the path between two corners of the bounding
square. So, for each side we could define a simple linear function and solve it
for the given position…

But wait, that means creating four linear functions for each square – with 16
squares and a framerate of 15 frames/sec this will result in 3840 functions that
needs to be created for a 4 sec animation. Seems like overkill…

Fortunately we can come to another realization: If we consider each side a
vector we are simply multiplying the progression of the animation onto the
vector to get the corner positions of the inner square. So, given a square:

We can calculate the corners of the inner square at time t (between 0 and 1)
like so:

I’ve probably gone overboard with the code refactoring, but this is mainly to
illustrate what’s going on. Let’s try it out:

that seems right…

The next task is to do this for multiple squares within each others. True R
users would quickly think that some `*apply()` function can solve this for us
but, alas, each computation relies on the result of the prior. Then what? Are we
force into using a for-loop in this day an age where functional programming is
all the rage? Fear not! `Reduce()` is here to save you…

Reduce can be a really powerfull way of abstracting away computations relying on
the prior result…

Now all that is left is to call the `calc_frame()` function for a number of
frames that covers t = 0 – 1

Now we could definetly call it a day now as we have reached our objective, but I
want to talk about one last thing before I wrap up: Code generalization. We set
out to recreate the Bees and Bombs animation so we were completely focused on
making this work for squares. While our code would work nicely for rectangles as
well it doesn’t generalize to other polygons. There is no need for this
constraint though. Nothing in our setup should make this specific for 4-sided
objects so with a little care towards generalization we can improve our code and
make it generally applicable. Fortunately it is not a big change. The only
function that makes any assumptions about the shape of our polygon is the
`sq_to_vec()` function. Some of the other function arguments imply a square
though so we’ll rewrite these as well:

That was easy – let’s try to make something crazy with this:

As generalizations go, this is pretty good. While all of the above is quite
simple I hope it serves to illustrate how you can think about the code you write
and how small changes can make it broader applicable. Even if there is no way
that the code should be applied in any other context than the one at hand,
thinking about generalization helps you identify the hidden assumptions in your
code, so it is never a wasted exercise.

Another point I hope I have made is how animations are often really simple. A
lot of R users are accustumed to static plots and find animations to be very
daunting. In reality it is often just a matter of identifying how key points
travel around as time pass and everything else will sort itself out. What I
admire about Bees and Bombs is how he can take seemingly simple relationships
between shapes and transformations and mix it together in a way that makes the
whole greater than the sums of the parts. I invite anyone who wish to improve
their understanding of animations in R to recreate one of his pieces – it might
be simpler than you think…

R-bloggers.com offers daily e-mail updates about R news and tutorials about learning R and many other topics. Click here if you're looking to post or find an R/data-science job.
Want to share your content on R-bloggers? click here if you have a blog, or here if you don't.