Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
JavaScript Game Development                     An OverviewGrant Goodalegrant@massivelyfun.com@ggoodale (me)@massivelyfun ...
=    (for games)
Open Web TechnologiesDOM / CSS3  Yes, you can build DOM games! (Word2, CraftyJS)  Most widely supported  H/W Accelerated C...
Open Web TechnologiesCanvas: Low-level 2D drawable regionHardware-accelerated almost everywhereSpec: http://j.mp/canvas_sp...
Open Web TechnologiesWebGL: H/W accelerated 3D interface on top ofcanvasRuns on the GPU (must be shader-capable)shaders sp...
Open Web TechnologiesWebSockets (low-level data transport)  Supported in all major browsers, but spec version  variesWeb W...
Why do I care?“I am a __________ andwould like to build ____    games for _____.”                           Image: http://...
Why do I care?(Check all that apply)I Am:                      I Want To:  a web developer           build web games  a Fl...
Distribution! ABI Research: 2.1 billion HTML5-capable mobile devices by 2015 Windows 8 Metro - no plugins (pure HTML5) Ric...
We’re just getting started  Rich Hilleman, speaking of desktop browsers:    “No reason we can’t have immersive experiences...
The Rough SpotsDevelopment toolsPerformance (not at the front of the curve, butdramatically improved over 6 months ago)Ass...
Coming from Flash?ThinkPixel’s PL (https://github.com/thinkpixellab/pl/tree/master/src/retained)Easel.js: http://easeljs.c...
Coming from C/C#/C++?WebGL 3D is challenging right now (IE, mobile supportlacking)three.js works on 2D canvas and is AMAZI...
Coming from Web Dev?Get reading!Dozens of tutorials, engines, and other resources tohelp you get started:  Engines: http:/...
We’re Hiring!jobs@massivelyfun.com
Upcoming SlideShare
Loading in …5
×

Seattle javascript game development - Overview

1,853 views

Published on

  • For those interested in Rich Hilleman's talk from New Game 2011, you can watch it here: http://www.youtube.com/watch?v=mwgsqEPC6Kc
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Seattle javascript game development - Overview

  1. 1. JavaScript Game Development An OverviewGrant Goodalegrant@massivelyfun.com@ggoodale (me)@massivelyfun (us) #seagamejs February 8, 2012
  2. 2. = (for games)
  3. 3. Open Web TechnologiesDOM / CSS3 Yes, you can build DOM games! (Word2, CraftyJS) Most widely supported H/W Accelerated CSS3 in most browsersJavaScript (Code) Performance is an active topic of research
  4. 4. Open Web TechnologiesCanvas: Low-level 2D drawable regionHardware-accelerated almost everywhereSpec: http://j.mp/canvas_specTutorials: https://developer.mozilla.org/en/Canvas_tutorial
  5. 5. Open Web TechnologiesWebGL: H/W accelerated 3D interface on top ofcanvasRuns on the GPU (must be shader-capable)shaders specified in a dialect of GLSLNo mobile support yet, not supported in IE
  6. 6. Open Web TechnologiesWebSockets (low-level data transport) Supported in all major browsers, but spec version variesWeb Workers (background processing) Multithreaded background tasks in JavaScript Supported in all desktop browsers, iOS 5.x
  7. 7. Why do I care?“I am a __________ andwould like to build ____ games for _____.” Image: http://umad.com
  8. 8. Why do I care?(Check all that apply)I Am: I Want To: a web developer build web games a Flash game developer build Facebook games a C/C#/C++ game build games for mobile developer devices not a developer (yet) build in 2D build in 3D
  9. 9. Distribution! ABI Research: 2.1 billion HTML5-capable mobile devices by 2015 Windows 8 Metro - no plugins (pure HTML5) Rich Hilleman, CCO EA @ New Game Conf: "When you get paid on the way out the door, you want the maximum distribution possible from all possible sites."
  10. 10. We’re just getting started Rich Hilleman, speaking of desktop browsers: “No reason we can’t have immersive experiences on this platform” “PS2-level hardware is where we’re at now, more than enough for immersive experiences” Accelerants: Spaceport, appMobi open source, Bocoup, us. :)
  11. 11. The Rough SpotsDevelopment toolsPerformance (not at the front of the curve, butdramatically improved over 6 months ago)Asset management / asset pipelineSound
  12. 12. Coming from Flash?ThinkPixel’s PL (https://github.com/thinkpixellab/pl/tree/master/src/retained)Easel.js: http://easeljs.com/ Retained-mode graphics Hierarchical Display ListSee also: Zoë http://easeljs.com/zoe.html (spritesheets from SWF animations)
  13. 13. Coming from C/C#/C++?WebGL 3D is challenging right now (IE, mobile supportlacking)three.js works on 2D canvas and is AMAZING: http://mrdoob.github.com/three.js/Gamepad support, mouse lock, fullscreen - all beingworked on, none ready yetBF3 for the web is a year or two out.
  14. 14. Coming from Web Dev?Get reading!Dozens of tutorials, engines, and other resources tohelp you get started: Engines: http://easeljs.com, http://impactjs.com Canvas tutorial: https://developer.mozilla.org/en/ Canvas_tutorial WebGL: http://learningwebgl.com
  15. 15. We’re Hiring!jobs@massivelyfun.com

×