小游戏开发
关注
分享
扫一扫
「已注销」
这个作者很懒，什么都没留下…
展开
-
多边形裁剪图片与自定义 Gizmo ！Cocos Creator Gizmo！
支持合图，支持gizmo添加节点和调整位置，支持缩放旋转。文章底部获取完整项目！效果预览与使用原理回顾在gizmo入门探索介绍了 gizmo 与多边形裁剪的配合。在使用 mesh 实现多...原创 2020-08-04 20:48:00 · 985 阅读 · 0 评论 -
JavaScript 中的三位一体
最近看到一个有意思的图片，包含了鲜为人知的秘密。。。先看看这张有意思的图片。 图左应该讲的是基督教中的三位一体。翻译成中文如下。当然这不是我们的重点，我们的重点在右边这个图。讲的是js中相等操作。 ==是js中的宽松相等(loose equals)。===是严格相等(strict equals)。这两个都是用来判断两个值是否相等。区别在于。==允许在比较中进行强制类...原创 2020-04-11 10:56:35 · 1464 阅读 · 0 评论 -
欢乐水杯(happy glass)中流体的一种实现！图文+视频讲解 ! Cocos Creator!
使用cocos creator v2.2.2 实现流体效果 ！ 图文+视频讲解！效果预览实现原理整体思路是参考论坛中的一个帖子这款游戏中水的粘连效果在Construct3中利用图层很容易实现，就是每个水滴都是挂了两个圆形图片素材，其中一个是水滴本来的蓝色，另一个是其他颜色且素材边缘是半透明的。当几个水滴靠近时让半透明素材边缘相互重叠，这时原本半透明的边缘透明度变低。通过在当前图层...原创 2020-03-28 10:49:07 · 1398 阅读 · 1 评论 -
分形的奥秘！分形着色器！shader 编程入门实战 ！ Cocos Creator！
极致的数学之美！什么是分形？“一个粗糙或零碎的几何形状，可以分成数个部分，且每一部分都（至少近似地）是整体缩小后的形状”简单来说，分形（fractal）就像这个doge表情包一样，放大一部分后和原来的图近似。用分形着色器实现的效果如下，在编辑器内放大其中的一部分，会发现与整体非常相似！如何实现这么优雅的图片？一切起源于简单的公式（julia set） 。f(n) ...原创 2020-02-27 16:04:18 · 1483 阅读 · 0 评论 -
飘扬的旗帜！shader 编程实战！Cocos Creator！
用 shader mesh 立个 flag 吧！ 文章底部获取完整代码！效果预览使用方法创建一个空节点添加用户脚本组件 mesh-texture-flag添加图片修改对应属性实现原理概括来说就是创建 mesh 网格模型，通过顶点着色器对顶点坐标不断的修改，达到飘动的效果。关于 mesh 的介绍，可以参考上一篇文章。确定顶点坐标为了让顶点着色器里有多个...原创 2020-01-17 17:51:51 · 982 阅读 · 0 评论 -
使用 mesh 实现多边形裁剪图片！Cocos Creator！
和 mask 裁剪图片说拜拜，用上高性能的 mesh + shader 。文章底部获取完整代码！效果预览：使用方法：创建一个空节点添加用户脚本组件 mesh-texture-mask添加图片添加修改多边形顶点坐标实现原理创建 meshmesh 是什么？ mesh 是决定一个物体形状的东西。 例如在二维中可以是正方形、圆形、三角形等；在三维中可以是正方体、球体、圆柱体等...原创 2020-01-13 18:08:46 · 2101 阅读 · 0 评论 -
浅析射线检测 raycast 的使用 ！Cocos Creator 3D ！
哎呀？为什么我设置了节点点击回调没反应呀？记得在写小鸡拍拍的时候遇到一个问题，想要捕捉排球的点击事件，按照 2d 的写法，给3d 节点添加 node 事件，结果点了没反应。代码大概是以下的样子。this.node_volleyball.on(Node.EventType.TOUCH_START, () => { console.log('不可能看见我')}, this...原创 2019-12-10 18:00:03 · 2077 阅读 · 0 评论 -
cocos creator 3D | 拇指投篮 | 3D项目入门实战
你的命中率是多少呢？文章底部试玩！效果预览配置环境：Cocos Creator 3D v1.0.1玩法说明：触摸屏幕，向上滑动投篮！注意篮板是会移动的哦！看看你的命中率是多少！实现原理为了能达到好的投篮效果，在网上找了一个投篮机参数，大致按照实际参数设置篮框大小，球的大小，以及篮框的位置。碰撞器：篮板直接使用 盒碰撞器组件（BoxColliderComponent...原创 2019-12-04 16:26:50 · 1126 阅读 · 0 评论 -
cocos creator 3D | 拇指射箭
拇指射箭！你能射中靶心么？效果预览配置环境：cocos creator 3d v1.0.0玩法介绍：长按屏幕，拖动瞄准，放手发射。风向、重力和距离影响最终结果！越靠近中心得分越高！最高分10分！实现原理流程图：镜头控制：采用两个摄像机控制镜头显示。一个是发射视角的摄像机；另一个是绑定在箭节点的摄像机，会跟随箭一起移动。通过控制摄像机节点的 active 实现镜...原创 2019-11-22 17:00:09 · 1470 阅读 · 0 评论 -
蚂蚁庄园运动会登山赛！3d项目入门实战！Cocos Creator 3D！
好像没写过3d项目分享，那么就跟着蚂蚁庄园的小鸡一起跳跳跳吧！效果预览配置环境: cocos creator 3D 1.0.0首先是寻找3d资源花费了大半天时间，开发3d游戏不易呀！最终还是向KUOKUO大佬那捞了一只鸡(鸭？)来用了。由于是第一次写3d项目，摄像机镜头调了多次才达到预想的效果。还用了一个天空盒，网上找的资源。实现原理生成道路是用预制资源，代码动态生成。c...原创 2019-11-11 17:14:14 · 1156 阅读 · 0 评论 -
cocos creator | 盯着双11开喵铺里的小人许久，我也写了一个！
打开支付宝，天猫双11合伙人全面开喵铺的活动映入眼帘。点击进去后，我竟然盯着小人走路许久，琢磨着，自己也写个玩玩吧！效果预览先一起看看最终实现效果是怎么样的吧。配置环境cocos creator 2.0.8 (其他版本可能也可以) + typescript看看如何使用@property(cc.Prefab)charaterPrefab: cc.Prefab = null; /...原创 2019-11-08 21:35:18 · 286 阅读 · 0 评论 -
微信小游戏正式发布！什么！审核失败！流量主广告接入指南！
什么？为什么审核不通过？原创 2019-10-26 09:58:41 · 880 阅读 · 0 评论 -
三行代码搞定！在 2.0.9 之前版本使用 tween！cocos creator ! 附源代码！【白玉无冰】每天进步一点点
cocos creator V2.0.9版本 引入了全新的缓动 API：cc.tween，能提供更简洁的语法和更高的灵活性。那么在之前的版本想用 tween 该怎么办？由来因为自己之前有用过白鹭引擎(egret)做开发，感觉里面Tween很好用而我刚用 cocos creator 时是没有相关的链式用法，就动手把白鹭里tween.ts源码修改一下，搬运到 cocos creator 里使...原创 2019-10-19 12:29:14 · 494 阅读 · 0 评论 -
为何 cocos creator 发布的 facebook FBInstant fb-instant-games 小游戏的载入进度条从0%飞向100%，影响facebook过审【白玉无冰】每天进步一点
用cocos creator 发布 fb-instant-games (facebook小游戏 ) 后，发现平台预载入的进度条会从0等一段时间，然后直接飞到100。这个用户体验不是很好，而且可能影响过审，那么尝试解决这个问题。FBInstant 设置进度条的接口FBInstant.setLoadingProgress(percentagenumber)报告游戏的初始加载进度。参数perce...原创 2019-09-27 09:10:20 · 904 阅读 · 0 评论 -
重置facebook小游戏排行榜 --- 用facebook管理后台图谱 API 探索工具【白玉无冰】每天进步一点点
在开发完一个facebook小游戏，接入排行榜后，发现隔一段时间后玩家没有上线，排行榜里的玩家数据中的头像和名字都会变成一个默认值，在排行榜里显示的不好看。通过官方文档，找到一种方法，可以通过facebook图谱API探索工具，按照时间戳清除排行榜数据。首先以管理员的身份登录facebook管理后台 https://developers.facebook.com然后进入 图谱 API 探索...原创 2019-09-28 11:43:51 · 747 阅读 · 0 评论 -
cocos creator 实现截屏截图切割转成 base64分享--facebook小游戏截图base64分享,微信小游戏截图分享【白玉无冰】每天进步一点点
facebook小游戏分享的时候要传图片的base64码这个参数，有时需求是要截屏分享，让我们一起探索如何截屏吧。何时截屏我们要在游戏渲染完一次后截屏，cocos creator 提供了cc.Director.EVENT_AFTER_DRAW事件，这个事件是在渲染过程之后所触发的事件。由于我们只要触发一次截屏，只需要监听一次事件。cc.director.once(cc.Director...原创 2019-09-29 09:02:10 · 1826 阅读 · 0 评论 -
cocos creator 用摄像机实现局部缩放的效果，camera 小地图,局部放大，摄像机初学者新手教程【白玉无冰】每天进步一点点
多摄像机的支持可以让你轻松实现高级的自定义效果，比如双人分屏效果，或者场景小地图的生成。摄像机是什么摄像机(camera)是玩家观察游戏世界的窗口。可以这样理解，你在电视????电脑????上看到的演唱会直播等，会有不同的视角切换，这是因为切换不同的摄像机????视角实现的。创建场景时，Creator 会默认创建一个名为 Main Camera 的摄像机，作为这个场景的主摄像机。添加一个摄像机我们先创...原创 2019-09-30 07:51:58 · 4852 阅读 · 0 评论 -
cocos creator | 用摄像机实现背景滚动, camera 初学者新手教程【白玉无冰】每天进步一点点
利用摄像机的移动实现背景的移动基本原理利用摄像机拍摄时移动摄像拍摄点，在显示器上会呈现滚动效果。创建拍摄画布创建一个新的typescript项目。在场景中添加一个场景两倍宽的画布节点，并将两张背景图放在画布节点内。为两张背景图添加分组bg创建显示画布在场景中添加一个sprite用于这个摄像机显示的画布。因为用摄像机会上下反转，要修改scaleY为-1。并将它放在中间，大...原创 2019-09-30 08:07:49 · 1811 阅读 · 0 评论 -
cocos creator | 用摄像机实现残影幻影拖尾效果，camera 教学,【白玉无冰】每天进步一点点
超级幻影了解一下？基本原理利用摄像机拍摄角色，然后投影到多个显示画布，给画布节点设置不同的透明度，最后让画布节点跟随角色移动。创建角色和摄像机创建一个新的typescript项目。创建一个角色节点，并添加分组role。接着在角色节点里添加一个摄像机，并将摄像机的拍摄分组选为role。创建显示画布在场景中添加多个sprite用于这个摄像机显示的画布。因为用摄像机会上下反转...原创 2019-09-30 08:14:49 · 1030 阅读 · 0 评论 -
微信云开发之小游戏排行榜的实现，云数据库，云函数【白玉无冰】每天进步一点点
微信云开发之小游戏排行榜的实现整个流程用户信息上传分数云端客户端获取排行榜数据云端客户端微信云开发提供了数据库和云函数的功能，利用这两个功能，我们可以自主实现一个排行榜功能。整个流程先获得用户的基本信息(头像，昵称)等，这些数据可能会用在排行榜里展示。获取成功后，进入主界面。完成游戏上传分数。打开排行榜界面获取排行榜数据。所有总共涉及三个接口:1.用户信息；2.上传分数；3.获取排行榜数...原创 2019-09-25 19:13:32 · 2581 阅读 · 0 评论