<!DOCTYPE html>
<html>
<head>
<title>HTML5赛车游戏带闯关</title>
<link rel="stylesheet" href="css/reset.css" type="text/css">
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/orientation_utils.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
<meta name="msapplication-tap-highlight" content="no"/>
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/createjs-2014.12.12.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/howler.min.js"></script>
</head>
<body ondragstart="return false;" ondrop="return false;" >
<div style="position: fixed; background-color: transparent; top: 0px; left: 0px; width: 100%; height: 100%"></div>
<script>
$(document).ready(function(){
var oMain = new CMain({
/////////////PLAYER SETTINGS
player_max_speed: 12000, //SET MAX SPEED OF THE PLAYER
player_maxspeed_indicator: 200, //VALUE ON THE TACHOMETER, WHEN PLAYER REACH THE MAX SPEED. YOU CAN CHANGE THE UNITS IN CLANG.
player_centrifugal_force: 0.3, //CENTRIFUGAL FORCE VALUE WHEN IN CURVE.
/////////////SCORE SETTINGS
points_per_seconds_remaining: 100, //Number of points gained per seconds remaining
/////////////GENERAL SETTINGS
fullscreen:true, //SET THIS TO FALSE IF YOU DON'T WANT TO SHOW FULLSCREEN BUTTON
check_orientation:true //SET TO FALSE IF YOU DON'T WANT TO SHOW ORIENTATION ALERT ON MOBILE DEVICES
});
$(oMain).on("start_session", function(evt) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeStartSession();
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("end_session", function(evt) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeEndSession();
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("restart_level", function(evt, iLevel) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeRestartLevel({level:iLevel});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("save_score", function(evt,iScore, szMode) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeSaveScore({score:iScore, mode: szMode});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("start_level", function(evt, iLevel) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeStartLevel({level:iLevel});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("end_level", function(evt,iLevel) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeEndLevel({level:iLevel});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("show_interlevel_ad", function(evt) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeShowInterlevelAD();
}
//...ADD YOUR CODE HERE EVENTUALLY
});
$(oMain).on("share_event", function(evt, iScore) {
if(getParamValue('ctl-arcade') === "true"){
parent.__ctlArcadeShareEvent({ img: TEXT_SHARE_IMAGE,
title: TEXT_SHARE_TITLE,
msg: TEXT_SHARE_MSG1 + iScore + TEXT_SHARE_MSG2,
msg_share: TEXT_SHARE_SHARE1 + iScore + TEXT_SHARE_SHARE1});
}
//...ADD YOUR CODE HERE EVENTUALLY
});
if(isIOS()){
setTimeout(function(){sizeHandler();},200);
}else{ sizeHandler(); }
});
</script>
<canvas id="canvas" class='ani_hack' width="1600" height="960"> </canvas>
<div data-orientation="landscape" class="orientation-msg-container"><p class="orientation-msg-text">Please rotate your device</p></div>
<div id="block_game" style="position: fixed; background-color: transparent; top: 0px; left: 0px; width: 100%; height: 100%; display:none"></div>
</body>
</html>