演示网站 堆雪人游戏
编写代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="pragma" content="no-cache"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name ="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta charset="utf-8"/>
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='photo.jpg' />
</div>
<title>堆雪人,大家一起迎接圣诞节</title>
<link rel="stylesheet" href="icecream/game.css" type="text/css" />
<link rel="shortcut icon" href="icecream/favicon.png" type="image/png"/>
<link rel="apple-touch-icon" href="icecream/favicon.png" type="image/png"/>
<link rel="apple-touch-icon-precomposed" href="icecream/favicon.png" type="image/png"/>
<link rel="apple-touch-startup-image" href="icecream/favicon.png" type="image/png"/>
<script type="text/javascript" src="game.js"></script>
<style>
#sg-loading-text {
width: 70%;
left: 15%;
bottom: 20px;
position: absolute;
z-index: 11;
display: block;
}
</style>
</head>
<body>
<img id="sg-loading-text" src="icecream/spil_text_1.png" />
<div id="sg-orient-screen"></div>
<div id="sg-loading-screen"></div>
<div id="sg-loading-bar-back"><div id="sg-loading-bar"></div></div>
<div class="gm4html5_div_class" id="gm4html5_div_id">
<canvas id="canvas" width="0" height="0">
<p>Your browser doesn't support HTML5 canvas.</p>
</canvas>
</div>
<script type="text/javascript">
splash_w = 660;
splash_h = 800;
bar_img_w = 400;
bar_img_h = 44;
bar_img_x = (splash_w-bar_img_w)/2;
bar_img_y = (splash_h-bar_img_h)/2;
canvasobj = document.getElementById("canvas");
loadbarobj = document.getElementById("sg-loading-bar");
loadbarbackobj = document.getElementById("sg-loading-bar-back");
orientobj = document.getElementById("sg-orient-screen");
loadingobj = document.getElementById("sg-loading-screen");
//SpilGames Init API Start
loadingtextobj = document.getElementById("sg-loading-text");
loadtextnum = 1;
var sg_spilapi = false;
var sg_spil_spon_obj = null;
var sg_spil_more_obj = null;
var sg_spil_cross_obj = null;
var sg_spilapi_obj = null;
var SpilData = {
id: '576742227280292365'
};
try {
GameAPI.loadAPI(function(apiInstance) {
sg_spilapi = true;
sg_spilapi_obj = apiInstance;
//Spil Logo
var logoData = apiInstance.Branding.getLogo();
if (logoData.image) {
sg_spil_spon_obj = document.createElement('img');
sg_spil_spon_obj.src = logoData.image;
if (sg_spil_spon_obj.addEventListener) {
sg_spil_spon_obj.addEventListener('click', logoData.action);
} else if (sg_spil_spon_obj.attachEvent) {
sg_spil_spon_obj.attachEvent('click', logoData.action);
}
sg_spil_spon_obj.setAttribute('style','display: block; position: absolute; left: 0px; top: 10px; width: 30%; z-index: 10');
document.body.appendChild(sg_spil_spon_obj);
}
//Spil Moregames
var moreData = apiInstance.Branding.getLink('more_games');
sg_spil_more_obj = document.createElement('img');
sg_spil_more_obj.src = "icecream/but_more.png";
if (sg_spil_more_obj.addEventListener) {
sg_spil_more_obj.addEventListener('click', moreData.action);
} else if (sg_spil_more_obj.attachEvent) {
sg_spil_more_obj.attachEvent('click', moreData.action);
}
sg_spil_more_obj.setAttribute('style','display: none; position: absolute; left: 0px; top: 0px; z-index: 10');
document.body.appendChild(sg_spil_more_obj);
//Spil Pause/Resume
GameAPI.Game.on('pause', function() {
gml_Script_gmcallback_pauseon();
});
GameAPI.Game.on('resume', function() {
gml_Script_gmcallback_pauseoff();
});
}, SpilData);
} catch(e) {};
function sg_change_loadtext() {
if (loadingtextobj) {
if (loadtextnum == 4) {
loadtextnum = 1;
} else {
loadtextnum += 1;
}
loadingtextobj.src = "icecream/spil_text_"+loadtextnum+".png";
}
}
loadintervalid = setInterval(sg_change_loadtext, 4000);
//SpilGames Init API End
document.addEventListener("touchmove", function (e) { e.preventDefault(); }, false);
var Clay = Clay || {};
</script>
<script type="text/javascript" src="icecream/EpicSnowman.js"></script>
</body>
</html>
