0.2Studio

0.2Studio 官网，使用 Node.js 工具链、React、TypeScript、Vite 和 Three.js。

本地运行

需要 Node.js 22.12+ 或 24+。

npm install
npm run dev

默认访问 http://localhost:5173。端口占用时，Vite 会选择下一个可用端口。

npm run build
npm run preview

生产构建输出到 dist/，可以部署到支持静态网站的服务，不需要常驻 Node.js 后端。

主要文件

• src/App.tsx：导航、项目信息、链接和页面内容。
• src/styles.css：桌面与移动布局、品牌颜色和排版。
• src/ParticleScene.tsx：图标采样、Three.js 粒子、滚动变形、鼠标与触摸交互。
• public/：本地品牌资源。所有字体和图像均随网站构建，不依赖第三方资源服务器。

工作室 Logo 与 02Engine 图标使用提供的 SVG。BandBurg 图像来自其公开仓库 public/icon.png，渲染时会过滤源图中的棋盘格背景，并转换成品牌青绿色点阵。02mini 未提供独立品牌图标，当前使用 Lucide 的 Bot 符号作为概念视觉。

页面使用原生滚动位置驱动形态，Lenis 平滑桌面滚轮。系统启用减少动态效果时直接展示聚合完成的形态。WebGL 不可用时自动显示静态项目图像。鼠标靠近粒子会产生局部排斥与回弹，点击或触摸时作用范围增加。

浏览器验证

npm run test:e2e

先启动开发服务器。测试通过 Playwright 使用本机 Microsoft Edge，在桌面与手机视口验证图像像素、粒子运动、滚动形态、外链、导航、文字边界与减少动态效果。截图输出到 test-results/。其他环境可调整 playwright.config.ts 中的浏览器配置。