FEYNMAN 技术博客

> 记录学习、分享技术、探索计算机图形学与网站艺术特效

几何的隐式与显式表示、代数曲面与CSG与距离函数、贝塞尔曲线与B样条、贝塞尔曲面、网格细分（Loop/Catmull-Clark）、网格简化（二次误差度量）、网格正规化、阴影映射 Shadow Mapping

2026年9月9日 • 6711 字 • 14 分钟

深入探索 Chrome 团队提出的 HTML-in-Canvas 提案——让 Canvas 原生绘制真实、可交互、可访问的 HTML 内容。从基础用法到 WebGL 3D 纹理，从踩坑清单到跨浏览器 polyfill 方案，一文打通 DOM 与像素世界。

2026年9月2日 • 4819 字 • 10 分钟

噪声函数原理（Perlin 梯度噪声、Simplex 单纯形、FBM 分形布朗运动）、云雾/地形/火焰/顶点变形实战、噪声动画、频率与振幅、课后作业五大案例

2026年8月31日 • 7267 字 • 15 分钟

深度缓冲 Z-Buffer、Blinn-Phong 反射模型、着色频率、图形渲染管线与 Shader、纹理映射、重心坐标、双线性插值、Mipmap 与三线性插值、环境贴图、法线贴图、阴影贴图

2026年8月30日 • 11284 字 • 23 分钟

GLSL 内置数学函数（mix/step/smoothstep/sin/cos/pow）、向量运算（dot/cross/normalize）、用数学函数画基本形状、fract/mod 周期函数、坐标系变换与 UV 映射

2026年8月25日 • 4737 字 • 10 分钟

透视投影收尾、视口变换、光栅显示设备、三角形采样与抗锯齿、MSAA/FXAA/TAA/DLSS

2026年8月16日 • 6696 字 • 14 分钟

顶点/片元着色器执行流程，gl_Position / gl_FragColor，attribute / uniform / varying 三种通道，ShaderMaterial vs RawShaderMaterial，GLSL 强类型与常用内置函数

2026年8月15日 • 6596 字 • 14 分钟

二维仿射变换、齐次坐标、复合变换、三维变换、欧拉角、MVP 变换、视图与投影变换

2026年8月9日 • 5966 字 • 12 分钟

复刻 moeru.ai 落地页的两大核心交互：波点网格物理排斥 + 3D 挂牌 Verlet 绳索模拟。从原理到实现，逐行解析 CSS/JS 关键代码。

2026年8月1日 • 4643 字 • 10 分钟

requestAnimationFrame vs GSAP，gsap.to/from/timeline，KeyframeTrack 关键帧动画，AnimationObjectGroup 共享动画，AnimationMixer 模型动画

2026年7月30日 • 4553 字 • 10 分钟