Your SlideShare is downloading. ×
HTML5: New UI Library for Games - Chad Austin
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5: New UI Library for Games - Chad Austin

5,583

Published on

Published in: Design, Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,583
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
34
Comments
0
Likes
4
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. HTML5: The New UI Library ForGames>  Chad Austin>  Technical Director, IMVU
  • 2. HTML IS WINNING
  • 3. Browser wars are hotter thanever>  Features like canvas, SVG, CSS3, becoming standard>  GPU accelerated compositing & rasterization>  Tracing JITs
  • 4. Terminology>  HTML = markup + CSS + JS + Canvas + sockets + etc.>  Mozilla = Firefox = Gecko
  • 5. HISTORY OF IMVU’S UI
  • 6. 2004-2007: C++ & OpenGL
  • 7. C++, GL, Win32>  Cons >  Hard to find talent >  Hard to maintain >  Long recompiles and iteration times >  Inflexible
  • 8. 2007-2009: Flash
  • 9. Flash, Flex>  Pros >  Able to iterate >  Easy animation, video>  Cons >  High memory usage, address space leaks >  Looong mxmlc compile times >  Buggy
  • 10. 2009+: HTML
  • 11. Pros!>  Very fast iteration>  Matched intended design to the pixel>  Performance was fantastic>  Render to texture and composite in 3D scene
  • 12. 2009+: HTML
  • 13. 2009+: HTML
  • 14. 2009+: HTML
  • 15. BENEFITS OF HTML
  • 16. Lingua Franca
  • 17. Hot Reloading, Firebug
  • 18. jQuery, YUI
  • 19. Advertising
  • 20. DEMO
  • 21. PERFORMANCE?
  • 22. If your browser can handle this…
  • 23. Performance>  Nota bottleneck for us>  Even 3D overlays!>  <1 MB per Gecko document loaded >  1000s of friends, inventory items
  • 24. Performance (Friends) Some DOM ops are O(n), use b-tree
  • 25. Performance (Inventory)Be careful to release image elements when scrolled out of view
  • 26. Today’s Drawbacks>  Elaborate animation still easier in Flash than SVG/Canvas/JS>  3D: WebGL not prime time yet>  Tracing JITs hungrier than Lua/C++
  • 27. WHO ELSE USES HTML FORUI?
  • 28. Wolfire – Overgrowth
  • 29. Wolfire – Overgrowth (con’t)
  • 30. Electronic Arts – Skate 3
  • 31. Netflix on PlayStation 3
  • 32. In-game Browsers>  Second Life>  CCP – EVE Online>  Funcom – Anarchy Online, Age of Conan>  ArenaNet – Guild Wars 2
  • 33. Getting Started>  WebKit http://webkit.org/ vs. Gecko https://developer.mozilla.org/en/Gecko>  We chose Gecko, most use WebKit (EA’s PS3 port: http://gpl.ea.com/skate3.html)>  Leverage entire stack: stream pixels from HTTP into texture
  • 34. Wrappers>  http://ubrowser.com/>  http://wiki.secondlife.com/wiki/LlMozLib>  http://wiki.secondlife.com/wiki/LLQtWebKit>  http://www.khrona.com/products/awesomium/>  http://berkelium.org/
  • 35. Recap>  HTML and web technologies are advancing quickly>  Already suitable for in-game UIs>  Rapid development and iteration>  Worked for us, may work for you!
  • 36. Questions? chad@imvu.comhttp://engineering.imvu.com We’re hiring!

×