html5 canvas手机移动端接红包小游戏代码

来源:https://www.sucaihuo.com/js/3694.html 2018-05-18 11:10浏览(1774) 收藏

一款简单的html5 canvas手机移动端接红包小游戏代码,红包下落点击接住红包,结束计算金额及红包个数。注:请在手机端看演示。
html5 canvas手机移动端接红包小游戏代码
分类:html5 > canvas 难易:中级
查看演示 下载资源 下载积分: 20 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2