jsFoo - HTML5 and Social Games

Starting BitsAre you a JavaScript geek?Have you worked with HTML 5?Have you ever developed any computer game?Have you ever developed any pure-JavaScript game? www.edujini.com Copyright © 2011, Edujini Labs Pvt. Ltd. All rights reserved.

HTML 5A lot of new crazy stuff!Key items for our purpose: • Canvas • Audio • Video • Local Storage • History • Offline (Cache!) www.edujini.com Copyright © 2011, Edujini Labs Pvt. Ltd. All rights reserved.

“Effective Development” ParametersUser Centric: • Usability • Fluid interface • Responsiveness • “Smart” capabilitiesApplication / Game Centric: • Memory • Speed • Bandwidth • Updates & Notifications www.edujini.com Copyright © 2011, Edujini Labs Pvt. Ltd. All rights reserved.

CanvasThe real playground for all drawing and animationsKey features: • Drawing shapes • Copying an image / video • Transformations  Scaling • Save / Restore www.edujini.com Copyright © 2011, Edujini Labs Pvt. Ltd. All rights reserved.

Canvas (contd.)How you actually draw / animate: • Define border and/or fill details • Draw shapes or Copy image / video-snapshot • Fill and Stroke • Do this periodically  Clean the viewport www.edujini.com Copyright © 2011, Edujini Labs Pvt. Ltd. All rights reserved.

Local StorageNew HTML 5 Object: • localStorageProperties & Functions: • getItem(“”) • setItem(“”, ?) • removeItem(“”) • clear() • key(index) • lengthEvent: • onstorage www.edujini.com Copyright © 2011, Edujini Labs Pvt. Ltd. All rights reserved.

HistoryLet’s just look at github.comObject: • historyFunctions & properties: • pushState(stateObj, title, url) • replaceState(stateObj, title, url) • popState() • stateEvents: • onpopstate www.edujini.com Copyright © 2011, Edujini Labs Pvt. Ltd. All rights reserved.

Offline / CacheSimplest but very powerfulDirects browser to “always” cache the filesHow to do: <html manifest=“file”>Contents: • CACHE MANIFEST • File-list www.edujini.com Copyright © 2011, Edujini Labs Pvt. Ltd. All rights reserved.

Contact MeEmail: gaurav.vaish@gmail.comGTalk: gaurav.vaishFacebook: http://on.fb.me/mastergauravTwitter: http://twitter.com/mastergauravLinkedIn: http://www.linkedin.com/in/mastergauravPersonal: http://www.mastergaurav.com Thank You! www.edujini.com Copyright © 2011, Edujini Labs Pvt. Ltd. All rights reserved.

http://blogs.mastergaurav.com	1868
http://www.mastergaurav.com	1134
http://paper.li	9
http://translate.googleusercontent.com	6
http://abtasty.com	4
http://blogs.jayesha.com	3
http://a0.twimg.com	2
http://webcache.googleusercontent.com	1

jsFoo - HTML5 and Social Games

by Gaurav Vaish

Accessibility

Categories

Upload Details

Usage Rights

8 Embeds 3,027

Statistics

jsFoo - HTML5 and Social Games Presentation Transcript