Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
User interface 我应该如何开始以及使用什么工具来开发具有惊人动画的网站?_User Interface_Animation_Css Animations - Fatal编程技术网

User interface 我应该如何开始以及使用什么工具来开发具有惊人动画的网站?

User interface 我应该如何开始以及使用什么工具来开发具有惊人动画的网站?,user-interface,animation,css-animations,User Interface,Animation,Css Animations,我是一个前端开发人员,但到目前为止,我只开发了没有很棒的动画的网站,只有很少的CSS动画,也没有如此出色的页面间过渡效果 我现在使用Angular和Vue NoReact等框架,并了解GSAP等库 目前,我仍在想,如何才能获得以下网站所示的结果: 看看这一个细节的数量 。。。但不知道从哪里开始,使用哪些工具才能获得如此出色的动画效果和流畅的用户体验。有人能给我指出正确的方向吗 谢谢大家! 您在这些站点上看到的大部分内容都是由可以操作html5元素的库创建的 处理以下内容的库: 3.js 巴比伦

我是一个前端开发人员,但到目前为止,我只开发了没有很棒的动画的网站,只有很少的CSS动画,也没有如此出色的页面间过渡效果

我现在使用Angular和Vue NoReact等框架,并了解GSAP等库

目前,我仍在想,如何才能获得以下网站所示的结果:

看看这一个细节的数量

。。。但不知道从哪里开始,使用哪些工具才能获得如此出色的动画效果和流畅的用户体验。有人能给我指出正确的方向吗


谢谢大家!

您在这些站点上看到的大部分内容都是由可以操作html5元素的库创建的

处理以下内容的库:

3.js 巴比伦 D3.js 例如,我要做的是创建一个基于Three.js的网站。您在开始时看到的加载是,当Three.js从网站加载资产时,如果没有要加载的内容,就不能有一个加载程序。之后,您将看到一个带有场景和动画的Three.js应用程序。请注意,他们可能没有使用Three.js,但由于我熟悉Three.js,所以我会这样做。他们使用类似的东西

我会使用Nuxt.js或Vue来处理初始的网站内容,比如加载部分,用Vue将加载值绑定到变量


总结一下,我向您推荐的是一个Nuxt.js应用程序,它使用Three.js、Babylon.js或D3.js制作精美的图形。

感谢您的建议Simon!: