V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ABCDE911119
V2EX  ›  前端开发

请教前端大佬, Google store 的 3d 预览商品的实现

  •  
  •   ABCDE911119 · 156 天前 · 990 次点击
    这是一个创建于 156 天前的主题,其中的信息可能已经有所发展或是发生改变。

    你们好,我有个小小的问题 Google store 的商品 3d 预览是怎么实现的 https://store.google.com/product/pixel_buds_pro?pli=1&hl=en-US 有个 3d 预览,https://store.google.com/product/pixel_buds_pro?pli=1&hl=en-US&modal=pbpar

    模型可以全方位无死角的拖拽查看,还有里面的耳机也能单独弄出来,怎样才能实现这种功能,这个模型可以抓取出来吗,如何抓取

    7 条回复    2024-07-15 13:29:13 +08:00
    lennie029
        1
    lennie029  
       156 天前   ❤️ 1
    用的是 threejs ,找到 network ,列表里面有一个以.glb 结尾的文件,打开右侧的 url 就能下载
    wyl986
        2
    wyl986  
       156 天前 via iPhone   ❤️ 1
    用 blender 、3dmax 来建模,用 three.js 、d3.js 来渲染; YouTube 上很多教程
    alphardex
        3
    alphardex  
       156 天前   ❤️ 1
    用 three.js 当然可以,但 Google 用的是自己开源的 model-viewer ,更加简单
    https://github.com/google/model-viewer
    ABCDE911119
        4
    ABCDE911119  
    OP
       156 天前
    @wyl986 谢谢
    ABCDE911119
        5
    ABCDE911119  
    OP
       156 天前
    谢谢
    ABCDE911119
        6
    ABCDE911119  
    OP
       156 天前
    @wyl986 谢谢
    ABCDE911119
        7
    ABCDE911119  
    OP
       156 天前
    @lennie029 谢谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2969 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 14:33 · PVG 22:33 · LAX 06:33 · JFK 09:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.