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

发布人

【拷贝下面的代码，自己改改，看一下效果，理解一下为什么，思维很重要】Shader GLSL:为了下一章的学习，温故咱们的三角函数，顺便提一下咱们普通函数如：mix，smoothstep等


void main()
{
    vec2 st = gl_FragCoord.xy / u_resolution.xy;
    st.x *= u_resolution.x / u_resolution.y; 

    vec3 color = vec3(0.);

    vec2 pos = st - vec2(0.5);// -0.5 ，0.5 改变坐标到屏幕中心

    float r = length(pos) * 4.0;//所有归一化的像素点 到原点(0,0)的距离 * 4


    float a = atan(pos.y,pos.x);// 把笛卡尔坐标转 极值坐标。-PI,PI

    float f = cos(a * 1.);//-180 * 180 ,-1,1
    //3 倍，改变的结果，0*3 =0；
    //1 * 3 = 3,30 =&gt;90
    
    //f = abs(cos(a * 2.));
    //f = abs(cos(a * 2.5)) * .5 + .3;
    //f = abs(cos(a * 12.) * sin(a * 3.)) * .8 + .1;
    //f = smoothstep(-0.5,1.,cos(a * 1.)) * 0.2 + 0.5;

    color = vec3(smoothstep(f,f ,r));

    gl_FragColor = vec4(color,1.0);

}

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

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

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

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

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

Shader GLSL 着色器 学习分享

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【UE5】3 - Stylized Paint Shader 风格化手绘之材质函数部分

React Three Fiber: 终极3D网页开发指南

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

画面的魔术师，Shader 与血量条制作！ | Godot (C#) 快速上手 #10

教你做乱码生成器

前端作品集网站教程 - Next.js、Three.js、Tailwind CSS

【同济唐宇迪】深度学习先学哪个框架？公认讲的最好的【Pytorch和TensorFlow全套教程】一网打尽，完爆同级别所有教程！

【UE5】5 - Stylized Paint Shader 风格化手绘之材质部分（上）

不要再使用echart 了！！！

VSCode真正的编程神器！

关于网盘和播放器

【UE5】4 - Stylized Paint Shader 风格化手绘之蓝图部分

【UE5】6 - Stylized Paint Shader 风格化手绘之材质部分（下）

仿少女前线角色渲染工程

liuyubobobo玩转数据结构

WPF怎么搞数据库？累得不行，回答粉丝问题

Shader GLSL 着色器学习分享

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