ShaderJoy —— 简单 Ray-Marching（光线步进）入门【GLSL】【Unity Shader】

已于 2024-07-26 21:08:07 修改
阅读量5.8k 收藏 7
点赞数 4
分类专栏： Unity ShaderJoy —— Shader 实例详解 文章标签： shader unity
于 2017-02-24 00:26:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda1234lee/article/details/56709806
版权
ShaderJoy —— Shader 实例详解 同时被 3 个专栏收录
158 篇文章 337 订阅 ¥119.90 ¥299.90
订阅专栏
Shader
48 篇文章 8 订阅
订阅专栏
Unity
8 篇文章 0 订阅
订阅专栏
这篇博客介绍了ShaderJoy，通过简单的Ray-Marching技术，展示如何在GLSL和Unity中创建特效。文章提供修正后的代码示例，包括ShaderToy和Unity版本，并探讨了加入光照计算以及使用SDF和Raymarch进行图形绘制的应用。
摘要由CSDN通过智能技术生成

效果图

SDF 立方体 (法线信息)

SDF 球体 (法线信息)

完整代码及详细注释如下

【修正了源代码的一些错误】：

光线步进示意图 - 1：从摄像机射出的各个光线，覆盖了屏幕像素

 

了解本专栏 订阅专栏 解锁全文
ShaderJoy
关注
专栏目录
订阅专栏
ShaderJoy —— 核心仅三行代码实现酷炫特效 “吉星高照 虎年鸿运” 【GLSL】
ShaderJoy 的兴趣技术杂货铺
01-20 6740
theme: channing-cyan highlight: vs2015 “ PK创意闹新春，我正在参加「春节创意投稿大赛」，详情请看：春节创意投稿大赛” ShaderJoy —— Shader 特效乐趣无穷 效果图 动态图 静态图 核心代码分析 话不多说，先看核心代码，我们从简单的二维坐标入手（之后再推广到三维），如下 /// @note 将屏幕坐标换算为 [-.5, .5] 的范围 vec2 p = fragCoord.xy / iResolution.xy - .5; float pa, .
Unity-Raymarching-Framework：一个易于以统一方式实现光线行进的框架。 包括大量的哈希，噪声，fbm，SDF，旋转功能
02-04
Unity-Raymarching-Framework 一个易于实现统一的raymarching的框架。 包括大量的哈希，噪声，fbm，SDF，旋转功能，其中大部分来自sharttoy，使用此库，您可以轻松地统一编写raymarching着色器，而无需再次重写noise函数。 同样，此框架提供了一种轻松的方法来将光线投射场景与统一场景合并。 包括噪音： 1.PNoise：珀林噪声2.VNoise：值噪声3.SNoise：单纯噪声4.WNoise：沃利噪声（Voronoi） 4.TNoise：TriNoise 杂凑 // x输出，x输入... 哈希码例如：float2 Hash22（f
Raymarching 图形解释
最新发布
07-15 946
Raymarching 是一种在 Shadertoy 等网站中流行的 3D 渲染技术，它令人惊奇的能力是没有任何 3D 几何图形，构成场景的所有对象都是使用数学函数实时生成的。接下来我们研究下光线行进算法如何从头开始工作，并使用着色器创建我们自己的光线行进器。
ShaderJoy —— Shader 通用宏定义和函数总结【附赠一个骚操作】
ShaderJoy 的兴趣技术杂货铺
12-10 1600
代码 //Define-Switches #define SHADERTOY #define GLES //Consts #define PI 3.14159265359 #define TAU (PI*2.) #define PHI 1.61803399 #define deg2rad 0.01745329251 #define SQRT2 (sqrt(2.)) #define BIG 1e8 #define ETA 1e-4 #define eqf(a,b) ( abs((a)-(b))&...
ShaderJoy —— “基于 SDF 的简单图形”的实现【GLSL】
ShaderJoy 的兴趣技术杂货铺
09-15 3538
RoundedBox: 效果图： ShaderToy代码及算法注释： // Created by inigo quilez - iq/2015 // License Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. // signed distance to a 2D ro
ShaderJoy —— 最简单的 “RayTrace（光线追踪）” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-27 3434
判断 “直线和圆是否相交” 的理论推导。 延伸阅读：“直线和平面是否相交” 的理论推导。 效果图： GLSL代码： vec2 iResolution = vec2(512., 512.); // 简单的光线结构体，更高级的Ray Tracer所需的字段更多 struct Ray { vec3 origin; // 光源点 vec3 di
ray-marching-distance-fields：Haskell和GLSL程序，包含与我的距离场ray marching相关的实验
02-04
在计算机图形学领域，Ray Marching是一种用于渲染3D场景的技术，它通过沿着光线步进来检测物体表面。本项目“ray-marching-distance-fields”专注于使用Haskell编程语言和GLSL（OpenGL着色语言）来实现基于距离场的...
unity-marching-cubes-gpu：Marching Cubes算法的GPU ComputeShader实现
02-06
Marching Cubes GPU实现Unity 用Unity 5.6开发的，也可能适用于旧版本。 没有保证。 需要DX11硬件。 不能完全确定手机，但是我猜想它不会起作用。 随时纠正我。 密度场的生成是在CPU上完成的，但出于演示目的，它就...
iOS游戏应用源代码——cdave1-marching-fd223df.zip
07-02
iOS游戏应用源代码——cdave1-marching-fd223df.zip
UnityRayMarching：Unity Raymarching示例
02-06
UnityRayMarching Unity Raymarching示例示例1：我尝试根据有关Raymarching的AlanZucconi文章实施此着色器 示例2：游览 示例3：体素环面 示例3：重复 示例4：分数布朗运动去做： 1，帮助我进行示例2中的纹理贴图之旅...
unity-ray-marching:雷行军沙箱
03-19
Unity Ray Marching-学习Ray Marching的我的沙盒通过Ming-Lun“ Allen” Chou / / / 该项目已分叉到， 是受启发的Unity的基于网格的体积VFX工具。特征平滑的布尔运算：并集，减法，交集。热图：射线步数和SDF评估数...
ShaderJoy —— 新人所不知道的 GLSL 函数坑
ShaderJoy 的兴趣技术杂货铺
06-10 3644
前言 前几天在技术群里看到有人吐槽踩了 fract函数的坑，其实这个坑我很早以前也遇到过，不过以前只是写在自己的笔记当中，为了大家少走弯路，不再 “前赴后继” 地踩坑，我决定把这个坑给填上。 正文： 通常意义上，我们觉得取小数部分，应该产生的是如下的效果，即正数取正数的小数，负数取负数的小数部分。 但是 OpenGL的 fract却不按套路出牌（小朋友，你是否有很多问号？？？） 首先我们来看 OpenGL官方文档的说明 /// @note /// 返回 x-floor(x)......
OpenGL和GLSL入门，实现简单的纹理映射，法线映射以及简单光照明模型
weixin_42061607的博客
07-28 2602
OpenGL和GLSL入门，实现简单的纹理映射，法线映射以及简单光照明模型 本人比较懒，技术也比较low，最近读在职研究生的课程，图形学的课程老师要求用着色器实现一个简单的纹理映射和法线映射，因为之前没什么编程基础，很多基本的东西都不会，因此是从零学起，先在网上下载了一个VS2017，学了一下C++，然后按照教程配置GLUT和GLEW，这个比较简单，随便一搜都能搜到，然后就是老师给了一个叫Fre...
ShaderJoy —— 冲击视觉的缩放效果
ShaderJoy 的兴趣技术杂货铺
08-09 1781
效果图 代码及说明 由于图像缩放后边界，如果直接按照原来的纹理坐标来访问图像的话，边界上会有断层不够自然，所以这里对纹理坐标进行特殊的处理，分为三个互反的 [0., 1.] 区间。 纹理坐标的 x 分量的函数关系如下图所示，横向为 x，纵向为 scale 系数。 横向上大致呈 " \ / \ " 形状 #iChannel0 "file://../images/qiaoben.png" /// @note 控制纹理坐标的缩放 float getTileValue(fl...
Unity体积光实现
Think about me Will, don't worry about me
02-07 1万+
本文介绍了三种体积光的实现方法，并详细讲解了后处理体积光的制作方法及实现
unity-builtin实现体积光
llsansun的博客
03-06 4740
参考GitHub - SlightlyMad/VolumetricLights: Volumetric Lights for Unity这里实现的体积光会包括几个方面的影响。 制作的核心： 核心是灯光类型（平行光，点光源，聚光灯）。这些灯光类型会受到米尔散射通透度影响，高度指数雾，级联阴影，噪音影响以及降噪。 原理： 无论哪个光照，他都会按照步进的次数跟摄像机的四个视角顶点的距离做比较，然后再跟深度以及地面比较，看究竟跟哪个最近则选择谁是最终碰撞点，然后选取...
体积云渲染实战：ray marching，体积云与体积云光照
whl0071的专栏
11-22 4369
体积云渲染实战：ray marching，体积云与体积云光照
ShaderJoy —— 噪声之美，大家一起 “噪” 起来 【GLSL】
热门推荐
ShaderJoy 的兴趣技术杂货铺
06-19 1万+
本文是学习了CandyCat的博客之后写的一个小结，女神的博客理论写得非常详尽，看完有种如沐春风的感觉。 1.若干常见噪声类型 先上个效果图： 从左到右依次为：1.Perlin噪声，2.FBM叠加的分形噪声，3.对FBM绝对值叠加的分形噪声，4.值噪声，5. Simplex噪声。 以下代码是基于ShaderToy的作者Inigo Quilez的demo进行二次修改的，并添加...
初学者也能看懂的Ray March体积云
优梦创客的专栏
04-22 4002
前言 今天要给大家分享的主题是现在游戏开发中必备的一项游戏效果：游戏中的云渲染 现在大部分的游戏，不管是主机、PC还是手机游戏都在往3A的方向发展，所以现在的游戏在云的渲染上很少会采用传统的渲染方式 大家可以想一想：平时在玩游戏时是否看到过一些传统的渲染方式、你知不知道它是用了什么样的技术来实现的？知道的同学，可以把你的答案发在我们的评论区 我今天要带给大家的是一种不太一样的渲染方式，是现在很多游戏大作中必备的体积云渲染方式，比如地平线系列、大表哥二，都采用了这样的渲染技术，可以说体积云是主机游戏标配的一
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ShaderJoy

您的打赏是我继续写博客的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值