Game of Thrones Snapchat Filter

By  on  
Game of Thrones Snapchat Filter Icon

If you follow me on Twitter, you know I'm a massive Game of Thrones fan.   I may not know every name but my mind has a mental map of every angle and epic battle. Not since Sopranos has there been a television show that's more than a new episode, it's a major event. What an incredible show.

At the start of this past season, the Game of Thrones / HBO marketing team had a brilliant idea:  release a Game of Thrones Snapchat filter.  The filter is amazing!

Front-facing Camera

When using the front-facing camera, snow flies across the screen and a white walker appears behind the subject of the photo! You can drag your finger to slingshot a dragonglass dagger to kill the white walker as well!

Oh no Ringo!  Run!

Back-facing Camera

The back-facing camera is even more impressive:  snow flies across the screen, your eyes turn blue, and opening your mouth makes a cold breeze fly out!

You can also record video with the filter:

Getting the Game of Thrones Snapchat Filter

There are two ways to get the Game of Thrones Snapchat Filter:

  • In your mobile browser, tap this link.
  • Open your Snapchat app and snap a picture of this image:

It's important to note this filter will only last for one hour; you'll need to grab the filter again once it expires.

I look forward to creating my own Snapchat filter in the future, if only to figure out how it's done.  Happy snapping!

Note:  I know this is a tech blog and the tech involved in this post is not the main feature, but I keep needing to look for this and, much like tech, my blog is the easiest place to find it.

Recent Features

  • By
    Page Visibility API

    One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?

  • By
    CSS vs. JS Animation: Which is Faster?

    How is it possible that JavaScript-based animation has secretly always been as fast — or faster — than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mobile sites that rival the performance of native apps? This article serves as a point-by-point...

Incredible Demos

  • By
    Facebook Sliders With Mootools and CSS

    One of the great parts of being a developer that uses Facebook is that I can get some great ideas for progressive website enhancement. Facebook incorporates many advanced JavaScript and AJAX features: photo loads by left and right arrow, dropdown menus, modal windows, and...

  • By
    CSS Circles

    A while back I shared a clever technique for creating triangles with only CSS. Over the past year, I've found CSS triangles incredibly effective, especially when looking to create tooltips or design elements with a likewise pointer pattern. There's another common shape...

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!