Shader GLSL：好久未与大家见面了，今晚简单预热一下矩阵，如何在实际项目做出特效来

发布人

Shader GLSL 编程：提前预热一下使用shader 对图像进行平移、旋转、缩放等操作，理论上就是使用对应的矩阵来进行操作。
float box(in vec2 _st,in vec2 _size)
{
    //【1：】vec2(0.5) - vec2(0.2,0.05)=vec2(0.3,0.45);
    _size = vec2(0.5) - _size * 0.5;

    //【2：】 vec2(0.5) - vec2(0.05,0.2)=vec2(0.45,0.3);

    vec2 uv = smoothstep(_size,_size ,_st);
    uv *= smoothstep(_size,_size ,vec2(1.0) - _st);

    return uv.x * uv.y;

}

float cross(in vec2 _st,float _size)
{
    //vec2(0.4,0.1) + vec2(0.1,0.4)
    float dist = length(_st);
    float a = atan(_st.y,_st.x);

    return box(_st,vec2(_size,_size / 4.)) + box(_st,vec2(_size / 4.,_size)) + log(abs(sin(a * 2.) * 2.));
}

void main()
{
    vec2 st = gl_FragCoord.xy / u_resolution.xy;
    vec3 color = vec3(0.);
    // 不是图像在移动，而是 坐标系在移动
    vec2  translate = vec2(cos(u_time),sin(u_time));
    st += translate * 0.5;//-0.5 到  0.5
 
    color = vec3(st.x,st.y,0.);

    float dist = length(st) ;
    float a = atan(st.y,st.x);

    float c = sin(a * 2.);
    float f = smoothstep(c,c ,dist );
    color += (vec3(cross(st,0.4)) + vec3(f));

    gl_FragColor = vec4(color,1.);
}

打开封面下载高清视频观看高清视频视频下载器

Shader GLSL：好久未与大家见面了，今晚简单预热一下矩阵，如何在实际项目做出特效来

Glsl Shader:升华经典的章节，噪声实现烟雾、云朵、模拟山脉、波浪等技术。需要大家理解数学原理，从而实现自己的噪声函数

Shader GLSL：没写几行代码但是你一定要细细品味改变你的编程思维非常重要，由st屏幕坐标改变到模型的点位坐标，从#数字孪生#智慧城市项目中交叉学习提升

Glsl Shader:没写代码继续上一节未讲完的内容，使用shader的时候可以把大项目先注释成小效果去实现。shader就变得简单了

Shader GLSL：这一集不写代码只是提醒大家要多去研究下面的这些硬件加速的函数，包含数学函数、通用函数、矩阵函数、纹理函数等，为下一届绘制图形打好基础

Shader GLSL:从这一节开始都是很重要的内容，争取把每章节都讲透彻，可能废话比较多也是一番心意

Glsl Shader:开始进入网格噪声模块、固定长度的特征点与每一个像素的距离

Shader 第二讲，屏幕归一化之后的坐标变换。深入理解来回啃这一段代码将会对您的shader编程有很大的帮助

Glsl Shader：【绝对不能错】我只能告诉你这一节，你绝对不能错过，20分钟让你深入了解Value noise 与 Gradient noise 噪声算法

shader GLSL 分享之 smoothstep(参数1，参数2，value) 内置函数，在实际项目用得非常频繁希望大家跟着我一起掌握它

GLSL Shader：没讲代码预热一下网格噪声，包括后面图像算法等，大家一定要【深入理解】前面几节课的知识

Shader GLSL:两个经典思维变化点，咱们写代码也要从全局去考虑代码，换一种角度去思考，这样很多难懂的shader代码也就变得豁然开朗了

Shader GLSL:继续上一讲的内容，再给大家复盘一下形状是怎么来的以及看shader 代码，不能只看具体的数值，而是要看懂数值背后所代表的意义

GLSL Shader:离开了很久一直未更新视频，因为自己也去学习去了《几何代数》《高等数学》《Webgl》《THREE.js》

Shader GLSL 着色器 学习分享

Glsl Shader:平移、旋转、缩放矩阵的推导，最难的是绕任意轴旋转，公式复杂

Shader GLSL:为了下一章的学习，温故咱们的三角函数，顺便提一下咱们普通函数如：mix，smoothstep等

Shader GLSL:弥补大家上一讲未讲完的内容，一不小几行代码我啰里八嗦了半个多小时。不过也是句句经典哦

Glsl Shader:使用内置的函数实现图形绘制mod(x,y) 实现 原理= x - y * floor(x / y)

Glsl Shader:shader 没有内置的随机random 方法，必须自己实现，实现的方式有多种方式。

Shader GLSL 函数之step 函数，是一个阀门函数，小于第一个参数的值就会返回0，大于第一个参数的值就会返回1

shader glsl:优化之后的simplex noise 噪声算法，但是真的很难懂。大家一定要多看几遍，欢迎留言

智慧工厂数字孪生案例分享

Glsl Shader:千呼万唤终于到了随机数这一章，看是简单知识点太多了必须一点点的扒开，否则白学。

医疗行业核磁成像可视化系统，基于three的vue3框架，Tres的生态系统 TvT.js 框架

Glsl Shader:第9章理解扩大坐标系之后，在每组空间中绘制图案，并且使它能够旋转，放大、运动等操作

【Unity引擎】爆肝一个月！拜托三连了！耗时数千小时开发数字孪生-智慧城市！全网最用心的数字孪生教程丨Unity丨U3D丨编程丨Unity开发

Shader GLSL：“鸡尾酒”vec 一种非常方便构建，方便大家开发使用。Mix(混合1，混合2，混合2占的百分比)可以对数值类型vec2vec34混合

这或许就是我的热爱吧, 国庆 新增 three.js 波浪粒子, 飘扬国旗，等shader 和 第三人称控制等案例

【智慧水利】数字孪生经典项目 | 预报、预警、预演、预案四防

[机器学习]教你用Numpy手撕神经网络 矩阵求导及数学原理

【一分钟读懂数字孪生】数字孪生你还是太全面了

City3D-Cesium实景三维智慧城市平台-7.6版新功能介绍

【数字孪生·教程】使用Unity搭建属于自己的数字孪生-智慧城市！！！制作不易！！！劳烦一键三连！！！

【中科大RM电控合集】从欧拉角到旋转矩阵

古月数字科技-智慧农业系统

【shader教程】第八讲P2 z-buffer算法、透明度问题、背面剔除——3D绘制补充，GMS2的shader教程

【特效】极坐闪光标放射Shader

智能物流仓储数字孪生

在网上，谁不是裸奔~

【开源项目】数字孪生小镇~经典开源项目数字孪生智慧小镇——开源工程及源码

Shader GLSL 着色器学习分享

Glsl Shader:使用内置的函数实现图形绘制mod(x,y) 实现原理= x - y * floor(x / y)

这或许就是我的热爱吧, 国庆新增 three.js 波浪粒子, 飘扬国旗，等shader 和第三人称控制等案例

[机器学习]教你用Numpy手撕神经网络矩阵求导及数学原理