Every year since 2010 I have made a web app as a kind of digital Christmas 'card' for my colleagues. The first couple were basically CSS3 card effects with some flashy stuff added. The next two were WebGL, using Three.js and Goo. Then 2014's was a mobile-friendly Pixi.js game called "Santa Wants Pies" and 2015 was all about Star Wars!
- 2010 - a simple CSS3 card effect - demo, source
- 2011 - improved CSS3 card - demo, source
- 2012 - Three.js (WebGL) animation - demo, source
- 2013 - interactive Goo Engine (WebGL) scene - demo, source
- 2014 - "Santa Wants Pies", a mobile-friendly game (Pixi.js) - demo, source
- 2015 - Star Wars themed animation (mo.js) - demo, source
- 2016 - "Snag the Snowflake", another little mobile-friendly game (Pixi.js) - demo, source
- 2017 - a WebAROnARCore snowman and snow demo - demo, source
- 2018 - an AR snowman springs from a logo, using AR.js - demo, source
This repository is the container project, for combining and linking to the cards.
Over the years I have made use of various assets to make these Christmas cards - thank you to everyone whose resources I've used!
- Roman Cortes and Andrew Wooldridge for the 3D canvas-based Christmas tree (Roman's blog post, Andrew's blog post)
- Flickr's 'Robo Android' for the image of the gift/present
- mr.doob and all the Three.js contributors
- Seb Lee-Delisle for the snowflake effect
- 'Instrumental Christmas Music, On Hold Loops, Ringtones, Comedy Ringtone' - for the Jingle Bells theme
- Tony Parisi for his 'WebGL Up & Running book' and examples - 2012's card is based on his robot animation in Chapter 4. To the creator of the robot model from the 'WebGL Up & Running' example - I would have bought it from TurboSquid but it's no longer up at the URL referenced in the book. If you're the creator, please get in touch with me and I'll happily pay to use it!
Thanks! Get in touch at peter.oshaughnessy at gmail dot com.