{"id":3356,"date":"2017-02-27T07:22:46","date_gmt":"2017-02-27T07:22:46","guid":{"rendered":"http:\/\/freshinbox.com\/blog\/?p=3356"},"modified":"2017-03-10T07:10:22","modified_gmt":"2017-03-10T07:10:22","slug":"sonic-the-hedgehog-game-in-email","status":"publish","type":"post","link":"https:\/\/freshinbox.com\/blog\/sonic-the-hedgehog-game-in-email\/","title":{"rendered":"Sonic the Hedgehog Game in Email"},"content":{"rendered":"

<\/center><\/p>\n

One of the exciting possibilities of interactive email is games. Kristian Robinson<\/a> of Two<\/a> built two really cool versions of Sonic the Hedgehog games that you can play within an email. I was blown away with the slick execution of both these games as playing them had an authentic albeit brief experience.

<\/p>\n

Side Runner<\/H4><\/p>\n

<\/center><\/p>\n

In this version, the goal of the game is to jump and avoid the spikes at exactly the right moment. This technique uses two sets of CSS animations. The main (default) animation sequence has Sonic running into the spikes at the end. The alternate sequence takes over when the user taps on a “jump” button at the right time and has Sonic jumping safely over the spikes.<\/p>\n

Read more on the background of this design<\/a>.<\/p>\n

See the example<\/a>.

<\/p>\n

First Person Runner<\/h4>\n

<\/center><\/p>\n

Not content with his earlier achievement, Kristian built a version of Sonic with a “first person” view. The goal of this game is to collect a bunch of rings before the time runs out.<\/p>\n

The implementation used radio inputs to keep score and the build-out of a very elaborate path consisting of background image sprite animations. <\/p>\n

Read more on the background of this design<\/a>.<\/p>\n

See the example<\/a>.


<\/p>\n

Checkout more examples of interactive email<\/a> here.<\/p>\n



<\/p>\n

\n
\nSubscribe to the #EmailGeeks Newsletter<\/span>\n

<\/p>\n