GameBuilder开发游戏应用系列之70行代码实现套圆环
2015-03-07 22:57
776 查看
在线预览:http://osgames.duapp.com/apprun.html?appid=osgames1-551421721381542
在线编辑:http://osgames.duapp.com/gamebuilder.php?appid=osgames1-551421721381542
微信扫描:
运行截图:
套圆环是火舞上的一款非常火爆的游戏,它是FlappyBird的变种,也是重力感应类的游戏,不同的是碰撞检测从FlappyBird的钢管,变成中间的一根绳子。
这根绳子在GameBuilder中用UICanvas来实现,UICanvas在之前的博客GameBuilder开发游戏应用系列之100行代码实现别踩白块种有介绍。
这里的绳子因为是画出来的,因此不能用Cantk的刚体之间的检测碰撞借口onBeginContact,而是利用圆环(刚体)的onMoved接口来检测与绳子的碰撞。
在线编辑:http://osgames.duapp.com/gamebuilder.php?appid=osgames1-551421721381542
微信扫描:
运行截图:
套圆环是火舞上的一款非常火爆的游戏,它是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)); } };
相关文章推荐
- GameBuilder开发游戏应用系列之50行代码实现微信漂流瓶
- GameBuilder开发游戏应用系列之100行代码实现微信打飞机
- GameBuilder开发游戏应用系列之100行代码实现别踩白块
- GameBuilder开发游戏应用系列之100行代码实现贪吃蛇
- GameBuilder开发游戏应用系列之60行代码实现FlappyBird
- GameBuilder开发游戏应用系列
- TangIDE游戏开发之70行代码实现打地鼠
- 【Cocos2d-X(2.x) 游戏开发系列之二】cocos2dx最新2.0.1版本跨平台整合NDK+Xcode,Xcode编写&编译代码,Android导入打包运行即可!
- html5 Game开发系列文章之 三 搭建基本游戏框架(代码封装)
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(五)实现2D人物动画②
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(二十二)重构 – 让代码插上翅膀自由飞翔
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(二十二)重构 – 让代码插上翅膀自由飞翔
- Silverlight_Cool_应用开发系列[2]_PPT_代码
- OSGi系列 - 开发服务端Web应用之一:Servlet实现
- SharpStreaming项目开发纪实:构建基于RTSP协议的服务器及客户端应用(三)——客户端的业务代码实现
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(八) 完美实现A*寻径动态动画
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(四)实现2D人物动画①
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(十一)地图遮罩层的实现
- SharpStreaming项目开发纪实:构建基于RTSP协议的服务器及客户端应用(二)——服务器的业务代码实现
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(八) 完美实现A*寻径动态动画