苹果官网这种效果很酷炫，有没有大神告知下通过什么技术实现的？

[michael666]

https://www.apple.com.cn/iphone-air/ 定睛细看部分 可以手动拖拽实现翻转，看 Elements 有 canvas 和 three.js ，但技术实现有没有大佬告知下。 <canvas data-engine="three.js r165" width="1728" height="912" style="display: block; width: 1728px; height: 912px;"></canvas>

[crocoBaby]

据我了解,应该是做好的模型直接用 threejs 渲染

[Aolose]

你不都列出来了 要趴下来对应 3d 模型的话 去开发者工具 网络里头找 都找得到

[shui14]

你去搜一下 r3f ，每年都会有人做个一样的
r165 的话应该是 2021 ，现在已经 r180 了

[b821025551b]

啊？我怎么没看见有 canvas 部分，都是一张图片

[a33291]

也学坏了 "比硬币还薄"

[weixind]

threejs 。

https://www.apple.com.cn/v/iphone-air/a/static/libs/lotus.min.js 这个里面可以看到。

Copyright 2010-2024 Three.js Authors

[michael666]

@weixind 多谢，我试试

[michael666]

@b821025551b 先别开控制台，刷新预览下

[michael666]

@shui14 好的，多谢

[michael666]

@Aolose 嗯，前端开发能力不足，知道是相关技术，但是实现步骤不了解

[michael666]

@crocoBaby 嗯，现在不清楚具体的实现步骤，得研究下