1.Cocos Creator 3.x 开发2D水面波纹Shader
2.cocos引擎好用吗?
Cocos Creator 3.x 开发2D水面波纹Shader
使用 cocos Creator 3.8 开发 2D 水面波纹 Shader 的码解过程和相关技术点总结如下:
2D 波浪基本原理:给定正选波边界,范围内的码解片元 uv 显示,范围外的码解片元 uv 不显示。利用正弦波表达式:y = A * sin(w * t + offset)。码解冰河娱乐源码将片元的码解 uv 坐标 uv.x 带入公式计算 y0 值。Cocos 的码解 uv 左上角为 (0, 0),在上方做水波纹,码解片元的码解 uv.y y0 的片元丢弃,uv.y >= y0 的码解片元正常显示。
实现动态水波:不断改变相同位置的码解 offset,得到不同的码解征途国外源码 y0 值,决定不同片元的码解显示和丢弃,使水波动起来。码解
编写 Shader 步骤:
第步:新建标准 2D Shader 模板,码解正常显示。码解复制 buildin-sprite Shader 模板,语音会议源码创建材质并设置到 Sprite 组件上。
第步:定义控制参数:baseLine、振幅 A、角速度 wSpeed。
第步:修改 Fragment 着色代码,usim程序源码实现基准线功能。基准线以上的片元丢弃,基准线以下的片元保留。
第步:将基准线加上正弦波处理,offset 为 uv.x,android源码proto值为 A * sin(offset),将 baseLine 转换为正弦波分界线。
第步:让正弦波动起来。在 sin 表达式中加上 w*t,其中 cc_time.x 为从启动后到现在的累计时间,随时间变化,value = A * sin(uv.x * .0 + wSpeed * cc_time.x),实现波形周期变化。
完整 Shader 代码:在 cocos Creator 3.8.0 中编写。
欲获取项目工程源码和更多教学视频,请关注我们。
cocos引擎好用吗?
cocos引擎是由触控科技推出的游戏开发一站式解决方案,包含了从新建立项、游戏制作、到打包上线的全套流程。开发者可以通过cocos快速生成代码、编辑资源和动画等一整套流程。肯定好用啊!
江西九江:优化营商环境 筑牢民生底线
福建三明多环节做好药械监管保障工作
電腦系統癱瘓「看診領藥大延誤」 內湖三總致歉
大谷球迷追星、日企贊助吸金力驚人!洛杉磯市訂5/17「大谷翔平日」
暑期商機!統一夏日福袋抽180萬「黃金」 全聯、大潤發頭獎送休旅車
創意私房成員真面目曝!警涉案稱「協助刪除」 騙少女拍不雅片轉賣