lamyoung

白玉无冰 | 专注难点 | 每天进步一点点 | 游戏开发 | Cocos

初探精灵(Sprite)中的网格(Mesh)渲染模式 ！ Cocos Creator !

小朋友你是否有很多问号？ 当 Sprite 组件选择渲染模式 Mesh 时，图片会没了？ 翻翻官方文档看看这个是什么东西？ https://docs.cocos.com/creator/manual/zh/components/sprite.htm 按照文档，下载 TexturePacker 并导出，拖到编辑器内，改成 Mesh 果然出现图片了。 请无视上面...

Posted by lamyoung on May 18, 2020

物理刚体挖洞！另一种实现 ！Cocos Creator !

这次就不用物理链条了，换一种方式实现。 回顾 在 物理挖洞-优化篇 和 物理挖洞-实现篇 中介绍了一种用多边形链条组件(cc.PhysicsChainCollider)实现物理挖洞的方法。这次打算用多边形碰撞组件(cc.PhysicsPolygonCollider)去实现物理挖洞。 建议先看前两篇的讲解，有助于更快理解这篇文章。 效果预览 微信小游戏-ios-端效果预览...

Posted by lamyoung on May 10, 2020

物理挖洞！涂抹地形! 小鳄鱼爱洗澡！百战天虫 ！Cocos Creator !

终于来挖坑了！老规矩！图文+视频讲解！ 效果预览 实现步骤 整体思路是先使用 PolyBool 计算多边形，接着使用 cc.PhysicsChainCollider 将多边形围起来，最后使用 cc.Graphics 将整个地形绘制出来。 引入 PolyBool PolyBool是什么？对多边形（并集，交集，差，异或）进行运算。(Boolean operations on...

Posted by lamyoung on April 24, 2020

shader 动画之 loading ! Cocos Creator !

手把手带你玩转 shader 动画！ 效果预览 实现步骤 准备阶段 由于实现动画需要纹理uv的坐标。刚好 cocos creator 在 sprite 这个组件中，会传入uv坐标。 并且，sprite 组件需要有spriteFrame时，才会有uv坐标。 我们就用新建项目后，这个自带的资源作为 sprite 的 spriteFrame 吧。 需要注意的是，要把这...

Posted by lamyoung on April 13, 2020

javascript 中的三位一体

最近看到一个有意思的图片，包含了鲜为人知的秘密。。。 先看看这张有意思的图片。 图左应该讲的是基督教中的三位一体。翻译成中文如下。 当然这不是我们的重点，我们的重点在右边这个图。讲的是js中相等操作。 ==是js中的宽松相等(loose equals)。===是严格相等(strict equals)。 这两个都是用来判断两个值是否相等。区别在于。 ==允许在...

Posted by lamyoung on April 8, 2020

被攻击闪白特效！小白shader入门实战 ！Cocos Creator!

小白上手 shader 编程最佳实战！讲解effect 和 material 在 cocos creator中的关系。 效果预览 实现原理 在着色器中，对每个像素点添加一个颜色值。 o.rgb = o.rgb + addColor.rgb; 接着写个定时器，切换一下材质。 private attackOne(render: cc.RenderComponent)...

Posted by lamyoung on March 31, 2020

欢乐水杯(happy glass)的流体实现！ Cocos Creator!

用 shader + camera 实现流体效果 ！文章底部附完整代码！ 效果预览 实现原理 整体思路是参考论坛中的一个帖子 这款游戏中水的粘连效果在Construct3中利用图层很容易实现，就是每个水滴都是挂了两个圆形图片素材，其中一个是水滴本来的蓝色，另一个是其他颜色且素材边缘是半透明的。当几个水滴靠近时让半透明素材边缘相互重叠，这时原本半透明的边缘透明度变...

Posted by lamyoung on March 26, 2020

抛物线的瞄准线的绘制！ Cocos Creator!

给平抛高抛发射添加一个瞄准线！文章底部附完整代码！ 效果预览 在 如何实现高抛平抛发射？从抛物线说起！ 中介绍了物体平抛或高抛发射的一种实现。这次我们为它添加一个瞄准线。 需求分析 已知物体初速度v，重力加速度a，物体初始位置。求物体的运动轨迹。 这个问题可以转换成，物体在时间t之后的位置在哪里。 而抛物线运动可以分解成x轴匀速直线，y轴匀加速直线运动。 对于t时刻...

Posted by lamyoung on March 22, 2020

物体随机飞溅运动！ Cocos Creator!

大量物体以随机初速度的飞溅运动！文章底部附完整代码！ 效果预览 像火山喷发、烟花等等运动，都是物体随机飞溅运动。 这个运动其实是抛物运动。 抛物运动也可以看成是匀加速运动。 假设一个物体的初速度为v_0，加速度为a，某一个时刻t的速度公式如下： v = v_0 + a * t 对这个公式作一次积分，正好是位移。 s = v_0 * t + 0.5 * a *...

Posted by lamyoung on March 17, 2020

贪吃蛇大作战！蛇移动的思考与实现！ Cocos Creator!

摇杆与蛇移动的结合！文章底部附完整代码！ 效果预览 摇杆控制器的实现就不多说了，可以参考KUOKUO写的 摇杆控制器！Cocos Creator！ 我稍微修改了下，改成typescript版本了。 先分析需求，蛇移动有什么特点？ 蛇身每次移动的轨迹，都是蛇头移动的轨迹。 以我们小时候在诺基亚玩的贪吃蛇为例，可以看到，移动后，每个蛇身的位置刚好是该蛇身前面一节的位置。...

Posted by lamyoung on March 9, 2020

FEATURED TAGS
cocos-creator shell wxcloud fb-instant-games javascript web soup python
ABOUT ME

FRIENDS