单张肖像的 XPBD 软体。按住往外拉,松开后锚点把肉拽回原位。转着拖的时候,翻过去的格子会自己解开。右键缓动复位。
格子墙、收藏和抠图在 grid 分支。
npm install
npm run dev开发服务器在 http://127.0.0.1:8080/。
- 按住拖拽:抓住脸往外拉。起点决定混进哪张表情。
- 悬停:按悬停力和滑脱去揉。滑脱只作用在悬停上。
- 右键:缓动回正。
- 面板(lil-gui):膜、手、悬停、求解。网格可以切
grid/polar/none。
| 包 | 用途 |
|---|---|
react、react-dom |
界面 |
@tanstack/react-start |
应用壳和服务端函数 |
@tanstack/react-router |
路由 |
vite、@vitejs/plugin-react |
开发与构建 |
lil-gui |
右侧旋钮 |
tailwindcss、@tailwindcss/vite |
版式 |
typescript |
类型 |
nitro |
生产端打包 |
表情底图在 public/expr/,由页面里的混合直接采样,不另引图像库。