2020 原创精选! shader | 挖洞 | 流体 | 3D | 绳子纹理 | 四叉树 样样都有!

Posted by lamyoung on September 22, 2020

总能找到对你有帮助的~

前言

白玉无冰写文已经一年多了,从原来的翻译文到后来的研究笔记文,一路走来,有些不错的文章整理推荐给大家。

注意!大部分文章是研究笔记,出于兴趣爱好,学习记录的一些想法。并未在实际项目中使用过(当然有些被粉丝使用到项目中),需要大家认真考量哈。

但是总能找到一些对大家游戏开发有帮助的地方,希望能给大家带来新思路,新想法。

点击对应标题可以直达文章哦~

整理

主要分为以下几大类:

  • shader
  • 物理挖洞
  • 物理流体
  • 物理粒子
  • 绳子纹理
  • Cocos 3D
  • 抛物线
  • 多边形裁剪与gizmo
  • 其他

shader

玩转入门 shader , 一些效果展示。

入门资料整理+闪白特效

这篇文章整理了一些入门 Cocos Creator shader 的参考资料,引入了一个攻击闪白效果。

3D玩水

介绍了用 sin 函数模拟水滴落水的效果。

顶点动画之旗子

把一张图分割多个顶点,使用 mesh 并计算相应的纹理坐标,最终实现一个顶点动画效果。

使用卷积实现各种滤镜效果

使用卷积滤镜实现 模糊、锐化、浮雕 等各种效果。

渐变效果 shader

把两种图片混色,实现渐变效果。

分形着色器!数学之美!

感受数学公式带来的 shader

shader 动画之 loading

单纯的用 shader 写一个动画!视频讲解!

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

巧用渲染模式平铺(TILED)和 sin 实现顶点动画。

两种方法实现亮度/饱和度/对比度的调整

uniform 方案和 assembler 方案的实现。需要注意的是 drawcall 数量并不是越少越好,最佳性能往往是 CPUGPU 负载均衡的结果。

噪声纹理之消融效果!

溶解!shader 入门实战之噪声纹理!

膨胀肥胖效果!

沿着法线向量膨胀!

物理挖洞

讲述了物理挖洞的实现过程,从原来的链条到后来的多边形,再到3D视觉效果,最后到分块,层层递进,建议按顺序阅读,含一些视频讲解。

物理挖洞之链条!实现!(含视频讲解)

物理挖洞之链条!优化!(含视频讲解)

物理挖洞之多边形!实现!

物理挖洞之多边形!填坑!

物理挖洞之3D效果!

物理挖洞之分块!合集!

物理流体

实现水连结效果。

欢乐水杯的流体实现

shader + camera 实现流体效果 !视频讲解!

物理粒子

隐秘的物理粒子系统与渲染 !

cocos Q弹起来!物理流体之 LiquidFun 流体纹理 shader !

绳子纹理

讲述了应用 Sprite 渲染模式 Meshcc.Graphics ,实现画线纹理的操作。不过还是推荐使用 cc.meshRenderer 去实现哈。

初探精灵中的网格渲染模式 !

画线纹理1 之基础实现

画线纹理2 之连接优化

画线纹理3 之纹理移动

Cocos 3D

3D摇杆控制器一种简单实现!

坐标转换!旋转!跳跃!不停歇!

瞄准器!3D入门实战!拇指射箭!

瞄哪打哪!超简单的射线检测!

初探雾效果!shader 源码分析与讲解!

随便讲讲雾的原理以及旧版本的使用雾的方法。

抛物线

抛物线运动可以看成是多个方向的匀加速直线运动。

高抛平抛发射

已知初速度大小,起点终点位置,如何按预期轨迹行动呢?

抛物线的瞄准线的绘制!

给平抛高抛发射添加一个瞄准线!

拇指投篮

3D 中抛物线的计算

多边形裁剪与gizmo

一种替换 cc.mask 的方案,减少 draw call。还介绍了配合插件gizmo的使用。

使用 mesh 实现多边形裁剪图片

介绍了 mesh 相关的参数与使用,多边形分割算法等。

gizmo 插件入门

mesh 实现多边形裁剪图片进一步操作优化,在编辑器用鼠标拖动顶点编辑多边形形状!

多边形裁剪与Gizmo!新版!

支持缩放旋转,支持合图,支持gizmo添加节点和调整位置,支持顺时针逆时针。

其他

雷达图的一种实现!

支持定义任意多个属性值,简单好用!

贪吃蛇移动的思考与实现!

摇杆与蛇移动的结合!

物体随机飞溅运动!

大量物体以随机初速度的飞溅运动!正态分布的飞溅运动!

javascript 中的三位一体

介绍了 JS 中的类型转换和比较。

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

支持 SpriteLabel!参数可调!

2D实现背景图3D滚动效果(透视)

战斗地面效果!在 2D 中实现有纵深感(透视)的卷动效果。 当然也可以直接用3D节点。这里提供一个思路供大家参考参考。

四叉树与碰撞检测

四叉树与引擎内置碰撞检测的结合运用。

代码

项目工程可以在github上找到

  • https://github.com/baiyuwubing
  • https://gitee.com/lamyoung (同步github,国内这个可能快一点)

B站视频:

  • https://space.bilibili.com/1756070/video

qq加油群 (群文件有一些📚书籍资料)

  • 859642112

微信视频号:

后语

感谢大家一直以来的陪伴(分享/点赞/在看/留言/赞赏),白玉无冰才能一路输出,希望能帮助大家一起成长学习!



原创文章导航