html5 canvas手机移动端接红包小游戏代码免费下载

一款简单的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>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录