登录  /  注册
createjs 小游戏点击画布内对象 卡顿
高洛峰
高洛峰 2016-10-26 09:27:15
[HTML5讨论组]

做了一个很简单小游戏,东西上升,点击后消失,用的框架是createjs。但发现在微信端点击游戏里面的对象时会有短暂的卡顿 不知道是代码写的哪里不对影响性能了,并且andriod 在微信里看的时候对象上升也会有一些卡顿。求优化方式 谢谢核心游戏代码

var canvas = document.getElementById("canvas");
var stage = new createjs.Stage(canvas);
createjs.Touch.enable(stage);
var container = new createjs.Container();
stage.addChild(container);
for (var i = 0; i < 10; i++) {
    var ball = new createjs.Bitmap(queue.getResult("ball"));
           ball.point = 30;
        ball.speed = 4;
        ball.x = (canvas.width-100) * Math.random();
        ball.y = canvas.width+50*Math.random()*20;
        ball.cursor = "pointer";
        ball.on("mousedown", function () {
            this.visible = false;

        });
    container.addChild(ball);
    stage.addChild(container);
    
}
createjs.Ticker.timingMode = createjs.Ticker.RAF;
createjs.Ticker.setFPS(60);
createjs.Ticker.addEventListener("tick", tick);
function tick(event) {
var l = container.getNumChildren() ;
for (var i = 0; i < l; i++) {
    shape = container.getChildAt(i);
    shape.y = shape.y-shape.speed;
    if(shape.y<-250||!shape.visible){
       shape.x = (canvas.width-150) * Math.random();
       shape.y = canvas.height;
       shape.visible = true;
    }
}
stage.update(event);

线上地址 http://1.snackwei.sinaapp.com/gameDemo/


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号