# 我vibe了一个3d鼠标垫设计器（纯玩具） **URL:** \ **Category:** 讨论分享\ **Created:** [2026 年8 月 23 日 01:02 UTC](https://meta.appinn.net/t/topic/90510 "2026-08-23T01:02:36Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![yazii](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/yazii/32/13871_2.png) [@yazii](https://meta.appinn.net/u/yazii)\ **Post date:** [2026 年8 月 23 日 01:02 UTC](https://meta.appinn.net/t/topic/90510/1 "2026-08-23T01:02:36Z")
3d鼠标垫这玩意大家都知道，菲尔兹奖得主邓煜都在用 昨天vibe了一个3d鼠标垫设计器，感觉非常好玩，目测还没有竞品。 需要提醒的是这玩意是纯玩具，搞点渲染图图一乐是可行的，对制作实物商品不具有指导意义，除非后续有商家在和我合作、针对细节进行适配调整 ![samples](https://h2cdn.appinn.me/original/3X/9/6/9680bde41fbc537c92dc2189cbf6f6663d80574f.webp) 3个方面爆杀实体商品： 1. 可调参数多； 2. 不占用实体空间、无需收纳； 3. 不产生实际成本（除了我用掉的token）； ## 特色 1. 直接用浏览器打开 `index.html` 即可（无需构建、单文件） 2. 参数丰富，甚至可以通过拖拽贝塞尔曲线的控制点来灵活调整鼠标垫外形，支持材质和贴图半透明度，支持光照 3. 所见即所得，可以通过拖拽快速调节贴图大小和位置、鼠标垫视角 4. 能导入导出配置，支持导出透明背景图 ## 快速上手 1. 打开工具后，直接拖拽贴图到右侧预览的模型上 2. 点击右上角鼠标模式，切换到主贴图+顶视 3. 通过鼠标滚轮和拖拽，快速调整贴图位置 4. 点击右上角鼠标模式，切换到视角，用鼠标调整合适视角 5. 截屏或者点击导出按钮 ## UI和参数概览 ![PixPin_2026-08-23_08-36-22](https://h2cdn.appinn.me/original/3X/7/3/735bb97f75afe56d6880998a39821196c218129f.webp) ![PixPin_2026-08-23_08-36-08](https://h2cdn.appinn.me/original/3X/b/d/bdf79f4fdb47dde23c5a530463181d68c4425dd1.png) ![PixPin_2026-08-23_08-35-28](https://h2cdn.appinn.me/original/3X/a/f/afe81c36a9044a8efd07411615010002c44acc24.webp) ## 链接 仓库地址 [GitHub - tumuyan/3d-mousepad: 在线DIY 3d鼠标垫 · GitHub](https://github.com/tumuyan/3d-mousepad) 可以直接点击使用 [3D MousePad Studio v2026-08-22-1960-ALL-PTS](https://tumuyan.github.io/3d-mousepad/) 另外之前其实还vibe过一个3d键盘设计器，这玩意是有竞品的，但是我的工具亦有独到之处（和实物制作工艺不完全匹配，同样纯玩具就是了） 仓库地址 [GitHub - tumuyan/3D-Keyboard: 客制化5面热升华键帽 · GitHub](https://github.com/tumuyan/3D-Keyboard) 可以直接点击使用 [https://3dkey.netlify.app/](https://3dkey.netlify.app/) ![PixPin_2026-08-23_08-59-18](https://h2cdn.appinn.me/original/3X/d/2/d212856123dcfbaf8938db4b99df655304f57334.webp) ---
**Author:** ![jerryc](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/j/3e96dc/32.png) [@jerryc](https://meta.appinn.net/u/jerryc)\ **Post date:** [2026 年8 月 23 日 12:04 UTC](https://meta.appinn.net/t/topic/90510/2 "2026-08-23T12:04:08Z")
建议加个杯型，调起来更方便更直观 然后形状加上什么八字吊钟。。。 ---
**Author:** ![jameswwl](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/jameswwl/32/73768_2.png) [@jameswwl](https://meta.appinn.net/u/jameswwl)\ **Post date:** [2026 年8 月 24 日 01:59 UTC](https://meta.appinn.net/t/topic/90510/3 "2026-08-24T01:59:22Z")
评论区禁止起飞 :rofl: ---
**Author:** ![yazii](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/yazii/32/13871_2.png) [@yazii](https://meta.appinn.net/u/yazii)\ **Post date:** [2026 年8 月 24 日 02:45 UTC](https://meta.appinn.net/t/topic/90510/4 "2026-08-24T02:45:20Z")
> [@jerryc](#): > > 建议加个杯型，调起来更方便更直观 本质是个模拟鼠标垫的玩具,和3d黄油不一样的. 普通图片当作贴图,没办法完美的铺到模型上的,加了也没什么卵用.反而显得恶俗了 另一方面也可以适配其他的东西,比如侧面奈子贴一起,皮鼓,等等 还有本项目是可以导入导出配置的,可以借助github的issue来分享参数和效果(还是要注意符合法规). ---
**Author:** ![dshuiewhui](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dshuiewhui/32/80496_2.png) [@dshuiewhui](https://meta.appinn.net/u/dshuiewhui)\ **Post date:** [2026 年8 月 27 日 07:44 UTC](https://meta.appinn.net/t/topic/90510/5 "2026-08-27T07:44:13Z")
用的是unity? ---
**Author:** ![lanxiuyun](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/l/919ad9/32.png) [@lanxiuyun](https://meta.appinn.net/u/lanxiuyun)\ **Post date:** [2026 年8 月 27 日 08:07 UTC](https://meta.appinn.net/t/topic/90510/6 "2026-08-27T08:07:51Z")
当然要上传老师的多张正面，侧面照片，一键出峰谷啦~ ---
**Author:** ![yazii](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/yazii/32/13871_2.png) [@yazii](https://meta.appinn.net/u/yazii)\ **Post date:** [2026 年8 月 27 日 13:27 UTC](https://meta.appinn.net/t/topic/90510/7 "2026-08-27T13:27:53Z")
用什么u3d，Three.js直接淦，单html文件极致精简 ---
**Author:** ![dshuiewhui](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dshuiewhui/32/80496_2.png) [@dshuiewhui](https://meta.appinn.net/u/dshuiewhui)\ **Post date:** [2026 年8 月 27 日 15:21 UTC](https://meta.appinn.net/t/topic/90510/8 "2026-08-27T15:21:50Z")
wow原来还有这个 丰富了我超弱的前端工程能力