ssRender引擎shader使用

ssRender支持shader编写和Material的使用,今天介绍一下如何编写shader

1.首先创建工程在Resource窗口下点击Material创建New Material 和New Shader

 2.在顶点着色器中输入顶点信息,这部分无特殊需求无需更改引擎端已经帮我们封装好了。

3.编写片段着色器片,在FS中也有一些内置的变量,ssUV表示纹理坐标范围[0,1],ssTime时间变量随时间变化,我们先简单的画一个矩形。首先把纹理坐标的范围调整至[-1,1],中心点在屏幕的中心。

 4.创建矩形的颜色和矩形的范围,x范围在[0.2,0.7],y范围在[0.2,0.9]

5.接下来上色,在引擎端就可以看到一个粉色的矩形。

6.接下来我们再画一个圆,首先将笛卡尔坐标系转换成极坐标

 

7.在极坐标中规定屏幕中所有到圆心的距离小于0.8的点上色,这样就画出了一个圆

8.现在我们让这个圆动起来,因为sin函数的范围是-1到1,angle的范围是-pi到pi,用sin*3.14这样sin的范围改成-3.14到3.14周期性变化

 

 9.现在不想让圆显示这么大只想留圆的边缘怎么办呢?把圆上色的宽度调整到0.02,让小于0.85的像色点不上色

10. 最终的效果

 ssRender支持shader的编写,可拓展性很高,这里只介绍了单独shader相关的内容,后面会有Material相关的介绍.

 

 

 

 

 

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值