最近在写一个Vue项目,想要在登录界面加一个动态背景效果,搜索之后发现了 Vanta.js(https://www.vantajs.com/)这个库。Vanta 可以借助three.js(WebGL) 或p5.js渲染动态的3D背景效果,提供了多种预设。 几种效果都挺不错的,最终我决定采用clouds效果。 随即我发现这个效果是可以定制的,包括天空颜色、云的颜色、太...
首先我的测试项目是vue2版本,关于React和Angular框架自行查看npm官网Vanta npm 官网:Vanta - npm 1.引入库 在项目中安装 three.js 依赖 这里指定版本,否则会报错,因为three更新了,但是查看源码,该组件库还是使用的这个版本 npm i three@0.121.0 在项目中安装 Vanta JS 依赖 Vanta.js官网: Vanta.js Animated web...
vue3dvantajsvue-vanta UpdatedMay 11, 2021 javascripthtml5css3hovertypedbootstrap5vantajsaos-jstilt-js UpdatedFeb 17, 2024 CSS Generate Mini Catan Boards 🧱🌾🪵🪨🐑 graphicsthree-jsvitevantajs UpdatedDec 13, 2023 JavaScript A simple ToDo App Using Node.js, express.js, and MongoDB as...
optionsEach effect has its own specific parameters. Explore them all atwww.vantajs.com!Object Install npm ivue-vanta Repository github.com/behnamjz/vue-vanta Homepage github.com/behnamjz/vue-vanta#readme Weekly Downloads 9 License ISC Unpacked Size ...
Usage with Vue 2 (SFC): <template> Foreground content here </template> importBIRDSfrom'vanta/dist/vanta.birds.min'//Make sure window.THREE is defined, e.g. by including three.min.js in the document head using a tagexportdefault{mounted() {this.vantaEffect=BIRDS({el:this.$refs.vant...
Works with vanilla JS, React, Angular, Vue, etc. Effects are rendered bythree.js(using WebGL) orp5.js. Effects can interact with mouse/touch inputs. Effect parameters (e.g. color) can be easily modified to match your brand. Total additional file size is ~120kb minified and gzipped (...
A free, fast, and reliable CDN for vue-vanta. > Animated website backgrounds in a few lines of code.
探索 直播 放映厅 短剧 优雅的3D动画背景网站vanta.js#程序员#代码 1200 16 1119 75 发布时间:2023-10-03 19:04 放肆的小情绪 ... 好像vue3不支持 1年前·新疆 0 分享 回复 展开1条回复 哆哆 ... 咋就在用了,挺简单的 1年前·广东 0
default: () => 'https://cdn.jsdelivr.net/gh/tengbao/vanta@master/dist' }, vantaId: { type: String, default: () => 'vanta-bg' } name: 'VueVanta', props: { // The Vanta.js effect to use effect: { type: String, default: 'waves' }, beforeMount() { this.setup() // Optio...
No library depedencies other than three.js or p5.js. Works with vanilla JS, React, Angular, Vue, etc. Effects can interact with mouse/touch inputs. Effect parameters (e.g. color) can be easily modified to match your brand. Total additional filesize is ~120kb minified and gzipped (mos...