http://www.51h5.com/game-index-id-604.html_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了http://www.51h5.com/game-index-id-604.html_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2017字，纯文字阅读大概需要3分钟。

内容图文

套圆环是火舞上的一款非常火爆的游戏，它是FlappyBird的变种，也是重力感应类的游戏，不同的是碰撞检测从FlappyBird的钢管，变成中间的一根绳子。

这根绳子在GameBuilder中用UICanvas来实现，UICanvas在之前的博客GameBuilder开发游戏应用系列之100行代码实现别踩白块种有介绍。

这里的绳子因为是画出来的，因此不能用Cantk的刚体之间的检测碰撞借口onBeginContact，而是利用圆环（刚体）的onMoved接口来检测与绳子的碰撞。

绳子的计算

win.onLineMoved = function() {    if(win.gameStarted === 0) {        setTimeout(win.onLineMoved, 20);        return;    }    win.points.shift();    ++win.count;    ++win.score;     if(win.score % 10 === 0)    win.find("score").setText(win.score * 0.1);    var oy = win.points[win.points.length - 1];    if(win.count % 400 === 0) {        win.factor = win.genFactor();        win.count = 0;    }    var y = oy + win.factor;    while(y >= 290 || y <= 110) {        win.factor = win.genFactor();        y = oy + win.factor;        win.count = 0;    }    win.points.push(y);    setTimeout(win.onLineMoved, 20);};

绳子的绘制

win.drawCirclePath = function(ctx){    var pa = win.points;    ctx.lineWidth = 20;    ctx.strokeStyle = 'yellow';    ctx.moveTo(0, pa[0]);    for(var i = 1; i < pa.length; i++) {        ctx.lineTo(i, pa[i]);    }    ctx.stroke();};

圆环的组成

圆环是有两个刚体组合而成，集中一个在UICanvas（黄色那个）下面。

碰撞检测

实现圆环的onMoved事件接口。

win.onCircleMoved = function(point, element) {    var y = point.y;    var x = Math.floor(point.x + element.w);    if(y + 55 > win.points[x] + 200 || y + element.h - 50 < win.points[x] + 200) {        win.gameStarted = 0;        win.find("ui-box").setEnable(false);        win.find("ui-box-1").setEnable(false);        win.openWindow("win-result", function() {win.replay(); win.initGame();}, false, Math.floor(win.score * 0.1));    }};

内容总结

以上是互联网集市为您收集整理的http://www.51h5.com/game-index-id-604.html_html/css_WEB-ITnose全部内容，希望文章能够帮你解决http://www.51h5.com/game-index-id-604.html_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端