multiplatform game design & development

Multi-platform GameDesign & DevelopmentAdobe Flash Platform

Hemanth SharmaPlatform Evangelist, Adobe Systems

http://www.hsharma.com@hemanthsharma

http://www.facebook.com/hemanthsharma

Friday 4 November 11

Multi-platform


Multi-platform

Google Android

BlackBerry PlayBook

Apple iOS

Windows

Macintosh

Linux


Multi-platform

Across devices

Richer experience

Visibility

More customers

RevenueWHY?


Multi-platform

Technology

Display Resolution

Screen Density (DPI)

Physical Size

Input

Processor & Memory

Developer Challenges


The Process


The Process

Concept

Prototype

Concept Art

Development

Testing & Optimization

Deployment


Screen Resolution


Screen Resolution

320 px

480 pxPhone


Screen Resolution

480 px

800 pxPhone


Screen Resolution

640 px

960 pxPhone


Screen Resolution

768 px

1024 pxTablet


Screen Resolution800 px

1280 pxTablet


Screen Resolution

1. Different Resolution

2. Scaling

3. Crop


Screen Resolution


Screen ResolutionDifferent Resolution

350 x 350600 x 600logo_350.pnglogo_600.png


Screen ResolutionDifferent Resolution

1024 x 768

640 x 960

bg_1024.png

bg_640.png


Screen ResolutionScaling


Screen ResolutionScale Down

Scale Up


Screen ResolutionCrop


Graphics

Vector Graphics

Raster (Bitmap) Graphics


Screen DPI


Screen DPI

Desire HD iPhone 4

480 px

640 px

800 px960 px

Virtually


Screen DPI

Desire HD iPhone 4

480 px

640 px

800 px960 px

Physically


Screen DPI

Desire HD iPhone 4

Physically

480 px640 px

800 px 960 px


Screen DPI

Desire HD iPhone 4

480 px640 px

800 px 960 px

Physically

1 inch

240 px

240 px1 inch

326 px

326 px


Screen DPI

Device Resolution DPI

Apple iPhone 4S 640 x 960 326

HTC Desire HD 480 x 800 240

Apple iPad 768 x 1024 132

Samsung Galaxy 10.1 Tab 800 x 1280 149

BlackBerry PlayBook 600 x 1024 192


Screen DPIContent Scaling for Virtual Size

object.width = n;


Screen DPIContent Scaling for Physical Size

object.width = flash.Capabilities.screenDPI * physicalSize;


Input


Input

Keyboard

Mouse

Multi-touch

Gestures

Accelerometer

Microphone

Camera


Keyboard

import flash.events.KeyboardEvent;

stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDown_handler);

protected function keyDown_handler(event:KeyboardEvent):void { trace(event.keyCode);}


Mouse

import flash.events.MouseEvent;

stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown_handler);


Multitouch

import flash.ui.Multitouch;import flash.ui.MultitouchInputMode;import flash.events.TouchEvent;

if (Multitouch.supportsTouchEvents) {Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;

stage.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin);stage.addEventListener(TouchEvent.TOUCH_END, onTouchEnd);

}

protected function onTouchBegin(event:TouchEvent):void { trace(event.touchPointID);}


Multitouch Gesturesimport flash.ui.Multitouch;import flash.ui.MultitouchInputMode;import flash.events.TransformGestureEvent;

if (Multitouch.supportsGestureEvents) {Multitouch.inputMode = MultitouchInputMode.GESTURE;stage.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onRotate);stage.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onZoom);

}

protected function onRotate(event:TransformGestureEvent):void { trace(event.rotation);}protected function onZoom(event:TransformGestureEvent):void { trace(event.scaleX + ", " + event.scaleY);}


Accelerometerimport flash.sensors.Accelerometer;import flash.events.AccelerometerEvent;

var acc_obj:Accelerometer;

if (Accelerometer.isSupported) { acc_obj = new Accelerometer(); acc_obj.addEventListener(AccelerometerEvent.UPDATE, onAccUpdate);}

private function onAccUpdate(event:AccelerometerEvent):void { trace(event.accelerationX); trace(event.accelerationY); trace(event.accelerationZ);}


Input

Accelerometer Check Multitouch/Gestures Checkor

Keyboard Fallback Mouse Fallbackor


Technology


Technology

Java

Objective-C

C or others


Technology

.apk

.bar

.ipa


Technology

.apk

.bar

.ipa

Adobe Flash Platform


Technology

DEMO


Game Engines - 2D

• Flixel (http://flixel.org/)

• FlashPunk (http://flashpunk.net/)

• PushButton (http://pushbuttonengine.com/)


http://flixel.org

http://flixel.org

http://flashpunk.net

http://flashpunk.net

http://pushbuttonengine.com

http://pushbuttonengine.com

Game Engines - Isometric

• AS3 ISO Lib (http://code.google.com/p/as3isolib/)

• TheoWorlds (http://www.theoworlds.com/)


http://code.google.com/p/as3isolib/

http://code.google.com/p/as3isolib/

http://www.theoworlds.com

http://www.theoworlds.com

Game Engines - Physics

• JigLib (http://www.jiglibflash.com/blog/)

• Box2D (http://box2dflash.sourceforge.net/)

• APE (http://www.cove.org/ape/)

• WOW (http://code.google.com/p/wow-engine/)


http://www.jiglibflash.com/blog/

http://www.jiglibflash.com/blog/

http://box2dflash.sourceforge.net

http://box2dflash.sourceforge.net

http://www.cove.org/ape/

http://www.cove.org/ape/

http://code.google.com/p/wow-engine/

http://code.google.com/p/wow-engine/

Multiplayer / Multiuser

P2P

Socket & SocketServer


3D & GPU

Stage 3D (Molehill)http://alternativaplatform.com/en/demos/maxracer/

Starling Frameworkhttp://www.starling-framework.org


http://alternativaplatform.com/en/demos/maxracer/

http://alternativaplatform.com/en/demos/maxracer/

Questions?

http://www.hsharma.com

@hemanthsharma

http://www.facebook.com/hemanthsharma

http://www.adobe.com/gaming

http://labs.adobe.com
