Creating Compelling Graphics - by Genera

  • 541 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
541
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Vodafone / 3GSM Barcelona 2010
  • 2.  Genera Mobile  Apps - Genera Interactive  Games – Bravo Game Studios  New oportunities for mobile developers around global markets and new standards and technology platforms
  • 3.  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
  • 4.  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
  • 5.  DHTML / DOM  Traditional DHTML programming  SVG  Scalable Vectorial Graphics  Canvas  Raster / bitmap based
  • 6. + -  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
  • 7. + -  Scalable vectorial graphic  Extremelly slow on high with maximun quality at resolutions any resolution  No dynamic SVG support in some devices yet.
  • 8. + -  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
  • 9. 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
  • 10. 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],
  • 11. CANVAS SYSTEM
  • 12.  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
  • 13.  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
  • 14. Vodafone / 3GSM Barcelona 2010