cocos2d-js 小游戏 hungry-hero （原版是flash starling）

之前看starling资料的时候，发现印度一高人的hungry-hero，膜拜之情油然而生。

现在正好拿素材来做个cocos2d-js的版本。暂时在手机上运行闪退，还没时间看具体原因。

在chrome下运行，内存控制还不错，可见cocos2d-js的对象池和粒子系统的回收都做得不错。

演示地址：（没有打包压缩，cocos2d-js自带的压缩有点问题，而英文网站的builder打包的版本又缺少cc.pool，懒得自己折腾压缩了，直接全部拷上去，所以打开较慢，请耐心等待）

http://kenkozheng.github.io/cocos/hungry_hero/index.html

代码地址：

https://github.com/kenkozheng/cocos2d-js/tree/master/hungry_hero

游戏中使用到：

1、平行背景（自行实现，非官方版本）

2、对象池（cc.pool）

3、粒子系统（cc.ParticleSystem）

4、位图字体（cc.LabelBMFont）

5、批量渲染层（cc.SpriteBatchNode）

游戏简介：

超人目标是吃尽可能多的食物，蘑菇能让超人发挥吸收能力，把食物都吸过去；咖啡可以让超人加速，加速后的发狂状态能把障碍物撞掉。

时间： 2024-11-03 21:30:16

cocos2d-js 小游戏 hungry-hero （原版是flash starling）的相关文章

js小游戏——看你能坚持多久

点击另存用到的图片. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" > <head

一个js小游戏----总结

花了大概一天左右的功夫实现了一个js小游戏的基本功能,类似于“雷电”那样的小游戏,实现了随即怪物发生器,碰撞检测,运动等等都实现了,下一个功能是子弹轨迹,还有其他一些扩展功能,没有用库,也没有用webGl之类的,单纯的逻辑+对DOM的操作,算是一次试手吧,之所以没有继续去完善,是因为想要整合一下,各个模块要更清晰,大体的设计是按MVC来的,但是对控制器那一块还不满意,设计过程中比较得意的是碰撞检测吧,因为我用了一个数组来维护怪物的生灭,怪物产生则数组push,怪物消失则用splice来从数组中删

js小游戏：五子棋

使用纯js的小游戏,五子棋 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>五子棋</title> 6 <style type="text/css"> 7 *{ 8 padding:0; 9 margin:0; 10 } 11 canvas{ 12 margin:10px; 13 border

JS小游戏----猜拳小游戏

这周学习了JS 的基础数据函数和对象每一个都是很多的属性和方法下面是对象做的Xmind 有很多方法创建对象的方法遍历对象添加删除对象中的属性访问对象的方法点中括号访问法猜拳游戏实际原理其实很简单规则大家全世界都通用所以这个游戏短短几行 switch就可以把简易的原理实现出来但是要做的像一个小游戏一样能应对各种情况和前进和后退的操作加了一些switch 语句让分支语句更多是考虑到的情况更加全面然后用函数包装功能模块列如判断模

JS小游戏-蓝色拼图

初见我是在这里看到这个游戏的 × 请看这里 http://www.webhek.com/misc/inverter. 看到这个小游戏就觉得挺有意思的,于是想要去自己实现它. 开始下面的是这个小游戏,大家玩玩看 ×Close Oh!蓝色拼图当前级别: 重置本局重置级别玩法说明以下是代码写完后自己看着都觉得恶心...很想把它放到一个对象里面,但是太懒了,能用就行(つд⊂) .gamebox { background-color: #4D4D4D; border-radius: 4px;

js小游戏

var maps = [[0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0

原生js打飞机小游戏

最近为了巩固一下原生的知识,然后拿了一个js小游戏来入手.主要也是为了学习和练手. js代码如下: 1 window.onload = function(){ 2 var oBtn = document.getElementById('gameBtn'); 3 oBtn.onclick = function(){ 4 this.style.display = 'none'; 5 Game.init('div1');//把父级传进去 6 }; 7 }; 8 //创建Game单体 9 10 var

js消除小游戏(极简版)`

js小游戏极简版 (1) 基础布局 <div class = "box"> <p></p> <div class="div"></div> </div> (2)简单的基础样式 * { margin: 0; padding: 0; } div.box { width: 1000px; height: 700px; border: 1px solid #008B8B; box-sizing:

js选择颜色小游戏（随机生成不含重复数字的数组，通过数组中的数控制定义好的数组）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js网页版小游戏</title> <style media="screen"> .wrap { width: 577px; outline: 1px solid hotpink; margin: 100px auto; box-shadow: 0 0 5px; } .