xi-hub

Lab

跑着玩的

一些不成产品的东西:shader、动效原语、以及没能做成的尝试。 它们标注了技术、性能和设计意图,不代表完整项目。

液态噪声 · fbm × 4 · 指针靠近会推开流体 · 移动端自动降级
  • Liquid Noise

    2026

    单个 fragment shader 做出来的液态噪声背景,指针靠近时会推开流体。

    3.2 KB shader,移动端自动降采样到 0.6x

    • WebGL
    • GLSL
    • fbm
  • Text Splitter

    2026

    逐字揭示的文本动画,按「词」而不是「字符」切分,避免中文断行错位。

    零依赖,1.1 KB

    • CSS
    • IntersectionObserver