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

111 天前
 ABCDE911119

你们好,我有个小小的问题 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

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

902 次点击
所在节点    前端开发
7 条回复
lennie029
111 天前
用的是 threejs ,找到 network ,列表里面有一个以.glb 结尾的文件,打开右侧的 url 就能下载
wyl986
111 天前
用 blender 、3dmax 来建模,用 three.js 、d3.js 来渲染; YouTube 上很多教程
alphardex
111 天前
用 three.js 当然可以,但 Google 用的是自己开源的 model-viewer ,更加简单
https://github.com/google/model-viewer
ABCDE911119
111 天前
@wyl986 谢谢
ABCDE911119
111 天前
谢谢
ABCDE911119
111 天前
@wyl986 谢谢
ABCDE911119
111 天前
@lennie029 谢谢

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

https://www.v2ex.com/t/1057346

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

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

© 2021 V2EX