Cocos Creator 案例源码分享一（平面魔方）

最近闲来无聊，想学习Cocos Creator游戏编程，并把自己在学习过程中的一些案例分享出来，后面会陆续推出一些小游戏的，由于本人第一次接触Cocos Creator 和JavaScript，代码多有疏漏欢迎留言指正。

游戏画面展示：

游戏源码共享：

https://download.csdn.net/download/hucailai/20016067

游戏引擎版本：2.3.3

游戏加载：

        onLoad: function () {this.cellCnt = 5;this.cellWidth = 100this.cellHeight = this.cellWidththis.interval = 20this.maskNode.width = this.cellCnt * this.cellWidth + (this.cellCnt - 1) * this.interval;this.maskNode.height = this.cellCnt * this.cellHeight + (this.cellCnt - 1) * this.interval;this.baseX = 0 - (this.maskNode.width)/2 + this.cellWidth / 2this.baseY =  0 - (this.maskNode.height)/2 + this.cellHeight / 2this.movingCellArray = new Array;},

为了能动态调整游戏的难度可以通过修改cellCnt，默认是5*5的格子，cellWidth、cellHeight分别表示格子的宽和高，interval表示格子的之间的间隔，maskNode是遮盖的Node，超出这个Node范围的区域会被遮盖。baseX，baseY表示最最左下方的方格的left和bottom的坐标，是整个魔方的基准坐标，通过上面的这些参数可以确定所有魔方格子的位置。movingCellArray是鼠标移动魔方时管理的移动的格子。

开始游戏：

    start: function () {var colors = [[255,0,0],[0,255,0],[0,0,255],[255,255,0],[255,0,255],[0,255,255],[227,221,3]]this.cellArray = new Array();for (i = 0; i < this.cellCnt; i++){this.cellArray[i]=new Array();for (j = 0; j < this.cellCnt; j++){x = this.baseX + j*(this.cellWidth+this.interval)y = this.baseY + i*(this.cellHeight+this.interval)this.cellArray[i][j] = this.addCell(x, y, this.cellWidth, this.cellHeight, colors[i][0], colors[i][1], colors[i][2])}}},

colors是预置的方块颜色，调大cellCnt大小时，预置方块颜色需要添加，不然会越界。最终是调用addCell，绘制每个方块。所有方块的Node都保存在cellArray中，其他代码不用过多解释

添加方格：

    addCell: function(x,y,width, Height, R, G, B){cc.log("addCell")var node = new cc.Node('Sprite');var sp = node.addComponent(cc.Sprite);var spriteFrame = new cc.SpriteFrame();var texture = new cc.Texture2D();node.setPosition(x, y);texture.initWithData(new Uint8Array([R, G, B]), cc.Texture2D.PixelFormat.RGB888, 1, 1, cc.winSize);spriteFrame.setTexture(texture);spriteFrame.setRect(cc.rect(0, 0, width, Height));sp.spriteFrame = spriteFrame;node.parent = this.rootCell;return node},

Cocos Creator 案例源码分享一（平面魔方）相关推荐

Cocos Creator 案例源码分享三（3D贴图）
刚学Cocos Creator,想实现一个效果:立方体切换每面的颜色,网上搜索了一堆例子都是整个立方体的纹理切换,而且每个面的效果都是一样的,官方文档也没有给出合适的例子,后面通过查看引擎代码,终于摸 ...
一些cocos creator 游戏源码收集整理
一些cocos creator 游戏源码收集整理 <仙剑奇侠传2>cocoscreator 2.1.4完美运行,童年经典回忆精品源码<欢乐水杯(Happy Glass)>co ...
JEECG社区一个微信教育网站案例源码分享
微信教育网站案例演示: http://t.cn/RvPgLcb 源码分享: http://pan.baidu.com/s/1cUImy 截图演示:
app和web逆向算法还原案例源码分享
1.前言后续公众号将不再设置任何收费,只做算法还原源码分享并分享在github项目上项目地址是:https://github.com/YotaGit/AlgorithmRestore 现已将之前公 ...
cocos creator 游戏源码 2.x版本
网上大多数游戏源码都是基于1.x,很多已经不能用,所以,我们一起把他升级更新说明 cocos creator 2.x小游戏集合,基于网络上1.x版本,升级废弃的api 作者 yangyang 游戏列 ...
cocos creator 游戏源码_Cocos Creator 3D引擎源码阅读之授之以渔源码阅读
源码阅读动静之法静找到引擎源码的所在在编辑器的右上角有一个大按钮在VSCode里开打engine目录引擎源码就在红色标中的cocos文件夹里,如下图让我们来看一下引擎的目录结构可以看到 ...
apicloud加java,【APICloud】App开发中加入系统分享功能案例源码分享
最近做一个在app中加入系统分享的功能,分享一下自己踩坑的记录和成果. 安卓可以加入系统相册和文件管理器的分享菜单中,iOS目前只做到了加入在其他应用里调起系统分享的菜单,系统相册还有一些问题没有解决 ...
android词典源码,Android网易有道词典案例源码分享
一.相关知识 searchview控件: 以下是几个简单网址:searchview简单用法: 关于各种搜素: searchbar控件:大家还可以尝试使用searchbar控件 webview控件: ( ...
php mysql 源码_【完结】php+MySQL实战案例【九】总结及源码分享
PHP+MySQL 综合案例分享总结及源码分享案例功能 1.用户登录统一登录页面,系统在登录时自动判断身份,管理登录时跳转到用户管理后台.普通用户登录时跳转至用户欢迎页. 系统登录: 管理员首 ...

Cocos Creator 案例源码分享一（平面魔方）

Cocos Creator 案例源码分享一（平面魔方）相关推荐

最新文章

热门文章