Today's Question:  What does your personal desk look like?        GIVE A SHOUT

 HTML5

  Going Fullscreen with Canvas

As notes in the Release Notes, Firefox Aurora introduced the Fullscreen API. This means that it will appear in the release version of Firefox in about 3 months.This is one of several features that will be fantastic for games on the web. Other exciting APIs are theGamepad, Canvas, and Audio. Some of these APIs still need work to be suitable for real-time games, but it’s a great time to be involved in building games for the web.I wanted to try out the Fullscreen API so I built this demo. This should work in both Firefox and Chrome. Try it out:Go FullscreenView the sour...

3,243 0       HTML5 CANVAS FULL SCREEN 2D DRAWING


  Developing Game Audio with the Web Audio API

Caution: This article discusses APIs that are not yet fully standardizedand still in flux. Be cautious when using experimental APIs in your own projects.IntroductionAudio is a huge part of what makes multimedia experiences socompelling. If you've ever tried watching a movie with the sound off,you've probably noticed this.Games are no exception! My fondest video game memories are of the musicand sound effects. Now, in many cases nearly two decades after playingmy favorites, I still can't get Koji Kondo's Zeldacompositions and Matt Uelmen's atmospheric Diablosoundtrack out of my head. The same c...

3,214 0       HTML5 WEB AUDIO GAME AUDIO


  How to create offline HTML5 web apps in 5 easy steps

Among all cool new features introduced by HTML5, the possibility of caching web pages for offline use is definitely one of my favorites. Today, I’m glad to show you how you can create a page that will be available for offline browsing.Getting startedView DemoDownload files1 – Add HTML5 doctypeThe first thing to do is create a valid HTML5 document. The HTML5 doctype is easier to remember than ones used for xhtml:<!DOCTYPE html><html> ...Create a file named index.html, or get the example files from my CSS3 media queries article to use as a basis for this...

2,742 0       HTML5 DEMO STEPS OFFLINE STORE CACHE


  Diving Deeper into HTML5 Offline Browsing

Recently, I published an article on one of the new features in HTML 5 called Offline Browsing  in HTML5 with ApplicationCache.The response to that article was good, and I was asked to expand on some further points including:how to decide on what files to cachethe implications of caching those filesdebugging the ApplicationCacheSo, that’s where this article will start: where the last one finished.  If you haven’t, you should probably read the previous article before this one.Let’s dive into what resources you and should not add to the ApplicationCache.What Should ...

2,648 0       HTML5 OFFLINE BROWSING NEW BREAKTHROUGH FEATURE


  Tips, Tricks and Tools You Will Need to Start Using HTML5 Today

IntroductionHTML5 has been a really hot topic in web development. With the support of most modern browsers available (Safari, chrome, firefox, IE10 and mobile devices), even though the specification has not fully completed yet, but many people have already adopted it as the main technology for all the web development projects. Online giant websites such as Google, facebook, twitter and youtube, they are all built in HTML5!For me, the most exciting features of HTML5 are the canvas and the robust form capabilities. Canvas experiment can be seen all over the places (not IE, better with Chrome) bu...

2,646 0       TIPS HTML5 WEB DEVELOPMENT TOOLS TRICKS


  5 tips for developing HTML5 mobile games

Previously at Creat Studios, Vivendi Games Mobile and JAMDAT, amongst others, Scott brings eighteen years of industry experience to MocoSpace. He heads the company's internal game studio.We've all witnessed the growth of mobile and social gaming over the past two years: the two genres have continued to evolve independently, while also coming together and embracing the power of HTML5.Mobile browser-based social games have found an audience and are thriving.This new gaming category draws from the strength of both web social gaming and native mobile apps, but the two do not overlap perfectly. Unl...

2,609 0       TIPS MOBILE HTML5 GAME DESIGN MOBILE DEV


  A New Experimental Feature: scoped stylesheets

Chromium recently implemented a new feature from HTML5: scoped stylesheets, aka. <style scoped>. A web author can limit style rules to only apply to a part of a page by setting the ‘scoped’ attribute on a <style> element that is the direct child of the root element of the subtree you want the styles to be applied to. This limits the styles to affect just the element that is the parent of the <style> element and all of its descendants. Example Here’s a simple document that uses standard styling:<html><body> <div>a div! <span>a span!...

2,326 0       HTML5 STYLE DRAW USE CASE