个人技术博客与作品集：C++ 与计算机基础、计算机图形学、OpenGL/GLSL、Unity URP/HLSL、实时渲染与 Shader 编程，并附带可在浏览器中实时调参的 WebGL 2 示例。https://graphics-portfolio.pages.dev/zh-CNF-ItokF-Itokhttps://graphics-portfolio.pages.dev/blog/linear-vs-srgb-workflow/https://graphics-portfolio.pages.dev/blog/linear-vs-srgb-workflow/解释为什么光照计算必须在线性空间进行、sRGB 传输函数的精确形式与 2.2 近似的误差、Unity 与 three.js 各自在哪一步做转换，以及移植 URP 着色器到 WebGL 时最容易踩的双重转换问题。Fri, 21 Aug 2026 00:00:00 GMTgraphicscolor-spacesrgbthree-jsunity-urphttps://graphics-portfolio.pages.dev/blog/urp-shader-anatomy/https://graphics-portfolio.pages.dev/blog/urp-shader-anatomy/逐层拆解一个 URP 着色器文件的组成：ShaderLab 外壳、Properties 与材质面板、Pass 与 LightMode、URP 的头文件体系、UnityPerMaterial 与 SRP Batcher、宏与语义，以及 _Time、GetMainLight 这些每帧数据的来源。Mon, 06 Jul 2026 00:00:00 GMTunity-urphlslunity-urpshaderlabsrp-batcherhttps://graphics-portfolio.pages.dev/blog/fresnel-realtime-math/https://graphics-portfolio.pages.dev/blog/fresnel-realtime-math/从电磁场的边界条件出发推导 Fresnel 反射率，说明 Schlick 近似为什么够用，给出 F0 与折射率的换算关系和常见介质的数值，并解释边缘光、GGX 中的 Fresnel 项与常见实现错误。Sun, 14 Jun 2026 00:00:00 GMTrenderingfresnellightingpbrmathhttps://graphics-portfolio.pages.dev/blog/webgl2-glsl-es300-migration/https://graphics-portfolio.pages.dev/blog/webgl2-glsl-es300-migration/整理桌面 OpenGL、WebGL 1 与 WebGL 2 之间着色器语言的差异，包括版本指令、in/out、整数类型、纹理采样、UBO 与 instancing，以及在 three.js 中使用 RawShaderMaterial 写原生 GLSL ES 3.00 的具体做法。Mon, 18 May 2026 00:00:00 GMTopengl-glslwebgl2glslthree-jsmigration