着色器

破竹153 天前
图形渲染·着色器
OpenGL ES调试汇总适用于 Android NDK + LLDB 运行时调试环境。 所有表达式可直接复制到 LLDB 调试窗口运行,临时变量已预定义。
SNAKEpc1213816 天前
c语言·c++·线性代数·算法·矩阵·图形渲染·着色器
OpenGL(十六)- 着色器统一值属性是每个顶点位置、表面法现和纹理坐标等都需要的,而统一值则用于为整个图元批次向保持不变的(统一(uniform)的)着色器传递数据。
小小数媒成员15 天前
着色器
合并阶段和计算着色器【图文解释】目录合并阶段?计算着色器?
小小数媒成员15 天前
着色器
顶点,几何,片元着色器+曲面细分阶段【图文解析】目录顶点着色器?编辑曲面细分阶段?编辑几何着色器?流式输出?像素着色器?
SNAKEpc1213817 天前
c语言·c++·线性代数·算法·矩阵·图形渲染·着色器
OpenGL(十五)- 着色器语言GLSLOpenGL着色语言(GLSL)很像C语言,它由OpenGL实现进行编译 和连接,并且完全在图形硬件中运行。一个基本的着色器架构图如下:
Li.map1 个月前
javascript·arcgis·cesium·着色器
CesiumJS 地图主题系统:用着色器打造实时滤镜大家好,今天来拆解一个 CesiumJS 实战项目 —— 地图图层主题系统。通过两套着色器方案叠加,实现实时颜色滤镜、深度遮罩和参数化调参,最终用 lil-gui 搭建出一个可交互的调色面板。
KillJUMP2 个月前
godot·着色器
SDF函数在进行射线求交,绘制球体的时候,需要注意的点:1.高光算出之后,可以模拟金属度,特别高的话会接近金属,所以需要乘以一个小数。
玉夏2 个月前
unity·着色器·uv
【Shader基础】UV 与纹理采样 Part1UV 坐标是定义在 R2\mathbb{R}^2R2 (Rn\mathbb{R}^nRn表示 n 维实数空间)中的一个二维参数化映射ϕ:[0,1]→R2\phi:[0,1]\to\mathbb{R}^2ϕ:[0,1]→R2,用于建立三维网格表面顶点与二维纹理空间之间的双射关系。 对于网格上的任意三角面片,其三个顶点各携带一组UV坐标 (ui,vi)∈[0,1]2(u_i,v_i)\in[0,1]^2(ui,vi)∈[0,1]2。经过光栅化后,三角形内部每个片元的UV由重心坐标插值获得:
threelab3 个月前
开发语言·前端·javascript·人工智能·3d·着色器
Three.js 物理模拟着色器 | 三维可视化 / AI 提示词立即体验为什么需要这个技术:模拟波在二维介质中的传播,是图形学中常用的动态效果基础。为什么需要这个技术:模拟热量从热源向外扩散的过程,产生柔和的衰减效果。
threelab3 个月前
开发语言·前端·javascript·人工智能·3d·着色器
Three.js 几何图形变换 | 三维可视化 / AI 提示词立即体验这是一个展示如何创建几何图形变换的示例,展示三维物体的平移、旋转和缩放效果。本文档由 ThreeLab 编辑整理,如需转载,请注明出处。
CVer儿3 个月前
着色器
opengl的xyzuv和着色器理解着色器(Shader)如何操作 XYZ(空间位置) 和 UV(纹理坐标),最核心的窍门是:把显卡(GPU)想象成一个“超级并行流水线加工厂”。
LongJ_Sir3 个月前
javascript·着色器
Cesium-鼠标传入着色器中并进行交互Sandcastle | CesiumJS以上连接可以直接打开sandcastle直接运行。方法展示**“如何将鼠标点击的 3D 坐标转化为 2D UV 坐标,并传递给着色器(Shader)实现动态水波扩散/水源添加效果”,基于Cesium 1.140 API。本示例采用 自定义材质(Fabric Material)+ GLSL 着色器 的方式,完美复刻了交互式 GPGPU 的核心数据流:鼠标捕获 →经纬度转 UV →JS 传递 Uniforms →着色器渲染水波。
GISer_Jing3 个月前
javascript·webgl·着色器
Three.js着色器编译机制深度解析three.js 的 Shader 编译与程序管理系统的核心设计哲学是:用参数化模板 + 哈希缓存,将 GPU 上昂贵的 shader 编译成本摊薄到整个应用生命周期。
threelab3 个月前
开发语言·前端·javascript·人工智能·3d·着色器
Three.js 加载 3D Tiles 瓦片数据 | 三维可视化 / AI 提示词立即体验
threelab3 个月前
开发语言·javascript·着色器
Three.js 黑洞引力效果着色器 | 三维可视化 / AI 提示词立即体验本文档由 ThreeLab 编辑整理,如需转载,请注明出处。
threelab3 个月前
前端·javascript·人工智能·3d·着色器
Three.js 抽象艺术着色器效果 | 三维可视化 / AI 提示词立即体验为什么需要这个技术:使用圆形和直线的组合创造几何艺术效果。为什么需要这个技术:通过色彩渐变和对比创造视觉冲击力。
♡すぎ♡3 个月前
算法·计算机图形学·着色器·pbr·ibl
ShaderLab:PBR+IBL(ShaderToy Translation)本篇文章主要分析学习ShaderToy上的一个PBR+IBL代码,它使用了较传统着色器代码更新的内容。在其描述的场景中包含了9个球体,被赋予了不同的材质。摄像机总是面向原点,在一个球面上移动、旋转。 ShaderToy源代码:https://www.shadertoy.com/view/3tlBW7 学习这个代码对于理解现代渲染管线有很大帮助,其中包含了很多概念实践的代码,包括但不限于:CubeMap采样、球谐函数SH系数计算、PBR利用CubeMap的漫反射和镜面反射计算、GGX采样、IBL、BRDF等
threelab3 个月前
前端·javascript·人工智能·3d·着色器
Three.js 3D 地图可视化 | 三维可视化 / AI 提示词立即体验
♡すぎ♡3 个月前
计算机图形学·opengl·着色器·渲染管线
现代实时渲染管线目录一图概览现代实时渲染管线一、渲染管线概述GPU图形管线(典型阶段)引擎渲染管线(Unity SRP)
threelab3 个月前
javascript·人工智能·着色器
Three.js 数学函数着色器 | 三维可视化 / AI 提示词立即体验为什么需要这个技术:将数学公式转化为可视化的3D曲面,帮助理解函数特性。为什么需要这个技术:根据用户选择的函数类型,动态切换计算公式。