跳到正文
Pian

Pian · 前端 / 3D / AI 工具

把做的时候没想明白的事,做完之后写下来。

我是 Pian。白天写前端,晚上折腾 WebGL 和着色器,最近大部分时间花在 「AI 到底能帮我做到哪一步」这件事上。

这个站没有系统外挂,也没有一键生成。写在这里的东西都是踩过坑之后的复盘: 具体到数字、报错信息和那些当时看了三遍才看出来的低级错误。

或者从这篇开始:我为什么重做这个博客

最近写的

5 篇
  • 014 分钟

    把 3D 塔渲染成 2D 像素

    一条 Dead Cells 式三渲二管线:Blender 正交渲染 32 帧、640×360、48 色、1px 描边;Codex 出背景,canvas 按滚动切帧。首屏 JS 从 three 的 100KB+ 降到 110KB。

    • #3D
    • #像素
    • #Blender
    • #三渲二
  • 024 分钟

    把一张教堂照片变成雾中尖塔

    图生 3D 第一版给我生了对双塔,贴图是一张糊掉的 2K atlas。记录从参考图裁切、Blender 减面补 AO、三平面石材 shader 到 950KB Draco 落地的全过程。

    • #3D
    • #Lux3D
    • #Blender
    • #Three.js
  • 032 分钟

    我为什么重做这个博客

    旧站用了四年,五十多个插件,一秒八次重渲染。这次推倒重来,我想清楚了三件事:内容优先、性能是设计、好看不等于可用。

    • #随笔
    • #工程
  • 042 分钟

    Three.js 首屏性能踩坑

    从 8fps 到稳 60fps,中间没有魔法。记录一遍真实数据:draw call、纹理尺寸、tone mapping、后处理和 DPR 到底吃掉了多少帧。

    • #Three.js
    • #性能
    • #WebGL
  • 053 分钟

    用 AI 写 shader 的边界

    它能写出能跑的 shader,写不出好看的效果。这条界线具体在哪,我用三个月、四十多个片元着色器试出来了。

    • #AI
    • #Shader
    • #工作流

全部文章 →