Cocos Creator
文章平均质量分 85
potato47
有一天我会成为博客专家
展开
-
【Cocos Creator实战教程(3)】——炸弹人(TiledMap相关)
制作地图 Tiled Map Editor的基本使用参考我之前写的一篇文章 http://blog.csdn.net/potato47/article/details/513664811.新建19x19的地图,Tile大小32x32,导入图块资源2.建立三个图层(ground,hide,main)和一个对象层(objects) ground是背景层,用绿色的草坪图块填充满 hid原创 2016-05-15 14:23:06 · 20328 阅读 · 20 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(13)】——整体回顾,工程文件
Load场景Load.jscc.Class({ extends: cc.Component, properties: { loadBar: cc.ProgressBar, }, onLoad: function () { var load = function(){ this.loadBar.progress +=原创 2016-09-02 10:44:10 · 8008 阅读 · 3 评论 -
【CocosCreator入门教程(0)】——写在前面
你们要的Creator新手教程,来了本系列教程面向纯新手(高手我也教不来),但我默认你用过一种编程语言(不一定是JavaScript)之前我也写过一些小游戏实战的博客,但高手不会看,新手又看不懂,所以碰到很多人来问我跟游戏本身并没有多大关系的问题,比如那篇介绍Tiledmap的教程,那是我很早以前写的,后来Creator更新,Tiledmap组件里的loadmap方法取消了,所以用新版本的Creat原创 2016-10-26 20:26:51 · 4898 阅读 · 0 评论 -
【Cocos Creator实战教程(6)】——get47(数字消除)
先来看一下游戏效果电脑端:http://www.potato47.cn/get47 手机端:http://www.potato47.cn/get47-m 微信扫描: 游戏玩法: 游戏操作仿的是天天爱消除,点击一个方块向相邻的方块滑动就会交换两个方块当没有可移动的方块时,可以点击下面的update按钮横向相连的方块数字之和会增加分数,纵向相连的方块数字之和会减少分数最终目的就是get47原创 2016-11-08 21:17:16 · 9343 阅读 · 9 评论 -
【CocosCreator入门教程(2)】——怪兽吃星星(快速上手)
下载初始工程https://github.com/cocos-creator/tutorial-first-game/releases/download/v1.2/start_project.zip制作游戏先来看一下游戏的样子 http://fbdemos.avosapps.com/star-catcher/我们现在来从头做一下这个游戏把目录结构改成这个样子 搭建场景 当我写到这的时候,我原创 2016-10-30 20:44:20 · 7923 阅读 · 6 评论 -
【基于Cocos Creator+Socket.io的联机对战黑白棋(0)】——快期末了还不复习会不会挂科
如题(微笑脸)有一个游戏在我手机里已经住了半年多时间了,她的开场音乐是这样的——deng~deng~deng~deng~deng~deng猜到是什么游戏了么就是皇室战争,每天早上开宝箱都是我睁眼的动力(虽然开完还会继续睡)我们的这个游戏就要致敬一下皇室战争(PS:SuperCell是世界上最好的手游公司)玩过的朋友应该都知道皇室战争每一局比赛都是世界随机匹配两个人进入到一个房间的。我们做的就是类似的原创 2016-12-10 19:47:34 · 4182 阅读 · 3 评论 -
【基于Cocos Creator+Socket.io的联机对战黑白棋(1)】——Socket.io简单入门
Socket.io官网http://socket.io/什么是Socket.ioSocket.io是一个实时通信的跨平台的框架Socket.io和WebSocket是什么关系 百度里已经很少有这么正经回答问题的人了 其实只要你有心,你也可以在百度上找到更深奥的问题的答案,比如 跑题了,收。。。Windows安装Node.js Express Socket.io下载Nod原创 2016-12-10 22:00:56 · 17294 阅读 · 17 评论 -
【基于Cocos Creator+Socket.io的联机对战黑白棋(2)】——匹配系统
我们的游戏分为三个场景 游戏启动的时候进入menu场景,当玩家点击对战时进入match场景,匹配成功进入game场景,取消匹配返回menu场景,游戏结束返回menu场景每一对匹配成功的玩家进入一个独立的房间,所以不同的房间的通信应该互不影响,由于不同场景的通信内容不同,所以不同场景的通信也应该独立下面就是灵魂画师的创作时间:我们把这个游戏的匹配过程比作两个好基友开房的过程,从上图我们可以了解到如原创 2016-12-11 10:25:47 · 7233 阅读 · 1 评论 -
【基于Cocos Creator+Socket.io的联机对战黑白棋(3)】——心得若干
我并不会在这个系列讲黑白棋的逻辑设计细节,那些东西我觉得你应该自己看代码理解(主要是我没时间写了。。。)我来说一下对新手比较有启发意义的几点心得:1.跨场景访问变量在util下面有两个脚本 Constants用来存储游戏常量然后其他地方需要常量时Global存储全局控制句柄需要访问他们的时候,就可以通过G点的方式(哪里怪怪的。。。) Creator游戏运行前会编译有所有脚本,所以Global原创 2016-12-11 11:18:14 · 8707 阅读 · 1 评论 -
【基于Cocos Creator+Socket.io的联机对战黑白棋(4)】——资源文件
scripts下的super和cell文件夹可以换成controller和model socket.io插件本地不用导入,但是1.32有bug打包到web平台没有打包原生的socket.io,所以我自己加了一个socket.io客户端 https://github.com/potato47/reversi-online 服务端 https://github.com/potato47原创 2016-12-11 11:52:15 · 7467 阅读 · 4 评论 -
【基于Cocos Creator+Socket.io的联机对战黑白棋(5)】——写在后面
明天考完科目三我真的要去复习了。。。所以,这篇文章是今年最后的教程了,想看的明年我们继续手动再见顺便可以关注一下我的公众号,更新会在里面提醒新手程序员(xinshouit)还有一点,我的域名没有备案,所以之前的那些通过网址访问的游戏暂时不能在线玩了,我也懒得懒得去改,年后再说吧。。。就这样,我去吃饭了原创 2016-12-11 12:01:13 · 3211 阅读 · 0 评论 -
【Cocos Creator 基础教程(其他)】——游戏素材资源获取方法
我们刚开始做游戏时大多数人都不能独立制作出想要的游戏资源,所以在没有商业用途的游戏里,我们可以用别人已经制作出来的游戏资源来山寨出一款自己的游戏,那么怎么获取这些游戏素材呢?1.Cocos官方资源商店http://store.cocos.com/ 虽然官方暂时不维护了,但里面的资源还是有很多的,而且种类多,还有一些源码可以学习,只需要注册一个Cocos开发者账号就可以了。Unity商店同理,但Un原创 2016-07-09 11:49:40 · 19777 阅读 · 5 评论 -
Cocos Creator跨平台的调用方法
原文介绍的是cocos js,因为creator是亲生的,血统一样,而且官方文档这里根本没有介绍,所以参考这个就行了首先从我们ProjectM的开发背景开始,项目采用的Cocos2d-JS 引擎是为了发布到包括Web平台,iOS,Android,Mac,Windows等全平台。理论上只需修改少量代码就可打包为原生性能表现的混合游戏,支持全平台的同时也保证性能需求。接下来就通过在ProjectM项目转载 2017-04-02 21:43:43 · 24950 阅读 · 2 评论 -
关于Cocos Creator构建的android程序第一次安装home键挂起再进入程序崩溃问题的解决方案
你或许会看到很多行这样的log...Cocos js error:(3822): <no filename=“filename”> line:0 msg:too much recursionCocos js error:(3822): <no filename=“filename”> line:0 msg:too much recursionCocos js error:(3822): <no原创 2017-04-14 10:12:51 · 4146 阅读 · 0 评论 -
Cocos Creator 教程索引(2018.10.30更新)
特别推荐https://github.com/potato47/so-many-games今年春节开始写的小游戏集合,毕生功力都用在这里了,持续更新首先是官方论坛整理的一篇帖子,里面包括了网上大多数的Creator教程http://forum.cocos.com/t/creator/44782下面是我自己写的基础教程【Cocos Creator基础教程(组件篇)】—...原创 2017-09-03 19:02:44 · 12086 阅读 · 6 评论 -
【Cocos Creator 实战教程(2)】——天天酷跑(动画、动作相关)
转载请保留原文链接,个人公众号:xinshouit(新手程序员),欢迎关注准备工作 把背景图拉长,很长很长的那种。。。。一会我们要让它滑动起来 背景动画为背景节点添加滚动动画 现在背景就循环滚动起来了(图是我后来截的,这步猴哥还没登场呢) 猴哥动画 子弹动画这里我们要给导弹加几个帧事件,在导弹导弹猴哥头上的几个帧上添加judgeDown事件,当导弹到达猴哥头上,猴哥还没低头,那就游戏原创 2016-05-02 12:18:44 · 39112 阅读 · 19 评论 -
【CocosCreator入门教程(1)】——混个脸熟
本系列教程使用1.3以上版本下载安装http://www.cocos.com/download 安装过程中如果有小问题参考官方文档 http://www.cocos.com/docs/creator/getting-started/install.html 安装完后需要登陆,账号注册https://passport.cocos.com/auth/signup 打开后你就会看到这原创 2016-10-26 21:27:42 · 7973 阅读 · 3 评论 -
Cocos Creator + TypeScript 入门教程
这不是 Cocos Creator 的入门教程,也不是TypeScript 的入门教程,这是 Cocos Creator+TypeScript 的入门教程。前提无论学什么技术知识,官方文档都应该是你第一个教程,所以请先至少阅读新手上路这一节 http://docs.cocos.com/creator/manual/zh/getting-started/ 再来看这篇文章。这里假设原创 2018-02-04 20:02:01 · 58290 阅读 · 11 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(14)】——(完结)写在后面
终于写完了!虽然比我预期的晚了一点我的暑假生活就是这样的:吃饭,睡觉,看奥运会,打代码,写教程我也不知道写完有没有人看,反正我写的时候挺嗨的,本来我准备都用第三人称写的,但是不知道怎么的,不知不觉就改成第一人称了,你们还记得X了么去年暑假也是整天对着电脑,结果眼睛过度疲劳,后面一半暑假都是在滴眼药水和听收音机的时间里度过的如果你们认真的从头看到尾(有这样的人吗。。。),你们会发现第二个游戏的教程明显原创 2016-09-03 11:54:38 · 3583 阅读 · 8 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(11)】——(Jump Game) 镜头跟随
上节自习大家是不是上的很开心啊。。。。大家是不是发现了两个游戏有辣么多相同的地方,就连很多节点的名字都一样但是有一个东西是第一游戏没有的,那就是中间的那个Camera我把Camera节点添加上颜色Camera就是标记一块区域,这块区域是干什么的呢?又是最后面那位宝强同学说出了正确答案这块区域就是镜头范围拿拍电影来举例子,当拍一个场景时,场景里常常有主角,而主角常常有主角光环,所以摄像机的镜头就要对准原创 2016-09-02 10:14:38 · 7606 阅读 · 0 评论 -
【Cocos Creator基础教程(组件篇)】——TiledMap(瓦片地图)
Tiled Map Editor:下载(window 64位汉化,包括下面用到的资源和工程源码): http://download.csdn.net/download/potato47/9516578原创 2016-05-11 13:46:13 · 57658 阅读 · 35 评论 -
【Cocos Creator 实战教程(1)】——人机对战五子棋(节点事件相关)
整体思路 在15*15的棋盘上每一个可下棋子的地方都放置一个“隐形的棋子”,当要在某个位置下子时就将该位置的棋子显示出来,在判断输赢逻辑里,我们根据这225个”隐形棋子”的状态(黑,白,无)判断输赢涉及知识点场景切换按钮事件监听节点事件监听节点数组循环中闭包的应用动态更换sprite图片定时器关于人机算法 参考了http://blog.csdn.net/onezeros/ar原创 2016-04-24 13:06:39 · 21368 阅读 · 22 评论 -
【Cocos Creator 实战教程(0)】——写在前面
本来我想自己写一个Android的游戏引擎,但是,,,,Cocos2d工具和开发流程对新手太不友好了,Unity3d又显得太“大气”了一点,这个Cocos Creator的出世简直就是小白的福音啊,但毕竟今年才发布,除了官方文档基本上没有系统的学习资料,我就来做第一个吃螃蟹的人吧(虽然我不喜欢吃螃蟹)原创 2016-04-24 09:41:50 · 5891 阅读 · 3 评论 -
【Cocos Creator基础教程(其他)】——原生平台退出游戏方法
cc.director.end();原创 2016-05-18 19:44:29 · 9202 阅读 · 1 评论 -
【Cocos Creator 实战教程(4)】——黄金矿工(上)(节点动作、碰撞体相关)
准备工作:我们新建一个工程,名字叫做GoldMiner,把相关资源导入,搭建一个游戏场景如下(灰色节点先不用看,那是后来加上的): 绳子伸缩思路:在玩游戏时我们需要让绳子伸长去采矿,在制作游戏的时候,绳子是一个节点,很多人都会利用节点的伸缩方法来实现绳子伸长的效果,但如果直接调整节点长度,会使图片变得模糊,如果绳子中间是纯色的,我们可以利用9path图片工具来制作相应可以拉伸不变形的图片。但我这里原创 2016-06-05 17:26:30 · 14459 阅读 · 5 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(1)】——Cocos Creator初遇见
X去网上百度了一下怎样快速开发一款手机游戏,却发现前几条都是广告,后来还是了解到了游戏引擎,知道了Cocos和Unity,据说市面上大多数手游都是Cocos做的,所以他决定尝试一下,他去官网下载了Cocos2d—X,去网上找教程,找资料,折腾了一上午终于在电脑上显示了HelloWorld,可是他想做手机游戏啊,他又去网上找教程,找资料,折腾了一下午,他终于,放弃了。他转战Unity,这次很顺利,全图原创 2016-08-28 22:42:08 · 4667 阅读 · 3 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(2)】——要做一个什么样的游戏?
俗话说得好,万事开头难,往后越来越难。。。X觉得完全从头做一个游戏有点困难,所以他决定参考一下别人的,他翻了一下官方论坛,里面有一些教程,但没有什么具体的游戏,他从示例工程里看到了一个根据Flappy Bird改编的游戏,说是改编,其实就是把鸟换成了羊,他决定就在这个游戏的基础上做一个自己的游戏。当然还要考虑一个很重要的因素,既然这个游戏是给别人做的就要考虑一下别人的感受,要让她感受到“私人定制”原创 2016-08-28 22:44:00 · 4487 阅读 · 5 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(3)】——游戏加载界面
恰好今天Creator1.2发布,我们紧跟潮流,就用1.2开始做吧X给游戏起了一个名字47-21,其中深意自己体会。(其实就是思琪名字的谐音,并且今年是她21岁的生日。。。当然你也可以理解为思琪爱你…)因为X基本没有什么美术功底,所以一切简约为主。。。先看一下要相处一个月的东西X要做一个竖屏的游戏,所以他把布局改成了这个样子并把偏好设置改成了竖屏新建场景 Load,并在Canvas节点下新建单色S原创 2016-08-28 23:04:51 · 7056 阅读 · 6 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(0)】——本故事纯属虚构
我们假设: 主人公叫做X,女主叫做思琪他高中就认识了她他高考考了594分,她考了605分他在高考填志愿的那几天每天不停的问她,报了哪些学校,虽然他知道可能性不大,但他依然想跟她去同一所学校她在填志愿的最后一天下午,听了老师的谣言,询问了自作聪明的校长,把第三个志愿也就是最可能去的学校改成了最垃圾的学校————江南大学他不知道录取通知下来,她被江南大学录取,他被南昌大学录取,江南大学最低录取分数线59原创 2016-08-28 22:39:30 · 3590 阅读 · 0 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(4)】——游戏主菜单
既然是两个游戏,所以X想用两个主页面,最理想的就是用pageview,可是Creator还没支持,所以用一个差不多的模拟一下——ScrollView新建一个ScrollView空节点,添加ScrollView组件,使其大小充满全屏,在content节点下添加两个单色的Sprite节点,分别取名为PageLeft和PageRight调整颜色大小如图再改造一下变成下面的样子给两个按钮分别添加点击事件(新原创 2016-08-28 23:11:27 · 4492 阅读 · 0 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(6)】——(Run Game)主角逻辑
我们在Canvas节点的同级添加一个Game节点,并添加两个子节点如图新建一个脚本取名叫做“Game”并添加到Game节点上Game.jsvar Player = require("Player");cc.Class({ extends: cc.Component, properties: { player:Player, }, onLoad: func原创 2016-08-29 07:44:45 · 3770 阅读 · 0 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(7)】——(Run Game)背景移动
新建CameraManager.js添加到在Game的子节点CameraManager下CameraManager.jscc.Class({ extends: cc.Component, properties: { far:cc.Node, farRelSpeed:0,//相对主角移动速度 farOffX:0,//循环滚动距离原创 2016-08-29 07:47:51 · 3927 阅读 · 0 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(8)】——(Run Game) Prefab的动态管理
我们先来考虑一下这个PrefabManager是干什么的,我们的游戏中有重复出现的水管和老公,所以PrefabManager要能够动态管理他们,理所当然要有创建和销毁的方法,创建很简单,我们只需要每隔一段距离往pipeLayer添加子节点就行了,但销毁它们还是需要一些技巧的,从逻辑角度来说,当水管和老公移动到屏幕外时我们就要将他们销毁,这里我们用一个普通班不会教的方法——利用碰撞检测系统我们先给Pr原创 2016-08-29 07:56:52 · 5805 阅读 · 0 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(9)】——(Run Game) 游戏逻辑与碰撞检测
至此为止,我们已经把主要的技术问题都解决了,现在我们给游戏添加 具体的逻辑给主角添加碰撞组件回顾一下我们已经添加的碰撞组件的节点管子兄弟:tag=333管子哥哥和管子弟弟:tag=3331大老公:tag=666主角可以跟它们产生碰撞,碰撞的效果如下管子兄弟:(离开时)加分(相当于已经跳过了一组管子)管子哥哥或者管子弟弟:主角死亡,游戏失败大老公:能量槽加1,大老公销毁完善主角逻辑,重新修改如下Pl原创 2016-08-29 08:00:08 · 4109 阅读 · 2 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(5)】——(Run Game)场景搭建
先看图这个场景我们只用了两张小图片素材,分别是A1和B1对应的图片,而A2和B2是复制前面的,可以看出,A和B部分明显长出屏幕的宽,这是为了实现背景无限移动的效果(当图片滚动到一定距离,我们让它再重新滚动。这样就可以简单的实现无限背景)。复习时间到:我们的原始图片素材并没有这么高,所以要让它纵向拉伸,问题来了,怎么才能让纵向拉伸的图片不变形呢?请在心里默数三个数,再看答案321再添加几个元素看到下面原创 2016-08-28 23:27:18 · 3842 阅读 · 1 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(10)】——(Jump Game) 场景搭建等
我先来说说,第二个游戏是个什么样子的我们继续用第一个游戏的主角,这里的场景是天空,天空中有很多云,有的云很老实,有的云很脆弱,有的云很好动,我们的主角目的只有一个——上天经过我的无数次实验(其实也没有很多次啦。。),设定了主角的移动方式为自动跳跃,玩家控制左右方向,水平速度一直存在,这样可以给游戏增加一点难度,玩家需要一直左右调整方向为了上天的路上不太单调,我们在天上随机放一些老公,吃到老公加能量,原创 2016-09-02 09:55:39 · 2279 阅读 · 0 评论 -
【用Cocos Creator给暗恋的女生写一个游戏(12)】——跨场景访问节点、存储数据、添加音效音乐、打包发布
跨场景访问节点我们来看一下之前做的菜单场景中间有一个记录的label我们一直没理她,今天我们就来翻她的牌子我们每次游戏结束时都会有一个分数,这个分数变量在相应的游戏场景里,我们想要的效果时:当返回菜单时,我们要把这个分数变量带回来,但当场景销毁时,其中的所有节点都会随之消失这里就要引出另一个重要的知识点,同学们拿笔记一下没带笔的前后桌借一下不会跟随场景销毁的节点——常驻节点我们回到第一个Load场景原创 2016-09-02 10:38:59 · 5864 阅读 · 4 评论 -
Cocos Creator 调试入门
求人不如求己,今天给萌新带来一篇利用 Chrome 调试 Cocos Creator 游戏的教程,学会调试之后你就可以自己解决很多问题啦。准备工作下载我之前用ts写的摘星星游戏 https://github.com/potato47/star-catcher 确保安装 Chrome 也就是谷歌浏览器用 Cocos Creator 打开下载的工程,双击 game 场景,用 Chrome...原创 2018-02-24 19:00:43 · 15798 阅读 · 4 评论