CocosCreator初级小案例
KUOKUO众享
一枚前端 Coder!Enjoy life!
展开
-
CocosCreator之KUOKUO带你做个加速带!起飞!
摘要有趣的物理小游戏总能让小伙伴们爱不释手,而 CocosCreator 的内置物理引擎让其开发变得更加简单。今天 KUOKUO 就做为大家带来物理的加速带,让主角小恐龙起飞!正文使用版本CocosCreator 版本 2.1.3最终效果[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lygj2jHU-1581684893655)(http://c...原创 2020-02-14 20:56:15 · 2225 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做BMFont中文游戏字体
性能图片字体会比直接渲染字体效率高出很多,所以尽量用图片字体。教程链接https://www.bilibili.com/video/av59284443O(∩_∩)O~~原创 2019-07-15 18:08:23 · 1162 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做自己的艺术数字字体
引擎版本CocosCreator v2.0.x实现效果教程链接https://www.bilibili.com/video/av55801008O(∩_∩)O~~原创 2019-06-16 23:41:36 · 1236 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做小小赛车-摄像机跟随
本次引擎2.0.5编辑工具VSCode目标:小小赛车先亮素材,很简单,就两个。爱给网中的赛道,以及一个小车。//、、、、、、、好了,让我们新建工程然后把赛道放进去,调整方向与大小。然后把小车拖上去,这样:我是把赛道放大了2倍,旋转了90度,拖一拖位置。调整到小车恰好可以放入那个栏位。然后在主摄像机下放入UI组件(因为一会摄像机要动)调整层级...原创 2019-01-05 20:33:40 · 11940 阅读 · 7 评论 -
CocosCreator之KUOKUO带你做主角数据本地存储加拖尾加摄像机缓跟随加无限地面-四合一教程
本次引擎2.0.5编辑工具VSCode目标1:本地存储新建个工程,加个单色背景,加个标签,加两个按钮(文字为‘升级’和‘存储’):好了,让我们新建个脚本绑在Canvas上main.js在加载时获取数据,如果没有,给初始值。给两个按钮写方法:好了,按钮事件绑上,试试;好了。目标2:尖尖的拖尾与摄像机跟随先PS个菱形然后其他素材...原创 2019-01-09 23:12:08 · 9303 阅读 · 5 评论 -
CocosCreator之KUOKUO带你利用对象池实现cc.graphics的单步撤销
本次引擎2.0.5编辑工具VSCode 目标:画笔单步撤销。方法:对象池存储节点,通过回收实现单步撤销。 新建工程:bk白色背景。新建个空节点:drawManager(便于管理预制体)然后新建一个空节点,绑上cc.graphics。做成预制体。好了,让我们写总控制脚本main绑定在Canvas上。声明节点和预制体:写个对象池:这样对象...原创 2018-12-07 00:05:52 · 2203 阅读 · 9 评论 -
CocosCreator之KUOKUO带你做个基于物理的跑酷游戏第一部分-做个地图加点盒子
本次引擎2.0.5编辑工具VSCode目标:第一部分,做个瓦片地图,加入物理盒子。 首先打开这个:没有的小伙伴们,百度一下哦。(可以说是一般的2D游戏,必备的软件)新建一个文件,里面的参数根据你手中素材设定。然后我们添加个素材,浏览,选择。然后就添加进来了(用了爱给网的素材)然后就开始在左方开始拼图玩。摁住就是一直涂,还有很多操作。比...原创 2018-12-11 23:16:23 · 5890 阅读 · 3 评论 -
CocosCreator之KUOKUO带你做个基于物理引擎的轮子小车的duang~
本次引擎2.0.5编辑工具VSCode目标:基于物理引擎的轮子小车的duang~ 来吧,让我们走进物理世界!新建工程:单色精灵背景,单色精灵地面。然后给ground加刚体,加个物理碰撞盒子。设置为静态。然后我们弄个车!!先加入blue单色节点宽度拉长点,加刚体,物理盒子。然后拖进起两个轮子(圆的就行);调整轮子大小,加刚体,加物理‘圆...原创 2018-12-16 21:07:24 · 2297 阅读 · 1 评论 -
CocosCreator之KUOKUO带你做个基于物理引擎的绳子关节的duang~
本次引擎2.0.5编辑工具VSCode目标:基于物理引擎的绳子关节的duang~ 来吧,让我们走进物理世界!新建工程:单色精灵背景,单色精灵地面。然后给ground加刚体,加个物理碰撞盒子。设置为静态。好了,我们弄个red方块主角:同理,不过它是动态的。好了,写个脚本,开启物理引擎;我绑定在Canvas上了。 好了,看一下!自...原创 2018-12-15 18:45:53 · 8850 阅读 · 8 评论 -
CocosCreator之KUOKUO带你做个基于物理的跑酷游戏第二部分-做个动画加点炸弹
本次引擎2.0.5编辑工具VSCode目标:第二部分,做个主角动画,加入炸弹。 把帧动画资源导入,然后把zhujue大小改了,图片改为我们序列帧动画第一个。素材结尾给出。打开动画编辑器,弄一个走(就是跑),还有一个跳跃的。好了,打开。选精灵选择,然后加关键帧。加关键帧后,改变图片至下一张:(在右侧属性面板把原先的叉掉,放新的)这样。模式为Lo...原创 2018-12-12 20:06:23 · 4734 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做疯狂炮台-分裂(3)
本次引擎2.0.5编辑工具VSCode目标:第三部分:物体碰撞分裂效果。这个跟第二部分独立,第二部分是一种游戏玩法,第三部分将是另一种玩法。文章最后给出源码下载!!!!好,我们拿出第一部分完成的部分(可以看我之前的博客:疯狂炮台(1)),(第一部分我们完成了:炮台随手指移动,有边界检测,无限子弹。)我们在此基础上把画布和背景弄成竖屏的,就是640*960(炮台...原创 2018-11-21 20:46:48 · 1335 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做疯狂炮台-数字(2)
本次引擎2.0.5编辑工具VSCode目标:第二部分:BOSS挨打与次数显示。好,我们第一部分刚做出了无限子弹,这一次我们找个BOSS(就是挨打的)单色节点配标签(忽然发现我好爱单色节点)然后给Boss加上碰撞盒(不是物理组件里面的哦)预制体子弹也加上;然后来到我们的碰撞分组管理器:项目->项目设置;然后我们给分个类:我们让子弹...原创 2018-11-18 10:59:15 · 1689 阅读 · 6 评论 -
CocosCreator之KUOKUO带你做疯狂炮台-炮台(1)
本次引擎2.0.5编辑工具VSCode目标:第一部分:子弹节点池,无限子弹。新建工程;改成你喜欢布局;建个白色背景;保存成game场景。然后我们建个炮台,,嗯,好看吧。一个空节点(paotai),body炮身,shoot炮台;(我们严谨一些,把空节点的大小改成100,125,然后调整一下位置,让炮管也包围进去)好了,然后我们写个脚本来控制炮台;pao...原创 2018-11-16 20:57:37 · 1572 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做疯狂木板-过桥(2)
本次引擎2.0.5编辑工具VSCode目标:第二部分,过桥与得分。接着上一节:我们实现了木板的变长与下落。现在我们实现一个牛逼的平台,怎么说它牛逼呢?我准备全程就用它一个来完成所有功能。看KUOKUO怎么实现。console.log(滑稽)首先,我们复制个ground然后改名字为move_ground,然后拖到中间。好了,然后我们在mian脚本里声明它:...原创 2018-12-07 22:39:57 · 2338 阅读 · 2 评论 -
CocosCreator之KUOKUO带你做疯狂木板-变长(1)
本次引擎2.0.5编辑工具VSCode目标:第一部分,手指点击变长的木板。这种类型的微信小游戏还是很多滴,今天KUOKUO带大家做一做。我们新建一个工程;加个bk背景,保存为game场景。顺便设置一下宽和高。好了,我们用单色节点弄个平台出来:黑色的ground,红色的zhujue.对应的坐标点一定要记住哦。我的是x = -220; 好了,再让...原创 2018-12-07 21:38:16 · 2905 阅读 · 0 评论 -
CocosCreator之KUOKUO带你做刚体移动与物品拾取到背包
本次引擎2.0.5编辑工具VSCode如遇不会某个步骤可以先过一遍之前教程,或者下方评论,感谢支持! 目标:物品拾取到背包在游戏中,我们肯定会有让主角拾取物品到背包的情景,怎么做呢?这里我们给出的是物理碰撞与网格布局结合。 好了,让我们新建个工程;先搭建个背景,然后弄个单色地板(都是利用单色精灵)然后,我用红色的单色精灵搭了一个主角,你们可以用图片或者就...原创 2018-11-28 20:06:02 · 4028 阅读 · 1 评论