三星商城 360°展示商品如何实现???

作者站长头像
站长
· 阅读数 18
回复
1个回答
avatar
test
2024-06-27

看源码是使用了 Three.js 来实现了

<canvas data-engine="three.js r148" width="625" height="610" style="display: block; width: 500px; height: 488px; touch-action: none;"></canvas>

模型展示可以调用对应模型的 loader 来实现,鼠标拖动旋转的话用内置的 Controls 就行(猜测它用的是 OrbitControls)

示例的话可以参考下 Three.js 的示例,搜个 loader 相关的或者 controls 的示例看下源码就可以实现

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容