search

dotsara / 100-projects

100 projects in different languages, frameworks, etc. :package:
http://toolbox.dotsara.com/100-projects
10 stars 2 forks source link

Starbucks Summer Game 2017 #18

Open dotsara opened 7 years ago

dotsara commented 7 years ago

I'm a giant sucker for the illustrations and typically-charming animations Starbucks has been putting into their seasonal board game.

Anyway, I was poking around in the source and I see that the twinkly stars are a canvas object, oooh. I wanna dig some more to see: a. how they did this; b. how to do this.

<div class="star_animation_container">
    <canvas data-json-url="/public/images/animations/stars.json" data-animation="animate" 
      data-auto-play="false" data-animator-index="83" class="spriteanimator" width="250" 
      height="250"></canvas>
</div>

download