求助,前端实现 3D 定制效果展示,有没有合适的解决方案? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
yefee
V2EX    Javascript

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

  •  
  •   yefee 2024-02-22 16:15:38 +08:00 3173 次点击
    这是一个创建于 665 天前的主题,其中的信息可能已经有所发展或是发生改变。
    参考:

    https://www.designyourlift.com/

    做一个类似的东西

    除了直接用 three3D ,有没有可以第三方直接调用的或者更轻量级的 js 组件?
    第 1 条附言    2024-02-26 11:32:40 +08:00
    项目需求详情: https://v2ex.com/t/1018393

    有感兴趣的小伙伴欢迎报价
    20 条回复    2024-02-25 09:47:17 +08:00
    Zach369
        1
    Zach369  
       2024-02-22 16:34:45 +08:00
    ThreeJs?
    94
        2
    94  
       2024-02-22 16:46:01 +08:00
    threejs ,案例就是用的 threejs
    luoway
        3
    luoway  
       2024-02-22 16:46:03 +08:00
    设计你的电梯,哈哈有意思。

    网站用的就是 threeJS
    yefee
        4
    yefee  
    OP
       2024-02-22 16:59:19 +08:00
    为了这个项目再去新开个技术栈好像很不值当,有没有小伙伴能做这个项目?可以报个价?

    功能不需要这么复杂,只要每个面选择一个纹理就行,然后能对两个视角进行截图,用于生成 pdf 报价单就可以。
    fishlium
        5
    fishlium  
       2024-02-22 17:37:45 +08:00
    @yefee 不需要门么
    horizon
        6
    horizon  
       2024-02-22 17:53:31 +08:00
    @yefee #4
    每个面选择一个纹理是啥意思
    yefee
        7
    yefee  
    OP
       2024-02-22 19:16:15 +08:00
    @fishlium 这个得后面跟客户商量 不过就算加上的话 应该建模也就是两块平板 基本上没啥区别
    yefee
        8
    yefee  
    OP
       2024-02-22 19:16:45 +08:00
    @horizon 就是三个面,加上天花板和地板, 纹理就是图案。
    ly827
        9
    ly827  
       2024-02-22 19:38:41 +08:00
    threejs 应该是比较轻量化的了 使用了下 是要完全做一个么?
    okakuyang
        10
    okakuyang  
       2024-02-22 19:46:31 +08:00
    我以前就是做这种的,可以各种问我。
    yefee
        11
    yefee  
    OP
       2024-02-22 20:15:26 +08:00
    @fishlium 我看了下 designyourlift 是需要门的
    rabbbit
        12
    rabbbit  
       2024-02-22 20:16:51 +08:00
    原理不难,Threejs 盒子贴个图,然后改成背面渲染,自己做就行。
    dcdlove
        13
    dcdlove  
       2024-02-23 08:58:54 +08:00
    前提是有各种产品的 3d 模型然后动态跟换每个皮肤 threejs
    wangtian2020
        14
    wangtian2020  
       2024-02-23 09:15:45 +08:00
    threejs 还不够简单,模型加载进去,再启用一个球型摄像机模式就完事了,切换贴图就切换个材质
    aliyun2017
        15
    aliyun2017  
       2024-02-23 11:06:25 +08:00
    之前做过一个 demo 直接把模型放进去打个包就行了: https://source.nullno.com/three-demo/
    olovepp
        16
    olovepp  
       2024-02-23 11:20:53 +08:00
    你可能想要都是 spline

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

    https://spline.design/
    nzbin
        17
    nzbin  
       2024-02-23 17:46:47 +08:00
    这个网站竟然用的 Angular ,收藏了
    IvanLi127
        18
    IvanLi127  
       2024-02-24 09:19:53 +08:00
    我觉得这个需求直接 threejs 就好,模型出了,对应材质贴图实时替换就能实现
    davidyv
        19
    davidyv  
       2024-02-25 09:45:21 +08:00
    我这里可以做,这里有个演示案例,产品不同,制作原理类似 https://3d-product-configurator.newloong.com/configurator/
    davidyv
        20
    davidyv  
       2024-02-25 09:47:17 +08:00
    @davidyv 还能够生成各个部件详细的配置信息,是 EXCEL 表格。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2919 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 13:40 PVG 21:40 LAX 05:40 JFK 08:40
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86