I present how using very simple HTML5 techniques integrating SVG in the DOM we can have a mobile HTML5 app on "creating moods" with a short production cycle. The I show how to integrate it to Facebook with a pure JavaScript solution.
8. How to Add Scalable Vector Graphics toYour
Web Page http://www.sitepoint.com/add-
svg-to-web-page/
Inline SVG XML Embedded IntoYour HTML5
Page
“The method works in all HTML5 browsers
and also permits animation, scripting and
CSS”
8
21. Nice that:
- “works” in the limited means of the
mobile browser JS environment. No
(app specific) server, no database.
P.S. : Same for pictures and videos
taken from your phone!!!
Scales!
22. Get the levels right
http://www.flickr.com/
photos/dreamtea/sets/
72157634248345402/
22
30. - So little is implemented uniformly of HTML5
specification
- Android’s …
- Media performance (sound, animation) seems
intentionally botched.
“An HTML5 audio library for mobile that tries to actually
work”
http://pupunzi.open-lab.com/2013/03/13/making-html5-audio-actually-
work-on-mobile/
HATE
30
31. Practical, low cost aspects of html5:
- Ease of reform / release often / expand:
This is a great advantage in balancing / fun
phase which in games is a considerable part
- CTRL-R compile
- Used to beautiful fonts / typographic design.
It’s a nightmare in say Unity3d.
LOVE
31
32. HTML5 apps are ideal for
gamified solution, as integration
in web sites / intranets, social
networks is natural.
HTML5 ideal for gamified solutions.
33. My twitter stream is mostly
dedicated to game design:
http://twitter.com/ppolsinelli
A blog on game design
http://designagame.eu