html5 见缝插针,HTML5见缝插针小游戏

用H5与cocos-js结合编写的小游戏，见缝插针。

游戏截图

点击鼠标发射针，插在中间的球体当中进行旋转。

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 见缝插针,HTML5见缝插针小游戏相关推荐

基于HTML5canvars的小游戏,利用HTML5实现Canvas激流勇进小游戏代码
特效描述:利用HTML5实现 Canvas 激流勇进小游戏代码.利用HTML5实现Canvas激流勇进小游戏代码代码结构 1. 引入JS 2. HTML代码进入游戏游戏玩法:使用左键.右键和上 ...
HTML5青蛙吃苍蝇小游戏代码
简介: HTML5青蛙吃苍蝇小游戏,自适应分辨率,兼容pc端和移动端,背景音乐开启关闭功能白天和晚上两种游戏背景,直接上传空间目录即可! 网盘下载地址: http://kekewangLuo.cc/ ...
html5实现贪吃蛇小游戏
实现技术:h5的canvas+原生js 可直接复制,查看效果 <!doctype html> <html> <head> <meta charset=&quo ...
400多款HTML5网页模版网页小游戏免费下载
欢迎访问博主个人网站,记得收藏哦,点击查看 - - - >>>> 公众号推荐:计算机类毕业设计系统源码,IT技术文章分享,游戏源码,网页模板小程序推荐:网站资源快速收录–百度 ...
HTML5写的简单小游戏-绵羊快跑
为什么80%的码农都做不了架构师?>>> 用HTML5仿一款灵敏测试的flash小游戏程序: 完整程序在我博客:http://meego123.net/post-61.html ...
HTML5 Canvas 射击类小游戏平滑的移动思路
这篇博客主要讲了如何处理HTML5 Canvas 游戏中的角色移动问题. 笔者这几天做了一个 HTML5 Canvas 的射击类小游戏,嗯,名字叫做<DroppingBalls>,大概就是 ...
『HTML5实现人工智能』小游戏《井字棋》发布，据说IQ上200才能赢【算法代码讲解+资源打包下载】...
一,什么是TicTacToe(井字棋) 本游戏为在下用lufylegend开发的第二款小游戏.此游戏是大家想必大家小时候都玩过,因为玩它很简单,只需要一张草稿纸和一只笔就能开始游戏,所以广受儿童欢迎. ...
『HTML5实现人工智能』小游戏《井字棋》发布，据说IQ上200才能赢【算法代码讲解+资源打包下载】
一,什么是TicTacToe(井字棋) 本游戏为在下用lufylegend开发的第二款小游戏.此游戏是大家想必大家小时候都玩过,因为玩它很简单,只需要一张草稿纸和一只笔就能开始游戏,所以广受儿童欢迎. ...
见缝插针一个canvas小游戏
一个canvas小游戏 https://github.com/Web-ZhangJian/jianfengchazhen JavaScript代码: var canvas=document.query ...
html5实现贪吃蛇小游戏,H5 canvas实现贪吃蛇小游戏
本文介绍了h5 canvas实现贪吃蛇小游戏,分享给大家,具体如下: 实现效果如下实现思路: ps:这个只是思路,详细可看代码注释一.先把蛇画出来定义一下蛇的结构,用一个数组保存一堆矩形,包含蛇 ...

html5 见缝插针,HTML5见缝插针小游戏

html5 见缝插针,HTML5见缝插针小游戏相关推荐

最新文章

热门文章