gSkinner - Home

Atari Arcade: Classic Games Reimagined in HTML5

Posted on August 30, 2012 by Grant Skinner

The Atari Arcade has launched! We’ve been working tirelessly with Atari and the Microsoft IE team to re-imagine classic Atari games for the modern web. The games are multi-touch tablet friendly, use the latest crop of modern web standards, are built on top of CreateJS, and run on pretty much any popular current generation browser. We had a ton of fun trying to balance modernizing these games with preserving their iconography and gameplay faithful to the originals.

There’s a lot more to say, but we’re all still recovering from the launch rush, so for now I’d encourage you to check out the arcade, read through the dev center articles on how we built it, and wander over to CreateJS.com to learn about the libraries the games were built on top of.

Note: it looks like the DNS change is still propagating in some places, so if you don’t get the site, try again in a little bit.

I’ll blog a bit more about the experience once we’ve all caught up on sleep!

Follow @gskinner on Twitter for more news and views on interactive media.
20 Comments

Funny, you say it works on modern browsers but every browser I try says I need to use IE10...am I missing something, or did you code for one browser?

Posted by: Richard on Aug 30, 2012 2:03pm

We've tested extensively in Chrome, Safari, FireFox and IE. It should work in the latest versions of all of them. If you're getting a message to upgrade, it may be because you are using an older browser, or something is glitching in the feature detection logic. What browser/OS & full version are you using?

Thanks!

Posted by: Grant Skinner on Aug 30, 2012 2:44pm

Did some investigating... Look like this can happen on XP. We are looking into resolving it.

Posted by: Grant Skinner on Aug 30, 2012 2:53pm

Grant, did doing this require mods to CreateJS. If yes, did those mods make it back into CreateJS yet?

Posted by: Jacob Hanson on Aug 30, 2012 8:32pm

Jacob - all of the feature additions and bug fixes we made to CreateJS as a result of this project were included in the recent updates to the libraries (ex. EaselJS v0.5.0, etc).

Posted by: Grant Skinner on Sep 1, 2012 12:02pm

So glad we can have something from 2001, recreated as "proof of concept" in order to remove something from 2012....CPU at 100%, graphics from a pencil, interactivity from a can on a string.

Well done grant - might head on over to Brimlow to check out the other sell outs.

Posted by: Audas on Sep 2, 2012 3:13am

let's play PONG MAN on a iPAD yeaaaaaaH... on a sidenote it's missing loadsa scrollbars, trolol0

Posted by: Fassa on Sep 2, 2012 6:55am

Audas - while I'm not too sure what you're referring to with "removing something from 2012" or "graphics from a pencil" or "interactivity from a can on a string" (though I can infer they are meant to be insulting), I would be interested in how you think people like Lee and I are selling out?

If using more than a single technology over the course of my career (or often, in a day) is "selling out", I guess I am guilty, but if so, I've "sold out" many times in the past, and I expect I'll do it a few more times before I retire.

Posted by: Grant Skinner on Sep 2, 2012 9:05am

I think you and your team did a great job regardless of what anyone else says! @fezec

Posted by: Ben on Sep 4, 2012 1:25pm

How can Microsoft's HTML5 commitment be taken seriously when CSS3 support in IE is so effing terrible? This PR stunt is obviously a gimmick to try to make people believe Microsoft are suddenly able to build a working browser, and it won't wash.

Posted by: hayesmaker on Sep 6, 2012 3:28am URL: http://hayesmaker.com

your 'app' just made my chromium crash. very cool. is there a flash fallback or something?

Posted by: lolinator on Sep 12, 2012 4:06pm

The menu system appears to be 3D, can I ask what library was used for that? And have you guys managed to get EaselJS working alongside something like three.js yet?

Posted by: Nath on Oct 2, 2012 5:37am

Every once and a while, I see a product like this, and think WTF? That's one of the most insanely, awesome, thorough, well built frameworks, not to mention the whole suite interconnected, I've seen in a long time - and it's free! How?
Don't get me wrong, it's absolutely amazing, and if it wasn't for open source, I wouldn't love this field half as much. It's contributions like this that fuel web development to progress faster than I can imagine. And this game engine is superbly powerful.

So I guess it's more of a, what made you guys so awesome? What motivated it? How was it funded, how does it pay back (branding, visibility, just knowing you're awesome), and how does it work into what you guys do?

I haven't explored it extensively, but I gather that some of it has to do with developing the Arcade community, and getting amazing user games by opening up the development tools. Does it play into other larger projects?

Open source is one of those amazing topics, and I hope to do a little more research pertaining to how it affects other fields, more statistics, and the motivation related to it. As well as the plethora of offset effects & benefits.

Btw, any chance you could use a subscribe to comments plugin? I'll try to remember to check back, but if you're in the mood for a longer reply, my email would be awesome.

Thanks, not just for the reply but for the astounding and amazing contribution to the web community and thus the public at large!

~David

Posted by: David on Oct 25, 2012 1:11pm

Hi David,

Thanks for your kind words! Comments like this help inspire us to keep releasing code free to the community.

There is are altruistic and a selfish reasons for our involvement in open source.

It helps the community, saves people lots of time, and helps establish standard ways of doing certain types of work, which makes skills more interchangeable. It's also kind of fun to work on something like CreateJS, and get to see what people build with it. I believe contributing to open source exponentially increases your individual contribution to the creative output of an industry.

Of course, it also comes with some benefits - if you do it well, it positions you as an expert in your community, provides opportunities to do talks, exposes you to other smart people, and provides indirect marketing and project opportunities. It also lets you steer the type of work you want to do, which is very important to me.

My tactic is to focus on the former (altruistic) reasons for open sourcing code, and hope that enough of the latter occurs that I (and my team) can remain gainfully employed working on the types of cool projects we want to be involved with.

Cheers,
Grant.

Posted by: Grant Skinner on Oct 28, 2012 4:08pm

Nath,

We wrote a custom helper class for CSS 3D that smoothed out some of the issues in getting 3D working between browsers. I actually need to remember to release that!

It's totally possible to use Three.js and CreateJS together. For example, you can use EaselJS to generate dynamic textures for use in Three.js, include a 3D model (Three.js) inside a 2D interface (EaselJS).

Cheers,
Grant.

Posted by: Grant Skinner on Oct 28, 2012 4:10pm

Is there any sample code lying around anywhere that demonstrates using three.js with EaselJS? Would love to get a look at that if there is.

Posted by: Nath on Dec 13, 2012 4:26am

[...] Now you can play several of the Atari classic games that have been re-imagined through HTML5! The site looks pretty clean and I’m anxious to dive in and test out some of these games. According to Atari Arcade’s website: [...]

Posted by: Atari Arcade - GeektheNew… on Dec 28, 2012 11:59am URL: http://www.geekthenews.com/2012/12/28/atari-a…

The page will not load for me at all using Firefox 17.1 or IE9. Interestingly, IE9 throws a "cannot display webpage" error when attempting to access...lol. No toolbars installed.

Posted by: Lark on Jan 7, 2013 6:17am

i will menu it´s so fucking nice

Posted by: rexreb on Jun 25, 2013 8:13am URL: http://www.weblt.de.lv

I want top play atari at arcade. With the newest game with my tokens or card.

Posted by: Marcelo on Jun 4, 2014 4:42pm

Leave a Reply

Your email is never published nor shared.




You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>