HTML5见缝插针小游戏
2016-06-03 10:47
330 查看
用H5与cocos-js结合编写的小游戏,见缝插针。
![](https://img-blog.csdn.net/20160603104619754?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](https://img-blog.csdn.net/20160603104619754?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
游戏截图
点击鼠标发射针,插在中间的球体当中进行旋转。
onTouchBegan:function(touch, event){
var target =event.getCurrentTarget();
if(target.playerBall.lenght<=0)
return;
var lastp=cc.p(0,0);
for(var i=0;i
var ball = target.playerBall[i];
if(i==0) {
lastp=ball.getPosition();
var bp = target.zx.convertToNodeSpace(cc.p(GC.w_2,target.zx.y - target.lenght));
ball.setPosition(bp);
ball.removeFromParent();
target.addBallInZX(ball);
}
else{
var nowp=ball.getPosition();
ball.runAction(cc.moveTo(0.1,lastp));
// ball.setPosition();
lastp=nowp;
}
}
target.playerBall.splice(0,1);
return true;
}
对游戏胜利和失败的检测
addBallInZX:function(coball){
this.allBall.push(coball);
this.zx.addChild(coball);
coball.scheduleUpdate();
this.zx.drawnode.drawSegment(cc.p(0, 0),cc.p(coball.x,coball.y), 1,cc.color(255,
255, 255, 255));
for(var i=0;i
var p=this.allBall[i].getPosition();
if(cc.pDistance(p,coball.getPosition())
this.gameOver(coball);
return;
}
}
if(this.playerBall.length<=1)
{
this.gameWin();
}
}
此游戏这俩点为重要的地方。
游戏截图
点击鼠标发射针,插在中间的球体当中进行旋转。
onTouchBegan:function(touch, event){
var target =event.getCurrentTarget();
if(target.playerBall.lenght<=0)
return;
var lastp=cc.p(0,0);
for(var i=0;i
var ball = target.playerBall[i];
if(i==0) {
lastp=ball.getPosition();
var bp = target.zx.convertToNodeSpace(cc.p(GC.w_2,target.zx.y - target.lenght));
ball.setPosition(bp);
ball.removeFromParent();
target.addBallInZX(ball);
}
else{
var nowp=ball.getPosition();
ball.runAction(cc.moveTo(0.1,lastp));
// ball.setPosition();
lastp=nowp;
}
}
target.playerBall.splice(0,1);
return true;
}
对游戏胜利和失败的检测
addBallInZX:function(coball){
this.allBall.push(coball);
this.zx.addChild(coball);
coball.scheduleUpdate();
this.zx.drawnode.drawSegment(cc.p(0, 0),cc.p(coball.x,coball.y), 1,cc.color(255,
255, 255, 255));
for(var i=0;i
var p=this.allBall[i].getPosition();
if(cc.pDistance(p,coball.getPosition())
this.gameOver(coball);
return;
}
}
if(this.playerBall.length<=1)
{
this.gameWin();
}
}
此游戏这俩点为重要的地方。
相关文章推荐
- HTML5入门----表单元素(1)
- HTML5 LocalStorage
- 使用HTML5里的classList操作CSS类
- 国内最火的五款HTML5前端开发框架
- HTML5入门----新标记
- HTML5入门----概念
- Mars-HTML5(三)常用文本标签
- HTML5笔记:跨域通讯、多线程、本地存储和多图片上传技术
- 整理了一些HTML5新的元素
- Canvas参考
- HTML5基础代码整合
- H5学习
- HTML5学习之FileReader new FormData()
- html5<canvas>画图
- 12个不为大家熟知的HTML5设计小技巧
- H5实现的手机摇一摇
- HTML5
- Html5
- h5小游戏——HitRocket
- HTML5