求助，前端实现 3D 定制效果展示，有没有合适的解决方案?

参考：

https://www.designyourlift.com/

做一个类似的东西

除了直接用 three3D ，有没有可以第三方直接调用的或者更轻量级的 js 组件？

luoway

2024-02-22 16:46:03 +08:00

设计你的电梯，哈哈有意思。

网站用的就是 threeJS

yefee

2024-02-22 16:59:19 +08:00

为了这个项目再去新开个技术栈好像很不值当，有没有小伙伴能做这个项目？可以报个价？

功能不需要这么复杂，只要每个面选择一个纹理就行，然后能对两个视角进行截图，用于生成 pdf 报价单就可以。

horizon

2024-02-22 17:53:31 +08:00

@yefee #4
每个面选择一个纹理是啥意思

yefee

2024-02-22 19:16:15 +08:00

@fishlium 这个得后面跟客户商量不过就算加上的话应该建模也就是两块平板基本上没啥区别

yefee

2024-02-22 19:16:45 +08:00

@horizon 就是三个面，加上天花板和地板，纹理就是图案。

ly827

2024-02-22 19:38:41 +08:00

threejs 应该是比较轻量化的了使用了下是要完全做一个么？

okakuyang

2024-02-22 19:46:31 +08:00

我以前就是做这种的，可以各种问我。

yefee

2024-02-22 20:15:26 +08:00

@fishlium 我看了下 designyourlift 是需要门的

rabbbit

2024-02-22 20:16:51 +08:00

原理不难，Threejs 盒子贴个图，然后改成背面渲染，自己做就行。

dcdlove

2024-02-23 08:58:54 +08:00

前提是有各种产品的 3d 模型然后动态跟换每个皮肤 threejs

wangtian2020

2024-02-23 09:15:45 +08:00

threejs 还不够简单，模型加载进去，再启用一个球型摄像机模式就完事了，切换贴图就切换个材质

aliyun2017

2024-02-23 11:06:25 +08:00

之前做过一个 demo 直接把模型放进去打个包就行了： https://source.nullno.com/three-demo/

olovepp

2024-02-23 11:20:53 +08:00

你可能想要都是 spline

web APP 都可以嵌入 3D 交互场景

https://spline.design/

nzbin

2024-02-23 17:46:47 +08:00

这个网站竟然用的 Angular ，收藏了

IvanLi127

2024-02-24 09:19:53 +08:00

我觉得这个需求直接 threejs 就好，模型出了，对应材质贴图实时替换就能实现

davidyv

2024-02-25 09:45:21 +08:00

我这里可以做，这里有个演示案例，产品不同，制作原理类似 https://3d-product-configurator.newloong.com/configurator/

davidyv

2024-02-25 09:47:17 +08:00

@davidyv 还能够生成各个部件详细的配置信息，是 EXCEL 表格。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1017576

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.