我是前端开发人员，但到目前为止，我只开发了没有精美动画，只有少量CSS动画并且网页之间没有如此出色或出色过渡效果的网站。
我使用Angular和Vue之类的框架（暂时还没有React），并且了解GSAP之类的库。
现在，我仍然想知道如何获得类似以下网站的结果：
https://monza.ferrari.com/it-it/monza-sp2（请看一下这个细节！）
...但是不知道从哪里开始，要使用哪种工具来制作如此出色的动画和流畅的用户体验。有人可以指出我正确的方向吗？
谢谢！
答案 0 :(得分：1)
您在这些网站上看到的大多数内容都是由可操纵html5 <canvas>元素的库创建的。
处理<canvas>的库：
例如，创建https://octoplus.ch/it之类的东西就是创建一个基于Three.js的网站。您最初看到的加载是Three.js从网站加载资产时，没有任何东西无法加载。之后，您所看到的就是一个带有场景和动画的Three.js应用程序。请注意，他们可能没有使用Three.js，但是由于我对此很熟悉，因此我会这样做。他们使用类似的东西。
我将使用Nuxt.js或Vue来处理初始网站内容（例如加载部分），并使用Vue将加载值绑定到变量。
因此，总结一下，我为您推荐的是一个Nuxt.js应用程序，该应用程序将Three.js，Babylon.js或D3.js用于精美的图形。