一款简单的html5 canvas手机移动端接红包小游戏代码,红包下落点击接住红包,结束计算金额及红包个数。注:请在手机端看演示。
js代码
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/money.js"></script>
<script src="js/pen.js"></script>
<script src="js/body.js"></script>
<script src="js/requestNextAnimationFrame.js"></script>
<script type="text/javascript">
function set_meta() {
var body_width = document.documentElement.clientWidth;
var get_scale = (body_width / 2) / 640;
var get_content = "width=device-width, initial-scale=" + get_scale + ", minimum-scale=" + get_scale + ", maximum-scale=" + get_scale;
document.getElementById("viewport").setAttribute('content', get_content);
}
set_meta();
</script>
<script>
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var canvasWidth = 640;
var canvasHeight = 1008;
var isEnd = false;//游戏结束
var five_num_left = 0;
var ten_num_left = 0;
var empty_num_left = 0;
var five_num=0;
var ten_num=0;
var empty_num=0;
var zad_num=0
var score = 0;
var body;
function animate(now) {
body.clear();
body.draw();
if (!isEnd) {
requestNextAnimationFrame(animate);
}
}
$().ready(function () {
body = new Body();
timedCount();
window.requestNextAnimationFrame(animate);
})
var time = 20;
var clock;
function timedCount() {
$("#clock").html(time + "秒");
if (time <= 0) {
clearTimeout(clock);
this.isEnd = true;
} else {
time = time - 1;
clock = setTimeout("timedCount()", 1000);
}
}
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791