cocos shader
飞猪001
这个作者很懒,什么都没留下…
展开
-
cocos shader 水面扭曲效果
1.效果2.原理 利用噪声纹理对需要一个色值对需要扭曲的图片进行添加uv差值。利用effect的内置函数cc_time当时间线,来达到动态的效果。3.代码CCEffect %{ techniques: - passes: - vert: vs frag: fs blendState: targets: - blend: true rasterizerState: cu...原创 2021-11-14 09:18:33 · 859 阅读 · 0 评论 -
cocos shader 学习之流光
1.效果2.原理 (已知点击的中心点p,与穿过p点的线l,并且与x轴的角度)利用三角函数先找到p点与x轴相交的点a的x坐标。在沿着uv画一条平行于x轴的线于l相交于d点,求d点的x坐标。然后求出uv->d点的距离,利用三角函数在求出过uv点于线l正交的距离。3.代码// Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd. CCEffect %{ techniques: - passes: ...原创 2021-11-06 23:02:13 · 617 阅读 · 0 评论 -
cocos shader学习之 手电筒光效
一.效果2.原理 计算每个uv的点距离点击屏幕的uv点的距离,根据已知的宽度计算显示的区域。3.代码// Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd. CCEffect %{ techniques: - passes: - vert: vs frag: fs blendState: targets: - blend...原创 2021-11-06 22:15:26 · 403 阅读 · 0 评论 -
cocos shader 初探之马赛克
1.效果2.原理 将一张图片分割成n*n个格子,将得到的uv判断出所在的格子,将uv坐标偏移到格子的中间。3.代码// Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd. CCEffect %{ techniques: - passes: - vert: vs frag: fs blendState: targets: - blend:...原创 2021-11-06 14:17:51 · 230 阅读 · 0 评论