Shadertoy

shader学习记录—圆环进度条

Shader"Custom/ShaderToy/进度条"{Properties{_MainTex("Texture",2D)="white"{}_Progress("Progress",float)=0.1
chillxiaohan·2024-02-12 04:07

shadertoy生成PBR场景

前言Shadertoy不支持VBO，因此shadertoy下的建模需要借助SDF(符号距离函数)的方式，渲染借助步进式光线追踪(Ray-marching)算法，结合Blinn-Phong或PBR光照模型
破竹15·2024-02-04 18:41

Godot Shader 08-Godot shader和GLSL的区别以及转换

tutorials/shading/migrating_to_godot_shader_language.html本文档解释了Godot的着色语言和GLSL之间的区别，并提供了有关如何将着色器从其他来源(如Shadertoy
Zszen·2024-01-22 11:46

Unity中实现ShaderToy卡通火（移植篇）

文章目录前言一、准备好我们的后处理基础脚本1、C#：2、Shader：二、开始逐语句对ShaderToy进行转化1、首先，找到我们的主函数mainImage2、其余的方法全部都是在mainImage函数中调用的方法
楠溪泽岸·2023-12-18 13:46

Unity中实现ShaderToy卡通火（原理实现篇）

文章目录前言一、我们在片元着色器中，实现卡通火的大体框架1、使用noise和_CUTOFF判断作为显示火焰的区域2、_CUTOFF：用于裁剪噪波范围的三角形3、noise=getNoise(uv,t);:噪波函数二、顺着大体框架依次解析具体实现的功能1、uv.x*=4.0;:使用uv在x轴上的值，从(0,1)扩大到(0,4)2、noise=getNoise(uv,t);:噪波函数3、_CUTOFF
楠溪泽岸·2023-12-18 13:13

Simple Water Caustic Pattern In Unity ShaderGpaph

shadertoy上有各种神奇的效果，以我的见识根本想象不到这些是怎么弄出来的。不过不会做至少可以先会用。这篇文章抓取一个shadertoy的示例以制作一个测试效果。
凯尔315·2023-12-17 22:51

cesium 自定义贴图，shadertoy移植教程。

ShaderToy是一个可以在线编写、测试和分享图形渲染着色器的网站。它提供了一个图形化的编辑器，可以让用户编写基于WebGL的GLSL着色器代码，并实时预览渲染结果。
gis_rc·2023-12-17 00:46

Unity中的ShaderToy

文章目录前言一、ShaderToy网站二、ShaderToy基本框架1、我们可以在ShaderToy网站中，这样看用到的GLSL文档2、voidmainImage是我们的程序入口，类似于片断着色器3、fragColor
楠溪泽岸·2023-12-14 21:57

Threejs + shader 实现的一些酷炫的效果

效果预览DEMO地址GIT地址不定期的在shadertoy上抄一些特效到实现在threejs中觉得可以的话请给一个小星星或者一个赞QQ群:1082834010
菜鸡饶·2023-10-28 16:32

片元着色器中绘制 点(圆)

片元着色器中绘制点(圆)文章主要讲的是写片元着色器的一些算法(套路),实例代码使用的是shadertoy.所以在unity,webgl1之类的地方代码不一定能直接使用,但思路基本相同.稍作修改即可.uv
苍崎愣子·2023-09-26 22:08

[游戏开发][Shader]ShaderToy通用模板转Unity-CG语言

这个通用模板貌似是Candcat写的，漏了几个宏定义，我这给补一下，例如：#defineiTime_Time.y#defineatanatan2对照表如下矩阵与向量相乘//原代码，向量乘矩阵会报错。vec3rd=vec3(1,1,1);mat2matrix=mat2(1,2,3,4);rd.xy*=matrix;rd.xz*=matrix;//新代码vec3rd=vec3(1,1,1);mat2m
Little丶Seven·2023-09-22 01:45

2018-10-28-Shadertoy 里面建立立体球

建立一个raymarching图片.pngshadertoy查看先解释一波raymarching,Raymatching是一种计算机图形渲染方式，但它的潜力仍未被完全发掘。Raymatching一般用于渲染体积纹理、高度图以及解析曲面。如今，大多数游戏用OpenGL或Direct3D（DirectX）来使用显卡的硬件加速器绘制多边形，电脑可以以每秒60帧的速度渲染几百万个三角面。虽然Raymatc
xiaogeformax·2023-09-06 20:57

Elevated代码解析

可惜大于10M），还有下面的笔记是直接从MD复制过来的，有点丑，感兴趣的可以看看我的MD版，颜值高多了，附链接https://jmx-paper.oss-cn-beijing.aliyuncs.com/ShaderToy
JMX_dc51·2023-09-04 23:47

[前端必看，后端福利❤]如何创建美观的邮件模板并通过qq邮箱的SMTP服务向用户发送

最近在写注册功能的自动发送邮箱告知验证码的功能，无奈根本没有学过前端，只有写Qt的qss基础，只好借助网页设计自己想要的邮箱格式，最终效果如下:也推销一下自己的项目ShaderLab，可运行ShaderToy
-Xavier-·2023-09-02 12:30

【ShaderToy中图形效果转译到UnityShaderlab案例分享,实现2D层层叠叠半透明泡泡_Bubbles】

Shader"ShaderToy/Bubbles"{Properties{}SubShader{Pass{CGPROGRAM#pragmavertexvert#pragmafragmentfrag#include"UnityCG.cginc"structap
暴走约伯·2023-09-01 17:18

使用Three.js + shader 实现的一些效果

效果预览地址代码地址交流群：QQ群:1082834010效果源自于shadertoy，手动搬运而来
饶砳砳·2023-08-30 03:46

OpenGL ES视频特效开发参考Shadertoy参数详解参考Godot文档

今天一个大厂的学员过来问shadertoy上一些参数的问题，因为我之前用过一段时间Godot引擎，我清晰记得Godot官方文档有明确的解释，所以整理下发给做特效的同学。
chenchao_shenzhen·2023-08-29 19:22

UE4/UE5 HLSL Material Expression : Custom Node

节点的升级版，’Custom‘所支持的它也同样支持，当你需要用到大量节点写一个炫酷效果时，大量蓝图节点可能会表现的比较不美观~并且阅读维护可能不是那么容易，或者Copy一些其它Shader到项目里使用时，例如Shadertoy
Lwc-·2023-08-27 10:14

Shader 编程：GLSL 重要的内置函数

由于主流的Shader编程网站，如ShaderToy,gl-transitions都是基于GLSL开发Shader，加上MSL和GLSL语法上差别不大，后面系列文章将以GLSL为主来介
字节流动·2023-08-07 03:18

Shader 编程：圆和曲线

由于主流的Shader编程网站，如ShaderToy,gl-transitions都是基于GLSL开发Shader，加上MSL和GLSL语法上差别不大，后面系列文章将以GLSL为主来介
字节流动·2023-08-07 03:46

ShaderToy着色器移植到Three.js全过程记录

推荐：用NSDT设计器快速搭建可编程3D场景。作为PublicisPixelparkInnovationlab研究的一部分，我们研究了如何将较低底层的语言用于网络技术。显而易见的选择似乎是asm.js或WebAssembly。但你也可以使用WebGL着色器来解决面向机器的问题。着色器使用类似于C/C++的语言进行编程，虽然它们主要不是为了解决一般问题，但它们的用途不仅仅是渲染图像和3D场景。第二个
新缸中之脑·2023-08-06 05:13

制作超好看的个人网站：用ThreeJs为你的网站打造个性的动画背景

目录一、示例二、教程1.第一步，写一个顶点着色器2.在ShaderToy上选一个自己喜欢的Shader3.添加有关变量4.将源代码改写成GLSL语言4.把材质添加在写好的threejs框架中一、示例先上图
糯米_chobits·2023-07-24 13:01

WebGL着色器渲染小游戏实战

项目起因经过对GLSL的了解，以及shadertoy上各种项目的洗礼，现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。
凹凸实验室·2023-06-14 19:15

shadertoy各个uniform对应three.js值

着色器输入uniformvec3iResolution;//viewportresolution(inpixels)uniformfloatiTime;//shaderplaybacktime(inseconds)uniformfloatiTimeDelta;//rendertime(inseconds)uniformfloatiFrameRate;//shaderframerateuniform
Jedi Hongbin·2023-04-21 15:13

shadertoy 移植到本地（0）：实施分析

seabyshadertoy.png shadertoy是一个可在线编写着色器（shader）的UGC平台，它有好用的实时运行、源码查看、收藏分享等功能，平台很活跃每天都有大量作品发布，其中有大量的高品质渲染画作
ansey·2023-04-18 00:41

日积月累Shader - 08 运动

不需要另外安装软件环境：官方提供在线编写shader工具：https://thebookofshaders.com/edit.phpglslsandbox网站：http://glslsandbox.com/shadertoy
Zszen·2023-03-18 05:51

shadertoy 移植到本地（1）：具体实现

;//js执行入口步骤二用canvas通过webglAPI绘制全屏像素获取webgl渲染上下文对象//shadertoy的shader使用的gles300的语
ansey·2023-01-27 15:54

日积月累Shader - 04 在不同平台运行

不需要另外安装软件环境：官方提供在线编写shader工具：https://thebookofshaders.com/edit.phpglslsandbox网站：http://glslsandbox.com/shadertoy
Zszen·2023-01-26 11:44

ShaderToy入门教程(1) - SDF 和 Raymarching 算法

这是系列教程，陆续推出，这篇涵盖以下黑体所示内容符号距离函数Ray-marching算法曲面法线和光照相机变换构造实体形状(CSG)模型变换平移和旋转比例缩放非均匀缩放结论参考困惑ShaderToy最让初学者困惑的
科技与文明·2023-01-10 03:56

Unity Shader PostProcessing - 1 - 后处理概念

（ShaderToy
Jave.Lin·2022-12-06 10:40

shadertoy学习记录（1）

最近准备继续学习一下图形学，从打基础开始，看了GAMES101但是一直都是停留在理论学习的部分，因此这次从大佬推荐的shadertoy入手学习一下图形学，由于没有学过opengl等其他知识，因此只是对自己学习的监督
Ywt.·2022-12-03 01:10

最简单的ShaderToy入门 - 笑脸渲染

文章目录完成一个圆的渲染制作笑脸优化代码，增加缩放和移动功能让笑脸动起来小结开始学习ShaderToy，往往不知所措，看不太懂；不容易懂，背后全是数学公式；请看这篇了解一下原理和基础。
科技与文明·2022-11-30 14:36

TheBookOfShders学习教程(1)

以下代码都是在ShaderToy网站上测试运行，只要将代码拷贝粘贴到代码窗口，即可运行，希望阅读本文之前，你有一定的ShaderToy经验，可以参考我以前写过的一系列初级教程。
科技与文明·2022-11-30 14:05

Shadertoy 教程 Part 5 - 运用SDF绘制出更多的2D图形

Note:ThisseriesblogwastranslatedfromNathanVaughn'sShadersLanguageTutorialandhasbeenauthorizedbytheauthor.Ifreprintedorreposted,pleasebesuretomarktheoriginallinkanddescriptioninthekeypositionoftheartic
chen·yan·2021-11-02 09:00

WebGL着色器渲染小游戏实战

项目起因经过对GLSL的了解，以及shadertoy上各种项目的洗礼，现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。
·2021-10-28 18:49

WebGL着色器渲染小游戏实战

项目起因经过对GLSL的了解，以及shadertoy上各种项目的洗礼，现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。
凹凸实验室·2021-10-28 18:00

探索 OpenGL、OpenGL ES、WebGL纹理坐标的差异

在开发AE插件过程中，发现有的着色器代码，在AE环境中和vscode的shadertoy中的输出完全不一致，通过一段时间的摸索最终得到的结论是OpenGL与OpenGLES的纹理坐标系统不一致导致的问题
朽木自雕也·2021-07-24 18:15

Shader插件 VSCode

Shader插件VSCode0、推荐原因可以i很快的验证一些渲染问题1、ShaderToy网址https://www.shadertoy.com/view/4dXGR4filefile2、VSCode插件
wlxkhawk·2021-06-14 23:27

2021-05-28 第一天 模拟火焰效果

由于自己shader水平有限，从shadertoy扒下来两个火苗效果，辛苦了改了一天，不过总算是有结果。
四是二非·2021-06-05 14:04

Shader插件 VSCode

Shader插件VSCode0、推荐原因可以i很快的验证一些渲染问题1、ShaderToy网址https://www.shadertoy.com/vie...2、VSCode插件2.1、安装2.1、Helloworld
wlxklyh·2020-12-16 01:47

cocos creator 流光特效（参考shadertoy效果）

有兴趣的可以去官网：shadertoy官网流光特效代码：//Copyright(c)2017-2018XiamenYajiSoftwareCo.,Ltd.CCEffect%{techniques:-passes
goose leaves a mark·2020-09-17 01:01

学习ShaderToy第一天： glsl语言内置函数gl_FragCoord

运行环境：Androidopengles版本：2.03D引擎库：Rajawali3DShaderToy上用的shader语言为glsl，效果是用webgl跑的，而webgl封装了opengles，所以ShaderToy
漫少·2020-09-17 01:19

Shader之旅6：二维画面的UV旋转

如有表达不当，请批评指正首先放上在shadertoy上的效果，右图是未旋转的时候的样子，左图是旋转45°之后,第三个图是因为纵横比不一样，导致了错切voidmainImage(outvec4fragcolor
Action_花粥·2020-09-15 23:25

Ventuz中的shader 学习笔记（一）

1.搬运shadertoy中的效果首先按照网上已有的词语替换规则修改代码替换规则很容易查到-将fragCoord.xy转换为screenSpace.xy-将iResolution.xy转换为res.xy
安德烈桔子·2020-09-15 21:37

SDF(Signed-distance-field: 有向距离场)WebGL GLSL(2)

sample=sdfStep04athanksverymuch:https://www.shadertoy.com/view/MttGz7SDF空间计算的方法非常有意思，有兴趣的朋友一起交流
含影·2020-09-14 02:47

Opengl ES系列学习--太阳

继续积累Shadertoy，大家也可去Shader女神的CSDN逛逛：Shader女神。使用别人写好的shader实现的一个太阳的效果，太漂亮了！！！
红-旺永福·2020-09-11 13:01

Opengl ES系列学习--3D大海

今天又发现一些非常赞的Opengl学习网站：Shadertoy、twinklingstar，看到这些资源，真是相见恨晚啊，里面的东西真是太赞了，上一幅图大家就知道了。怎么样？
红-旺永福·2020-09-11 13:01

硬核分享：游戏中迷人天空的颜色是如何制作出来的？

同样的，在游戏开发中，天空渲染对于游戏开发者也一直是一个迷人的主题，本文理论部分译自scratchapixel，介绍了天空渲染的理论基础，并在此基础上了建立相应的数学模型，最后在ShaderToy上通过
GameRes游资网·2020-09-09 00:00

使用Unity简单实现RayMarching

使用Unity简单实现RayMarching前言最近在玩ShaderToy，发现各种酷炫的效果都是只用数学公式计算出来的，心中膜拜之情溢于言表同时也深深自省：为啥不好好学数学呢。
Kirkice·2020-08-26 23:07

glsl进阶学习 一

shadertoy上面的环境一开始会有一个逻辑尺寸和画布尺寸的比值uv先来尝试一个plane这主要计算一个tP是平面上一个点另一个点是光线与平面交点叫P1吧P1=o+dtt是时间？
DBBH·2020-08-26 23:25
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他