• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Creating Compelling Graphics - by Genera
 

Creating Compelling Graphics - by Genera

on

  • 711 views

 

Statistics

Views

Total Views
711
Views on SlideShare
627
Embed Views
84

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 84

http://developer.vodafone.com 78
https://developer.vodafone.com 6

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Creating Compelling Graphics - by Genera Creating Compelling Graphics - by Genera Presentation Transcript

    • Vodafone / 3GSM Barcelona 2010
    •  Genera Mobile  Apps - Genera Interactive  Games – Bravo Game Studios  New oportunities for mobile developers around global markets and new standards and technology platforms
    •  Internet mobile experience to be redefinied around sucess of desktop Web 2.0  Advanced browsers running on mobile ▪ Webkit ▪ Opera  On Device Portal Technologies  Flash Lite  Java J2ME  Symbian OS  3rd parties technologies ( Yahoo, TagsME, Streammezoo, … ) ▪ Web Run Times ▪ Nokia ▪ iPhone’s WebApp
    •  WRT - Web Run Time engines available in every major mobile platform  Universally available technology  W3C Widgets 1.0 - Widget Packaging and Configuration standard  2009  BONDI / JIL / Limo  Nokia/ Blackberry/Samsung/LG/Windows Mobile/Qualcomm
    •  DHTML / DOM  Traditional DHTML programming  SVG  Scalable Vectorial Graphics  Canvas  Raster / bitmap based
    • + -  Very flexible system  Memory and resources  CSS hungry  No control about screen  Liquid design update  Strongly documented  Non-predictable  Advanced design tools performance updates  No custom fonts supported
    • + -  Scalable vectorial graphic  Extremelly slow on high with maximun quality at resolutions any resolution  No dynamic SVG support in some devices yet.
    • + -  Inmediate mode  Not as powerful as DOM  Full control of graphical primitives rendering update costs  No CSS  Scalable performance  No automatic align  Extremely memory  Do it your self ! efficient  Custom rendering primitives  Advanced transformations
    • DOM / SYSTEM TEXTS DOM/ IMAGE SLICES  No standard fonts  Each text is replaced by a supported div, as a container of  Just one scalable font graphic slices, with one available in 360 slice per leter taken from a font image.  Custom graphic rendering  Color and antialias supported  Consume extensive memory on DOM nodes
    • COORDINATES ARRAY SOURCE ART  ['@', 112, 29, 21, 29],  ['A', 133, 29, 17, 29],  ['B', 150, 29, 14, 29],  ['C', 164, 29, 14, 29],  ['D', 178, 29, 16, 29],  ['E', 194, 29, 14, 29],  ['F', 208, 29, 14, 29],  ['G', 222, 29, 15, 29],  ['H', 237, 29, 17, 29],  ['I', 0, 58, 12, 29],  ['J', 12, 58, 15, 29],  ['K', 27, 58, 14, 29],  ['L', 41, 58, 13, 29],  ['M', 54, 58, 20, 29],  ['N', 74, 58, 18, 29],  ['O', 92, 58, 18, 29],
    • CANVAS SYSTEM
    •  Interval / Timer based javascript  Individual timer per objet  Shared timer / managed loop ▪ Opera / Animation.js sample  Browser managed  CSS3 Animations  SMIL ▪ Not supported yet in most of WRTs
    •  Complete implementations of  JIL extensions  HTML5  CSS3 Animations  SVG with DOM manipulation  WebGL  Universally supported in most of handsets and platforms  Desktop  TV  Replacement of J2ME as standard mobile application and small games development
    • Vodafone / 3GSM Barcelona 2010