Sinuous Game - Jego Html5 | Español

by DanielSTh

HTML

<!DOCTYPE html>
<html lang="en" manifest="cache.manifest">
	<!--
	    @author Hakim El Hattab | (http://hakim.se/)
	    @version 1.0
	 -->
    
<!-- Mirrored from www.sinuousgame.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 13 Feb 2015 23:30:50 GMT -->
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

		<meta http-equiv="X-UA-Compatible" content="chrome=1">

		<meta name="description" content="A free game where your goal is to dodge red enemies, stay alive for as long as possible and gain high scores. Sounds simple, eh? If only... Give it a try!">
		<meta name="keywords" content="html5, game, sinuous, hakim, elhattab, hakim el hattab, hakim elhattab, interactive, developer, flash, html5, canvas, web, experiments">
		<meta name="author" content="Hakim El Hattab">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="viewport" content="width = 450">

	    <meta property="og:image" content="assets/images/icon_512.png" />

        <title>Sinuous - Avoid the red dots!</title>

		<script type="text/javascript">
			if( navigator.userAgent.match( /iphone|ipad|ipod/gi ) ) window.location = 'mobile/index.html';

			var sc = 8478;

			var FACEBOOK_MODE = false;
		</script>

		<link type="text/css" href="css/reset.css" rel="stylesheet" media="screen" />
		<link type="text/css" href="css/main.css" rel="stylesheet" media="screen" />
		<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    </head>
    <body>

    	<header>
    		<h1>Sinuous</h1>
    		<span class="header-instruction">Expandir para instrucciones  &amp; ajustes.</span>

    		<!-- The extra content that can be expanded -->
    		<div class="extra">

    			<!-- About the game in general -->
    			<section id="about">
    				<h3>Acerca</h3>
	    			<p>Un juego con un solo objetivo : evitar chocar con la red de puntos .</p>
	    			<p>Puede activar a aumentos por recoger los puntos verdes raras.<br/>Suena...

CSS

html{color:#000;background:#222222;}
a{cursor:pointer;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
/* h1,h2,h3,h4,h5,h6{font-size:100%;} */
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;}
legend{color:#000;}
a:focus,object,h1,h2,h3,h4,h5,h6{-moz-outline-style: none; border:0px;}
/*input[type="Submit"]{cursor:pointer;}*/
strong {font-weight: bold;}


/**
 * @author Hakim El Hattab
 *
 * Contains the main styles for the Sinuous game.
 */



/**
 * Sprites
 */
header #legend li span {
	background: url('http://s5.postimg.org/441ghtznb/sprites.png') no-repeat top left;
}


/**
 * Global styles
 */
html, body {
	font-family: 'Roboto', sans-serif, Helvetica, Arial, sans-serif;
	color: #222222;
	font-size: 12px;
	overflow: hidden;
	height: 100%;
	background: #fff url(http://s5.postimg.org/ioijcnulz/image.png);
}

a, a:hover {
	text-decoration: none;
	padding: 1px;
	transition: all .08s linear;
	-o-transition: all .08s linear;
	-moz-transition: all .08s linear;
	-webkit-transition: all .08s linear;
}


/**
 * Main canvas
 */
#game {
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -330px;
	z-index: 1;
}

canvas {
	cursor: crosshair;
	background: #fff url(http://s5.postimg.org/4x3wmq4hj/bg1.png);
	border: 5px #f38900 solid;
	border-radius: 4px;
	display: none;
}

header, footer, section {
	display: block;
}

/**
 *
 */
header {
	margin: 0;
	padding: 0 8px 8px 8px;
	color: #7B7B7B;
	overflow: hidden;
	width: 100%;
	height: 27px;
	position:...

JavaScript

/*	SWFObject v2.2 <http://code.google.com/p/swfobject/> 
	is released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
*/
var swfobject=function(){var D="undefined",r="object",S="Shockwave Flash",W="ShockwaveFlash.ShockwaveFlash",q="application/x-shockwave-flash",R="SWFObjectExprInst",x="onreadystatechange",O=window,j=document,t=navigator,T=false,U=[h],o=[],N=[],I=[],l,Q,E,B,J=false,a=false,n,G,m=true,M=function(){var aa=typeof j.getElementById!=D&&typeof j.getElementsByTagName!=D&&typeof j.createElement!=D,ah=t.userAgent.toLowerCase(),Y=t.platform.toLowerCase(),ae=Y?/win/.test(Y):/win/.test(ah),ac=Y?/mac/.test(Y):/mac/.test(ah),af=/webkit/.test(ah)?parseFloat(ah.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,X=!+"\v1",ag=[0,0,0],ab=null;if(typeof t.plugins!=D&&typeof t.plugins[S]==r){ab=t.plugins[S].description;if(ab&&!(typeof t.mimeTypes!=D&&t.mimeTypes[q]&&!t.mimeTypes[q].enabledPlugin)){T=true;X=false;ab=ab.replace(/^.*\s+(\S+\s+\S+$)/,"$1");ag[0]=parseInt(ab.replace(/^(.*)\..*$/,"$1"),10);ag[1]=parseInt(ab.replace(/^.*\.(.*)\s.*$/,"$1"),10);ag[2]=/[a-zA-Z]/.test(ab)?parseInt(ab.replace(/^.*[a-zA-Z]+(.*)$/,"$1"),10):0}}else{if(typeof O.ActiveXObject!=D){try{var ad=new ActiveXObject(W);if(ad){ab=ad.GetVariable("$version");if(ab){X=true;ab=ab.split(" ")[1].split(",");ag=[parseInt(ab[0],10),parseInt(ab[1],10),parseInt(ab[2],10)]}}}catch(Z){}}}return{w3:aa,pv:ag,wk:af,ie:X,win:ae,mac:ac}}(),k=function(){if(!M.w3){return}if((typeof j.readyState!=D&&j.readyState=="complete")||(typeof j.readyState==D&&(j.getElementsByTagName("body")[0]||j.body))){f()}if(!J){if(typeof...