动画
快来分享你的内容吧～
2022-12-26
Vue 3 Spline 3d动画加载
# Vue 3 Spline 3d动画加载 1. 如果你使用npm: ```bash npm install vue3-spline@latest --save ``` 2. 如果你使用的是yarn: ```bash yarn add vue3-spline@latest ``` 3. 全局注册组件 ```js // main.js import { createApp } from 'vue' import Vue3Spline from 'vue3-spline' createApp(App).use(Vue3Spline).mount('#app') ``` 4. 本地导入组件 ```js import { Vue3Spline } from 'vue3-spline' export default { components: { Vue3Spline, }, } ``` 5. 在模板中使用该组件 ```js <template> <Vue3Spline :scene="{ url: 'https://prod.spline.design/VXwvUCucezeKhYSq/scene.splinecode', }" /> </template> <script> import { Vue3Spline } from 'vue3-spline' export default { components: { Vue3Spline, }, } </script> ``` 6. 在Spline 3d软件中导出代码或使用url地址，如下图 ![转存失败，请重新上传图片]() 7. 运行结果 ![转存失败，请重新上传图片]()
Loading.io
在这里你可以生成多个加载动画并将其下载为SVG、GIF、PNG和其他格式，但它最棒的特点是你可以将这些动画自定义到一个新的水平。值得尝试。 地址：https://loading.io/
Tooll 3
地址：https://github.com/still-scene/t3
AutoAnimate
地址：https://github.com/formkit/auto-animate
Epic Spinners
仅Css、易于使用、VueJS集成 地址：https://epic-spinners.epicmax.co/
Git在线学习
地址：https://learngitbranching.js.org/?locale=zh_CN%255C
AnimeTaste
移动版聚焦更新的全球独立动画的传播，让您随时随地能观看动画，分享快乐给更多好友。品味动画，重拾幻想。 地址：https://github.com/daimajia/AnimeTaste
Animista
地址：https://animista.net/
Vivus.js
Vivus提供很多不同种类的动画。 另外还有选项，你可以按你的想法来创建一个定制的脚本来创建你的SVG动画。 地址：http://maxwellito.github.io/vivus/
Bounce.js
地址：http://bouncejs.com/