如何使用JavaScript为滚动显示3D渲染动画?

我当时想在Apple网站上像this one那样滚动制作动画3D渲染。检查这些元素,很明显,人造的3D效果是使用数百张图像制成的,每个图像代表一个特定的帧。

如何使用JavaScript为滚动显示3D渲染动画?

寻找最佳方法来复制这种惊人的效果,我发现了这个库lottie,这是由airbnb开发的框架,它使用渲染,在特效后使用Adobe插件并创建最终的JSON文件包含动画。不过,这并不能说服我,因为目前尚不清楚如何在不使用其他框架的情况下将最终的JSON文件合并到您自己的JavaScript代码中。

有成千上万个基于用户滚动的html元素动画库,但是这些库都不支持“更改框架”。问题是,您认为获得相似结果的最佳方法是什么?您曾经做过相似的事情吗?

谢谢你们。

axstarmiao 回答:如何使用JavaScript为滚动显示3D渲染动画?

尝试以下方法:https://youtu.be/wLUJ9VNzZXo

它使用滚动魔术符分解为帧并根据滚动显示。

$.ajax({
    url: './mod/get-tables.php',type: 'POST',cache: false,async: true,timeout: 8000,headers: {
        "cache-control": "no-cache"
    },success: function (response) {
        $("#tables-container").html(response);
    }
});
本文链接:https://www.f2er.com/3158565.html

大家都在问