![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
shadertoy
文章平均质量分 69
妙为
一念归一
展开
-
在ShaderToys上编写自己的shader程序
前言 大名鼎鼎的shadertoy大概大家都有所耳闻吧,里面各路大神实现的各种炫特特效的shader令人膜拜。 各种烟雾云的炫酷特效学习https://www.cnblogs.com/eco-just/p/11273662.html原创 2021-09-09 10:40:00 · 292 阅读 · 0 评论 -
shader里的uv是什么
shader里的uv是什么前言先看一段shadertoy大牛写的代码vec3 getPixel(in vec2 coord, float time) { vec2 uv = coord / iResolution.xy; uv = uv * 2.0 - 1.0; uv.x *= iResolution.x / iResolution.y; // ray vec3 ang = vec3(sin(time*3.0)*0.1,sin(原创 2021-08-05 14:53:29 · 1618 阅读 · 0 评论 -
【ShaderToy】基础篇之谈谈点、线的绘制
写在前面写前面一篇的时候,发现还是不够基础。因此打算增加几篇基础篇,从点线面开始,希望可以更好理解。其实用Pixel Shader的过程很像在纸上绘画的过程。屏幕上的每一个像素对应了纸上的一个方格,如果你愿意,你甚至可以一个个判断像素的位置,从而画出任何你想画的图像,也的确有爱好者这么做过。但往往,我们需要的是一个动态的效果,这个效果往往依赖于数学公式的约束。我们可以说是,用数学去绘画。我们用数学去约束,哪些点应该用什么颜色去绘制。这篇,我们从基本的点和线开始,看一下如何在Pixel Shader里面转载 2021-07-24 16:01:55 · 703 阅读 · 0 评论 -
学习ShaderToy第一天: glsl语言内置函数gl_FragCoord
运行环境:Androidopengl es版本: 2.03D引擎库 : Rajawali3DShaderToy上用的shader语言 为glsl , 效果是用webgl跑的,而webgl封装了opengl es, 所以ShaderToy上的例子同样使用于Android端。ShaderToy基本上 都是用fragment shader 对栅格化后的像素进行处理。 大部分会用到纹理来丰富最终渲染结果的形状和质地,有些也会用到声音,键盘等外部输入信息。 但是,最终都是归结为对栅格化区域内的每个像转载 2021-07-24 13:22:46 · 2143 阅读 · 0 评论 -
ShaderToy入门初体验
ShaderToy入门初体验前言 [shadertoy](https://www.shadertoy.com/) 那些大神写的demo简直太震撼了。第一个程序点击上图中的“新建”,弹出下图界面代码详解void mainImage( out vec4 fragColor, in vec2 fragCoord ){ // Normalized pixel coordinates (from 0 to 1) vec2 uv = fragCoord/iResol原创 2021-07-22 17:15:42 · 903 阅读 · 2 评论