Upgrade to Pro — share decks privately, control downloads, hide ads and more …

2013 JFFC - HTML5 Game Development

2013 JFFC - HTML5 Game Development

Slide presentation during the "Junior Form, Function and Class - Philippine Web Design Student Conference 2013" at the University of Sto. Tomas, Philippines

Ralph Vincent Regalado

February 17, 2013

More Decks by Ralph Vincent Regalado

Other Decks in Education


  1. Ralph Vincent Regalado • Instructor at De La Salle University

    • Member of DLSU Net-Centric Computing Laboratory • Head of DLSU Nokia Mobile Center • Teaches Mobile and Web Development Course
  2. 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
  3. 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.
  4. 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.
  5. Let’s draw some objects Note We will be using Jquery

    Javascript Library in all of our examples.
  6. Let’s put some animation! Note We will be using the

    sprites created by Team Excelsior for their game Squishy Tales
  7. So?

  8. What to do after? Rejoice! Port your apps! Use PhoneGap

    or other cross-mobile platforms. READ and LEARN MORE!