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 · 2569 次点击
    这是一个创建于 375 天前的主题,其中的信息可能已经有所发展或是发生改变。
    参考:

    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?
    dfkjgklfdjg
        2
    dfkjgklfdjg  
       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   ·   实用小工具   ·   967 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 21:01 · PVG 05:01 · LAX 13:01 · JFK 16:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.