研究了3天，终于将 Shader 移植到 Cocos Creator 2.2.0 上了

预览

扫光特效—Fluxay2

马赛克像素特效—Mosaic

过渡效果—Transfer

Shawn 花了3天时间，研究了Cocos Creator 2.2.0 的 Effect 语法，终于在1024节前夕，大概知道如何将 2.1.3 的 Shader 特效给移植过去，成功移植了上面几个 Effect 文件，下面我讲一下关键要点，相信你可以自行完成。

uniform block

在片元代码中定义 uniform 变量，除了sampler2D 类型以外，必须将 uniform 变量放到 uniform block 里面，代码如下：

uniform PROPERTIES{    vec4  color;    float factor;   float width;    float time;
}

在 WebGL 2 中新增了 Uniform Block 的写法，着色器与应用程序之间，或者着色器各阶段之间共享的变量可组织为变量块(Uniform Block)的形式，并且有时候必须采取这种形式。

Shawn 对具体细节也不清楚，还需要进一步学习。

vec3 不可用

有几个 Shader 有包含有 vec3 类型的 uniform 变量，始终报错，如下提示：

没有办法，搞了好次几都不行，只有求助引擎组大佬：

通过 panda 的指点，我将 vec3 类型的变量改为 vec4 就没事了！

有不少伙伴在微信或公众号后台向 Shawn 询问 ShaderHelper2 不能在 Cocos Creator 2.2.0 上工作的问题。

在此向大家致歉 ShaderHelper2 中的 Effect 还未完全移植完毕，移植的几个 Effect 也还未经过测试，需要再过几天才能放出，通过上面的方法你也可以快速移植。

结语

Shawn 写公众号有两年了，目前自由职业也已经 4 个月了，日更 120+ 天，但苦于一直没有收入，也未能探索出一个能持续维持生活的路子。唯一在10月接到「腾讯云沙龙」的 3 场线下沙龙推广活动，缓解拮据的经济情况。

本周六是「腾讯云沙龙」上海站，如果你在上海或有上海的朋友，请相互转告或邀约同行，Shawn为大家争取福利，上周北京站有 3 位伙伴获得了公众号专属福利《腾讯游戏开发精萃》，他们是：

星空
samael
赚钱容易花钱难

再次感谢 3 位伙伴对 Shawn 的支持，腾讯云这边非常大方，尽管「赚钱容易花钱难」没有邀到朋友同行，Shawn 也为他争取到了一份

！

扫码报名

「腾讯云沙龙▪上海站」

研究了3天，终于将 Shader 移植到 Cocos Creator 2.2.0 上了相关推荐

Fake3D Depth Map Cocos Creator Shader
让 2D 图像展示虚拟 3D 的效果. 效果随着鼠标移动,一张2d图片表现出3d动态的效果. 动图效果预览视频 https://www.bilibili.com/video/BV1Xy4y1L7 ...
把Oracle数据库移植到Microsoft SQL Server 7 0
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 把Ora ...
麒麟子Cocos Creator 3D研究笔记十一：实用Shader之单张纹理实现武器动态发光
零.别看广告,看疗效虽然标题叫武器发光,其实它还能实现魔法护盾.动态光柱等效果.别说话,看图! 阿子最近沉迷于学英语和写代码,可HIGH了. 一看时间,竟然已经十天没发稿了. 但这不能怪阿子,要怪就 ...
Shader山下（三十）移动平台上的优化
以下摘录自<Unity 3D ShaderLab开发实战详解>,第34章.(2015年第2版) 本章的大部分内容都是从 Unity 的官方论坛和文档收集的,在此只是简单地分享给读者. 移动 ...
以太网控制芯片DM9000在2440裸机上终于能正确接收数据了（源代码工程已经上传）...
以太网控制芯片DM9000在2440裸机上终于能正确接收数据了(源代码工程已经上传) (411.47 K) 该附件被下载次数 168 弄了几天DM9000了,一直不能正确接收数据,郁闷了几天,现在终于 ...
unity3d shader编程中GrabPass 在某些android手机上失效的解决方案
unity3d shader编程中GrabPass 在某些android手机上失效的解决方案参考文章: (1)unity3d shader编程中GrabPass 在某些android手机上失效的解决 ...
用 shader effect 实现雨滴落水效果！Cocos Creator 3D !
最近逛论坛时,看到一位大佬在分享各种 shader 特效.基于其中的水波 shader ,白玉无冰写了一个玩水效果!文章底部获取完整代码!还可以试试水哦! 先一起看看效果- 点击任意位置,会在该位置生 ...
IMX6ULL - 移植uboot-imx_v2020.04_5.4.70_2.3.0
作者:zzssdd2 E-mail:zzssdd2@foxmail.com 一.说明主机系统:Ubuntu 20.04.3 LTS 开发板:TOPEET-IMX6ULL Uboot版本:imx_v2 ...
android 8.0人脸识别,华为终于坐不住了！推送新版EMUI 8.0：新增人脸识别解锁功能！...
原标题:华为终于坐不住了!推送新版EMUI 8.0:新增人脸识别解锁功能! 近日,华为Mate 10系列终于迎来重磅更新--EMUI 8.0.0.128SP2版本.新版系统新增了万众期待的人脸识别解锁 ...

研究了3天，终于将 Shader 移植到 Cocos Creator 2.2.0 上了

研究了3天，终于将 Shader 移植到 Cocos Creator 2.2.0 上了相关推荐

最新文章

热门文章