我vibe了一个3d鼠标垫设计器(纯玩具)

3d鼠标垫这玩意大家都知道,菲尔兹奖得主邓煜都在用

昨天vibe了一个3d鼠标垫设计器,感觉非常好玩,目测还没有竞品。
需要提醒的是这玩意是纯玩具,搞点渲染图图一乐是可行的,对制作实物商品不具有指导意义,除非后续有商家在和我合作、针对细节进行适配调整

3个方面爆杀实体商品:

  1. 可调参数多;
  2. 不占用实体空间、无需收纳;
  3. 不产生实际成本(除了我用掉的token);

特色

  1. 直接用浏览器打开 index.html 即可(无需构建、单文件)
  2. 参数丰富,甚至可以通过拖拽贝塞尔曲线的控制点来灵活调整鼠标垫外形,支持材质和贴图半透明度,支持光照
  3. 所见即所得,可以通过拖拽快速调节贴图大小和位置、鼠标垫视角
  4. 能导入导出配置,支持导出透明背景图

快速上手

  1. 打开工具后,直接拖拽贴图到右侧预览的模型上
  2. 点击右上角鼠标模式,切换到主贴图+顶视
  3. 通过鼠标滚轮和拖拽,快速调整贴图位置
  4. 点击右上角鼠标模式,切换到视角,用鼠标调整合适视角
  5. 截屏或者点击导出按钮

UI和参数概览


链接

仓库地址 GitHub - tumuyan/3d-mousepad: 在线DIY 3d鼠标垫 · GitHub

可以直接点击使用 3D MousePad Studio v2026-08-22-1960-ALL-PTS

另外之前其实还vibe过一个3d键盘设计器,这玩意是有竞品的,但是我的工具亦有独到之处(和实物制作工艺不完全匹配,同样纯玩具就是了)

仓库地址 GitHub - tumuyan/3D-Keyboard: 客制化5面热升华键帽 · GitHub
可以直接点击使用 https://3dkey.netlify.app/

1 个赞

建议加个杯型,调起来更方便更直观

然后形状加上什么八字吊钟。。。

2 个赞

评论区禁止起飞 :rofl:

本质是个模拟鼠标垫的玩具,和3d黄油不一样的.
普通图片当作贴图,没办法完美的铺到模型上的,加了也没什么卵用.反而显得恶俗了

另一方面也可以适配其他的东西,比如侧面奈子贴一起,皮鼓,等等

还有本项目是可以导入导出配置的,可以借助github的issue来分享参数和效果(还是要注意符合法规).

用的是unity?

当然要上传老师的多张正面,侧面照片,一键出峰谷啦~

用什么u3d,Three.js直接淦,单html文件极致精简

wow原来还有这个
丰富了我超弱的前端工程能力