Pian https://pianlearning.top/ Pian 的个人站。写前端工程、Three.js 性能、AI 辅助创作里的真实边界，以及那些做完之后才想明白的事。 zh-CN Tue, 03 Nov 2026 00:00:00 GMT Next.js 把 3D 塔渲染成 2D 像素 https://pianlearning.top/blog/from-3d-to-pixel https://pianlearning.top/blog/from-3d-to-pixel Tue, 03 Nov 2026 00:00:00 GMT 一条 Dead Cells 式三渲二管线：Blender 正交渲染 32 帧、640×360、48 色、1px 描边；Codex 出背景，canvas 按滚动切帧。首屏 JS 从 three 的 100KB+ 降到 110KB。 3D 像素 Blender 三渲二 把一张教堂照片变成雾中尖塔 https://pianlearning.top/blog/from-image-to-spire https://pianlearning.top/blog/from-image-to-spire Mon, 02 Nov 2026 00:00:00 GMT 图生 3D 第一版给我生了对双塔，贴图是一张糊掉的 2K atlas。记录从参考图裁切、Blender 减面补 AO、三平面石材 shader 到 950KB Draco 落地的全过程。 3D Lux3D Blender Three.js 我为什么重做这个博客 https://pianlearning.top/blog/why-rebuild-this-blog https://pianlearning.top/blog/why-rebuild-this-blog Thu, 29 Oct 2026 00:00:00 GMT 旧站用了四年，五十多个插件，一秒八次重渲染。这次推倒重来，我想清楚了三件事：内容优先、性能是设计、好看不等于可用。 随笔 工程 Three.js 首屏性能踩坑 https://pianlearning.top/blog/threejs-first-screen-performance https://pianlearning.top/blog/threejs-first-screen-performance Wed, 21 Oct 2026 00:00:00 GMT 从 8fps 到稳 60fps，中间没有魔法。记录一遍真实数据：draw call、纹理尺寸、tone mapping、后处理和 DPR 到底吃掉了多少帧。 Three.js 性能 WebGL 用 AI 写 shader 的边界 https://pianlearning.top/blog/ai-shader-boundaries https://pianlearning.top/blog/ai-shader-boundaries Mon, 12 Oct 2026 00:00:00 GMT 它能写出能跑的 shader，写不出好看的效果。这条界线具体在哪，我用三个月、四十多个片元着色器试出来了。 AI Shader 工作流