GDG DevFest - HTML5 Game Development

Slide presentation during the ff events:
- 2014 GDG DevFest Baguio held at University of Baguio
- 2013 GDG DevFest Cagayan De Oro held at N Hotel, Cagayan De Oro

Transcript

2. Ralph Vincent Regalado • Co-founder and CEO of Senti • Assistant Professor at De La Salle University, Manila • Member of DLSU Net-Centric Computing Laboratory • Teaches Mobile and Web Development, Technopreneurship and Startup Engineering Course
3. What to expect? HTML5 Introduction HTML5 Canvas Create games using HTML5 So?
4. What “I” expect? Listen attentively. Don’t be shy!
5. HTML5 Introduction
6. History HTML 4.0 HTML 4.01 XHTML 1.0 Web Applications 1.0 HTML 5
7. Why is HTML5 needed?
8. The Itch HTML 4.0/4.01
9. The Solution
10. Semantics Offline & Storage Device Access Connectivity Multimedia 3D, Graphics, Effects Performance & Integration CSS3
11. HTML5 Elements Structure Elements Content Elements section hgroup footer article aside figure figcaption mark time Media Elements audio video canvas Form Input types Input attributes
12. Creating Games using HTML5
13. HTML5 Game Demo
14. HTML5 Canvas
15. HTML5 Canvas My favorite feature of HTML. Allows you to manipulate graphics or create them from scratch. Used with together Javascript to create dynamic graphics and animations.
16. 2d Rendering Context Provides all the necessary methods and functionality to draw on. You draw on the 2d rendering context and you access and display it through the canvas.
17. 2d Rendering Context Follows a coordinate system
18. Let’s draw some objects Note We will be using Jquery Javascript Library in all of our examples.
19. Let’s put some animation! Note We will be using the sprites created by Team Excelsior for their game Squishy Tales
20. So?
21. What to do after? Rejoice! Port your apps! Use PhoneGap or other cross-mobile platforms. READ and LEARN MORE!
22. All of us can be HTML5 Gurus!
23. Questions?
24. Ralph Vincent Regalado @regalandroid THANK YOU!