lamyoung

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

shader 动画之旗子/水纹波浪 !Cocos Creator !

顶点动画、正弦、波长、振幅、周期。 效果预览 使用步骤 新建材质 Material , 选择对应的 Effect ,调整参数。 在场景中新建一个精灵(Sprite) , SpriteFrame 选取一个超小的图片。渲染模式选择平铺(TILED),修改节点大小。材质选择上面创建的材质。 预览就能看到这张图片动起来了。 实现原理 为什么选择平铺模式可以实现这个效...

物理挖洞之分块 !Cocos Creator !

减少多边形计算!画饼分之~ 效果预览 回顾 在 物理挖洞之链条!实现!(含视频讲解) 中介绍了用 PolyBool 和链条组件(cc.PhysicsChainCollider)实现物理挖洞的方法。 虽说这种方案可能不是最佳方案,但里面有一种 evenodd 的思想,觉得不错的。 在 物理挖洞之链条!优化!(含视频讲解) 中介绍了几个优化的地方。 其中,单位化的思想...

图片/文字 的渐变色实现! Cocos Creator !

支持 Sprite 和 Label!参数可调!摆地摊的时候学习一波~ 效果预览: 如何使用? 在 cc.Sprite 或 cc.Label 添加脚本 ColorAssembler2D 。 调整颜色 colors 参数即可。 每个点的对应位置如下: 如何实现的呢? 对于 cc.RenderComponent 都有一个 _assembler。 只要这个 _...

画线纹理的一种简单实现! Cocos Creator !

cc.Graphics 画线也能加纹理了?文末附送完整代码。 初步实现 在 初探精灵中的网格渲染模式 ! 中简单分析了 Sprite 组件的渲染模式 Mesh 。 这次,我们应用 Sprite 渲染模式 Mesh 和 cc.Graphics ,实现画线纹理的操作。 先看看效果如何。 先在场景创建一个 cc.Graphics 节点。并添加一个子节点 cc.Sprite...

物理挖洞!3D 效果!Cocos Creator !

群内小伙伴各个都是人才,挖洞挖出新深度。 首先,感谢大佬 @菠萝菠萝 在初探精灵中的网格渲染模式 !留言,提供思路。 另一位群友 @云谷 在思路指导下,迅速写了一个版本,传到群里给大家分享,再次感谢! 最后,白玉无冰再次整理,转成 TypeScript 代码. 看看最终效果。 这边大致捋捋思路,分享一下这个3d效果是怎么实现的。 首先挖洞思路还是使用挖洞-另一...

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

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

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

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

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

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

shader 动画之 loading ! Cocos Creator !

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

javascript 中的三位一体

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