前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >shader技巧(持续更新)

shader技巧(持续更新)

作者头像
sofu456
发布2024-01-11 10:31:35
900
发布2024-01-11 10:31:35
举报
文章被收录于专栏:sofu456sofu456
  • 数学函数: abs():绝对值函数。 acos():反余弦函数。 asin():反正弦函数。 atan():反正切函数。 ceil():向上取整函数。 cos():余弦函数。 cross():向量叉积函数。 distance():距离函数。 exp():指数函数。 floor():向下取整函数。 frac():小数部分函数。 length():向量长度函数。 log():自然对数函数。 max():最大值函数。 min():最小值函数。 pow():幂函数。 sin():正弦函数。 sqrt():平方根函数。 tan():正切函数。

  • 几何函数: normalize():向量归一化函数。 reflect():向量反射函数。 rotate():向量旋转函数。 scale():向量缩放函数。 translate():向量平移函数。
  • 纹理函数: texture2D():2D 纹理采样函数,输入sample和vec2,输出某个点的vec4向量 textureCube():立方体纹理采样函数,输入sample和vec2,输出某个点vec4向量
  • 高度计算 图像转为灰度图,灰度值表示点的高度 参考:https://search.bilibili.com/article?vt=12550451&keyword=shader%E7%AE%97%E6%B3%95
  • 随机函数,输入uv
代码语言:javascript
复制
float random (vec2 st) {
   return fract(sin(dot(st.xy,vec2(12.9898,78.233)))*43758.5453123);
}
void main(){
   vec2 uv = gl_FragCoord.xy/iResolution.xy;
   gl_FragColor = vec4(vec3(random(uv)),1.0);
}
在这里插入图片描述
在这里插入图片描述

参考:https://blog.csdn.net/a_codecat/article/details/127563784

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2024-01-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档