iphone - 使用手机陀螺仪的 JavaScript 中的虚拟透镜 wiggle3d

Question

我的目标是构建一个应用程序，该应用程序可以重现类似于前数字时代打印在光栅纸上的原始 3D 图像的 wiggle3d 效果。

以下是应根据手机旋转进行交互的帧示例： https ://media3.giphy.com/media/LpF5BigUOHVsm0802d/giphy.gif?cid=5e214886fcfcfc56974ce20bdcb79542475eb21dd5139545&rid=giphy.gif&ct=g

为此，我需要编写一个具有以下功能的脚本：

• 检测设备是否有陀螺仪
• 请求访问陀螺仪（iOS 13+）
• 检测 gif 中的帧数
• 以 +45 到 -45 度的旋转排列帧。因此，如果有 7 帧，第一帧会出现在 -45 度，第二帧会出现在 -30 度，第三帧会出现在 -15 度...

有人知道如何做到这一点吗？我将很快上传从设备获取 y 旋转但缺少基于旋转的帧检测和图库的初步脚本。

标签： iphoneweb