着色器

threelab7 小时前
开发语言·前端·javascript·人工智能·3d·着色器
Three.js 物理模拟着色器 | 三维可视化 / AI 提示词立即体验为什么需要这个技术:模拟波在二维介质中的传播,是图形学中常用的动态效果基础。为什么需要这个技术:模拟热量从热源向外扩散的过程,产生柔和的衰减效果。
threelab17 小时前
开发语言·前端·javascript·人工智能·3d·着色器
Three.js 几何图形变换 | 三维可视化 / AI 提示词立即体验这是一个展示如何创建几何图形变换的示例,展示三维物体的平移、旋转和缩放效果。本文档由 ThreeLab 编辑整理,如需转载,请注明出处。
CVer儿1 天前
着色器
opengl的xyzuv和着色器理解着色器(Shader)如何操作 XYZ(空间位置) 和 UV(纹理坐标),最核心的窍门是:把显卡(GPU)想象成一个“超级并行流水线加工厂”。
LongJ_Sir8 天前
javascript·着色器
Cesium-鼠标传入着色器中并进行交互Sandcastle | CesiumJS以上连接可以直接打开sandcastle直接运行。方法展示**“如何将鼠标点击的 3D 坐标转化为 2D UV 坐标,并传递给着色器(Shader)实现动态水波扩散/水源添加效果”,基于Cesium 1.140 API。本示例采用 自定义材质(Fabric Material)+ GLSL 着色器 的方式,完美复刻了交互式 GPGPU 的核心数据流:鼠标捕获 →经纬度转 UV →JS 传递 Uniforms →着色器渲染水波。
GISer_Jing11 天前
javascript·webgl·着色器
Three.js着色器编译机制深度解析three.js 的 Shader 编译与程序管理系统的核心设计哲学是:用参数化模板 + 哈希缓存,将 GPU 上昂贵的 shader 编译成本摊薄到整个应用生命周期。
threelab16 天前
开发语言·前端·javascript·人工智能·3d·着色器
Three.js 加载 3D Tiles 瓦片数据 | 三维可视化 / AI 提示词立即体验
threelab17 天前
开发语言·javascript·着色器
Three.js 黑洞引力效果着色器 | 三维可视化 / AI 提示词立即体验本文档由 ThreeLab 编辑整理,如需转载,请注明出处。
threelab18 天前
前端·javascript·人工智能·3d·着色器
Three.js 抽象艺术着色器效果 | 三维可视化 / AI 提示词立即体验为什么需要这个技术:使用圆形和直线的组合创造几何艺术效果。为什么需要这个技术:通过色彩渐变和对比创造视觉冲击力。
♡すぎ♡18 天前
算法·计算机图形学·着色器·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等
threelab19 天前
前端·javascript·人工智能·3d·着色器
Three.js 3D 地图可视化 | 三维可视化 / AI 提示词立即体验
♡すぎ♡19 天前
计算机图形学·opengl·着色器·渲染管线
现代实时渲染管线目录一图概览现代实时渲染管线一、渲染管线概述GPU图形管线(典型阶段)引擎渲染管线(Unity SRP)
threelab20 天前
javascript·人工智能·着色器
Three.js 数学函数着色器 | 三维可视化 / AI 提示词立即体验为什么需要这个技术:将数学公式转化为可视化的3D曲面,帮助理解函数特性。为什么需要这个技术:根据用户选择的函数类型,动态切换计算公式。
threelab21 天前
开发语言·前端·javascript·人工智能·3d·着色器
Three.js 3D 热力图效果 | 三维可视化 / AI 提示词立即体验
XX風21 天前
着色器
OpenGL中 为什么RBO 不能被着色器采样?着色器采样(sampler2D + texture())需要的是「纹理」——纹理的本质是一块可通过坐标(UV)寻址的内存,它有一套完整的数据布局:
_洋22 天前
开发语言·javascript·着色器
Three.js 着色器相关方法总结ShaderMaterial 是 Three.js 里“自己写 GPU 渲染逻辑”的材质。普通材质,比如:
threelab24 天前
开发语言·前端·javascript·人工智能·3d·着色器
Three.js 初中数学函数可视化 | 三维可视化 / AI 提示词立即体验这是一个展示如何创建初中数学函数可视化的示例,展示三维场景中的函数图像。本文档由 ThreeLab 编辑整理,如需转载,请注明出处。
小短腿的代码世界1 个月前
qt·架构·着色器
Qt OpenGL 架构与自定义着色器:源码级解析高性能图形渲染副标题:从 QOpenGLContext 到 GLSL 着色器,深度剖析 Qt 6 图形栈的每一层设计 核心价值:掌握 Qt OpenGL 全链路原理,告别黑盒调库,实现可预测的高性能渲染
UTwelve1 个月前
ue5·材质·虚幻引擎·着色器
【UE】材质与半透明 - 01. 基于Masked遮罩的抖动半透明 DitherMask在深入探讨真正的半透明渲染之前,我们有必要先了解一种在游戏引擎中极度高效的“伪半透明”方案:DitherMask 抖动半透明(在 Unreal Engine 等引擎中也被称为 Dithered Opacity)。
XX風1 个月前
着色器
OpenGL 着色器语言特性GLSL 提供以 gl_ 前缀的预定义内置变量,作为 Shader 中数据交互的额外方式。关键代码示例:
threelab1 个月前
javascript·人工智能·着色器
Three.js 极光效果着色器 | 三维可视化 / AI 提示词立即体验本文档由 ThreeLab 编辑整理,如需转载,请注明出处。