topical media & game development
mobile-game-present-index.htm / htm
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The State of Mobile HTML5 Game Development</title>
<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, maximum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="mobile-game-present-favicon.ico">
<link rel="apple-touch-icon" sizes="144x144" href="mobile-game-present-apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon" sizes="114x114" href="mobile-game-present-apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" sizes="72x72" href="mobile-game-present-apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon" href="mobile-game-present-apple-touch-icon-57x57-precomposed.png">
<meta property="og:title" content="The State of Mobile HTML5 Game Development"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://www.html5gamedevelopment.org/StateofHTML5GameDevelopment/"/>
<meta property="og:image" content="http://www.html5gamedevelopment.org/StateofHTML5GameDevelopment/icon.png"/>
<meta property="og:site_name" content="HTML5 Game Development"/>
<meta property="og:description"
content="An overview of the state of HTML5 Mobile Game Development."/>
<script>
var _gaq = _gaq || [];
</script>
<!-- 1024x748 for iPad in Landscape mode. -->
<link rel="apple-touch-startup-image" media="(max-device-width: 1024px) and (orientation: landscape)" href="mobile-game-present-startup-image.png" />
<script src='ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script type="text/javascript" src="//use.typekit.net/bct5aak.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script src='mobile-game-present-lib-stats.js'></script>
<script src='mobile-game-present-lib-quintus.js'></script>
<script src='mobile-game-present-lib-quintus-sprites.js'></script>
<script src='mobile-game-present-lib-quintus-input.js'></script>
<script src='mobile-game-present-lib-quintus-scenes.js'></script>
<script src='mobile-game-present-lib-quintus-touch.js'></script>
<script src='mobile-game-present-lib-quintus-anim.js'></script>
<script src='mobile-game-present-lib-quintus-2d.js'></script>
<script src='mobile-game-present-lib-quintus-ui.js'></script>
<script src='mobile-game-present-lib-quintus-dom.js'></script>
<script src='mobile-game-present-lib-quintus-physics.js'></script>
<script src='mobile-game-present-lib-Box2dWeb-2.1.a.3.js'></script>
<script src='mobile-game-present-webAudioApiForDesigners.js'></script>
<script src='mobile-game-present-lib-quintus-audio.js'></script>
<script src='mobile-game-present-gamenote.js'></script>
<script src='mobile-game-present-presentation.js'></script>
<style>
body { margin:0 auto; }
canvas {
z-index:0;
}
#attribution {
position:absolute; bottom:0px;
right:0px;
font-family:proxima-nova;
opacity:0.5;
color:#666;
}
#attribution a {
color:#666;
text-decoration:none;
}
#loading {
font-weight:bold;
margin:50px auto;
max-width:1024px;
position:fixed;
width:100%;
height:100%;
text-align:center;
font-family:proxima-nova;
}
#loading_container {
position:relative;
margin:0 auto;
width:50%;
height:20px;
border:1px solid black;
text-align:center;
padding-top:10px;
}
#loading_progress {
width:0%;
background-color:red;
position:absolute;
height:30px;
top:0px;
opacity:0.4;
}
</style>
</head>
<body>
<div style='max-width:1024px;margin:0 auto;position:relative;'>
<div style='z-index:5;left:5px;top:5px;position:absolute;' id='social'>
<!-- AddThis Button BEGIN -->
<script>
var addthis_share =
{
url: "http://www.html5gamedevelopment.org/StateofHTML5GameDevelopment/"
}
</script>
<div id='loading'>
<div id='loading_container'>
Loading...
<div id='loading_progress'></div>
</div>
</div>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" async="true" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4e5d96511b13dffd"></script>
</div>
</div>
<!-- AddThis Button END -->
<div id='attribution'>
Copyright ©2012 <a href='http://cykod.com'>Cykod LLC.</a> & <a href='http://www.html5gamedevelopment.org'>HTML5GameDevelopment.org</a> | <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a>
</div>
<!---
<div pub-key="pub-13814550-e608-4a18-a6c1-918a7629c300" sub-key="sub-9ea75ce6-2d3d-11e0-a6b8-0de526750bdd" ssl="off" origin="pubsub.pubnub.com" id="pubnub"></div>
<script src="http://cdn.pubnub.com/pubnub-3.1.min.js"></script>
<script>(function(){
// LISTEN FOR MESSAGES
PUBNUB.subscribe({
channel : "hello_world", // CONNECT TO THIS CHANNEL.
restore : false, // STAY CONNECTED, EVEN WHEN BROWSER IS CLOSED
// OR WHEN PAGE CHANGES.
callback : function(message) { // RECEIVED A MESSAGE.
// alert(message)
},
disconnect : function() { // LOST CONNECTION.
/* alert(
"Connection Lost." +
"Will auto-reconnect when Online."
)*/
},
reconnect : function() { // CONNECTION RESTORED.
alert("And we're Back!")
},
connect : function() { // CONNECTION ESTABLISHED.
/* PUBNUB.publish({ // SEND A MESSAGE.
channel : "hello_world",
message : "Hi from PubNub."
})
*/
}
})
})();</script>
-->
<script type='text/javascript'>
_gaq.push(['_setAccount', 'UA-2011791-33']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.src = ('https:' == document.location.protocol ? 'ssl' :
'http://www') + '.google-analytics.com/ga.js';
ga.setAttribute('async', 'true');
document.documentElement.firstChild.appendChild(ga);
})();
</script>
</body>
</html>
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.
