An HTML 5 Game in 45 Minutes Steve

  • Slides: 19
Download presentation
An HTML 5 Game in 45 Minutes Steve Taylor Utah Code Camp, March 2015

An HTML 5 Game in 45 Minutes Steve Taylor Utah Code Camp, March 2015

Who is Steve Taylor? • Wahoo Studios / Ninja. Bee • Shipped multiple HTML

Who is Steve Taylor? • Wahoo Studios / Ninja. Bee • Shipped multiple HTML 5 games on multiple platforms • … and a lot of other games over the years…

The Plan • Build a Game From Scratch • Review HTML 5 Game Opportunities

The Plan • Build a Game From Scratch • Review HTML 5 Game Opportunities • Q&A

Build A Game… • Setup • Graphics • Input • Audio

Build A Game… • Setup • Graphics • Input • Audio

Acquiring Images…

Acquiring Images…

Finding Images…

Finding Images…

For Example: • http: //www. over 00. com/index. php/archives/1844 • “Well you are free

For Example: • http: //www. over 00. com/index. php/archives/1844 • “Well you are free to do anything with these (beside selling them though creating a commercial project with them is fine)”

Acquiring Audio • Bfxr: • http: //www. bfxr. net/ • “You have full rights

Acquiring Audio • Bfxr: • http: //www. bfxr. net/ • “You have full rights to all sounds made with bfxr, and are free to use them for any purposes, commercial or otherwise. ” • Convert to MP 3: • http: //audio. online-convert. com/convert-tomp 3

Ready set go…

Ready set go…

HTML 5 Game Opportunities • Browser • Desktop Native • Mobile • Consoles

HTML 5 Game Opportunities • Browser • Desktop Native • Mobile • Consoles

HTML 5 Browser Opportunities • All modern browsers • Kongregate, FGL, etc. • Console

HTML 5 Browser Opportunities • All modern browsers • Kongregate, FGL, etc. • Console Browsers (PS 4, Xbox One, in particular)

Desktop • Windows 8 • Windows UAP • Win 10 Desktop, Tablet, Xbox One,

Desktop • Windows 8 • Windows UAP • Win 10 Desktop, Tablet, Xbox One, Phone • Mac. OS • Web. View, Tide. SDK, etc. • Linux • Tide. SDK, etc.

Mobile • Intel XDK (i. OS, Android, Windows Phone, etc. ) • Crosswalk (Android)

Mobile • Intel XDK (i. OS, Android, Windows Phone, etc. ) • Crosswalk (Android) • Packaged Apps (Amazon Store, Google Play) • Others…

Console Native • Wii. U • Xbox One

Console Native • Wii. U • Xbox One

Q&A

Q&A

Resources • Project • wahoo. com/play/html 5 in 45/ • Contact me • Steve

Resources • Project • wahoo. com/play/html 5 in 45/ • Contact me • Steve Taylor • stay@wahoo. com • HTML 5 Stuff • www. html 5 rocks. com • … and a billion other websites