Sviluppo e deployment cross-platform: Dal mobile alla Tv

<Andrea Trento> - <@andreatrento> – <Interpreting>

Sviluppo e deployment cross-platform: Dal mobile alla Tv

Andrea Trento


Andrea Trento


Specializzato in cross-platform games e applications dal 2000

Managing Director e Lead Developer in Interpreting

Flash Platform, C++, Objective-C, Action Script

Adobe Community Professional Mobile & Devices, Adobe User Group Manager.


“By definition, a cross contents is one that can be used in multiple location, platform and while moving…”

“Per definizione, un contenuto cross può essere usato in luoghi e piattaforme differenti e in movimento…”


Terminata la progettazione…Dobbiamo sviluppare per i vari dispositivi…

A livello tecnico di solito le soluzioni sono:

Nativo C++, Qt, Java, Objective-C

Ibrido Xhtml, Css, JavaScript, JQuery mobile, PhoneGap, ecc.

HTML5


WORA Write Once Run Anywhere

Progettare in maniera corretta ed efficace

Sviluppare con le giuste tecnologie

Sviluppare con tools efficaci.


Flash Player 10.1 - AIR 2.5 10.2 – 2.6

In browser e out of browser

WEB – MOBILE – TABLET - DESKTOP – TV – AUTOMOTIVE - (DEVICES)

ActionSript 3.0


MultiscreenContent and Applications

FlexFlex Flash Media Server FamilyFlash Media

Server FamilyFlash

PlatformServices

Flash PlatformServices

AIRAIR

Flash PlayerFlash Player

Flash BuilderFlash Builder

FlashCatalystFlash

CatalystFlash

ProfessionalFlash

Professional

FLA

SH

PLA

TF

OR

M

TOOLSTOOLS FRAMEWORKFRAMEWORK CLIENTSCLIENTSSERVICESSERVICESSERVERSSERVERS

LiveCycleLiveCycle


ActionScript 3.0 Reference for the Adobe Flash Platform

• http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/index.html


Nuove Features:

Multi-touch e gestures

Accelerometer

Screen orientation

Mobile text input

Sleep mode

Graphics hardware acceleration

Stage video

H.264 video decoding

Compatibilità e integrazione con i device

…


Per avere buoni content dobbiamo considerare:

Scripting performance

Start-up time

Sleep mode

Battery life

CPU

Hardware acceleration

Memory utilization

… e molte altre cose.

Molti pensano che la Flash Platform e AS3 non siano in grado farlo…


Architetture e design patterns


ship.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom);

function onZoom(e:TransformGestureEvent):void

{

ship.scaleX *= e.scaleX;

ship.scaleY = ship.scaleX;

}

ship.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate);

function onRotate(e:TransformGestureEvent):void

{

ship.rotation += e.rotation;

}

AS3


import flash.events.StageOrientationEvent;

stage.scaleMode = StageScaleMode.NO_SCALE;stage.align = StageAlign.TOP_LEFT;

function setPosition():void{vidHolder.x = stageWidth/2 - vidHolder.width/2;vidHolder.y = stageHeight/2 - vidHolder.height/2;

//If the layout is verticalif (stage.stageWidth < stage.stageHeight){//Adjust graphics}

}setPosition();

stage.addEventListener(Event.RESIZE, resizeLayout);function resizeLayout(e:Event):void{

setPosition();}

AS3


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

var accel:Accelerometer = new Accelerometer();accel.addEventListener(AccelerometerEvent.UPDATE, update);

function update(e:AccelerometerEvent):void{

e.accelerationX;e.accelerationY;e.accelerationZ;

}

AS3


import flash.sensors.Geolocation;import flash.events.GeolocationEvent;

var geo = new Geolocation();geo.setRequestedUpdateInterval(1000);

geo.addEventListener(GeolocationEvent.UPDATE, onTravel);

function onTravel(event:GeolocationEvent):void{

long.text = event.latitude.toString();lat.text = event.longitude.toString();heading.text = event.heading.toString();speed.text = event.speed.toString();hacc.text = event.horizontalAccuracy.toString();vacc.text = event.verticalAccuracy.toString();

}

AS3


import flash.media.CameraRoll;import flash.events.Event;

var cr:CameraRoll = new CameraRoll();cr.addEventListener(Event.COMPLETE, completeHandler);

function completeHandler(evt:Event):void {trace("bitmapData successfully added");}

if (cr.supportsAddBitmapData) {cr.addBitmapData(bitmap);}

AS3


Minimizzare l’istance allocations:

Ottimizzare


Usare un frame rate più basso possibile

stage.frameRate = 4;

Variare dinamicamente il frame rate

Variare dinamicamente lo StageQuality (Low, Medium, High, Best)

Usare enterFrame quando necessario

Evitare timers e usarne uno solo per tutta l’applicazione

Ridurre al minimo gli eventi in esecuzione contemporaneamente

Ottimizzare


Usare l’appropriato type di display object, usare anche getSize() per ottenere e monitorare l’object size:

Per object che non sono interattivi, usare Shape();

trace(getSize(new Shape()));

Per interattività non timeline, usare Sprite();

trace(getSize(new Sprite()));

Per animation, usare Movieclip();

trace(getSize(new MovieClip()));

Ottimizzare


Anche quando si rimuove dal display list, il movie clip rimane dispatched ed influisce:

ship.addEventListener(Event.REMOVED_FROM_STAGE,deactivate);

function deactivate(e:Event):void{

e.currentTarget.removeEventListener(Event.ENTER_FRAME,handleMovement);e.currentTarget.stop();

}

Ricordarsi di mettere a null gli oggetti, eliminarli se non servono.Non metterli mai fuori dallo stage e gestirli con visible = false; se necessario

unloadAndStop(), null, delete.

Ottimizzare


<initialWindow>

<content>[...]</content>

<resizable>true</resizable>

<autoOrients>false</autoOrients>

<fullScreen>false</fullScreen>

<visible>true</visible>

<renderMode>gpu</renderMode>

</initialWindow>

square.cacheAsBitmap = true;

quare.cacheAsBitmapMatrix = new Matrix();

Ottimizzare


Usare un frame rate più basso possibile

stage.frameRate = 4;

Variare dinamicamente il frame rate

Variare dinamicamente lo StageQuality (Low, Medium, High, Best)

Usare enterFrame quando necessario

Evitare timers e usarne uno solo per tutta l’applicazione

Ridurre al minimo gli eventi in esecuzione contemporaneamente

Ottimizzare


Ottimizzare





Andrea Trento Twitter - @andreatrento

Mail - [email protected]

Technology

Sviluppo e deployment cross-platform: Dal mobile alla Tv