Vue粒子特效（vue-particles插件）粒子星空图

npm install vue-particles --save-dev

main.js里加入以下代码：

import VueParticles from 'vue-particles'
Vue.use(VueParticles)

在要用的vue文件里

<template><div id="app"><vue-particlescolor="#fff":particleOpacity="0.7":particlesNumber="60"shapeType="circle":particleSize="4"linesColor="#fff":linesWidth="1":lineLinked="true":lineOpacity="0.4":linesDistance="150":moveSpeed="2":hoverEffect="true"hoverMode="grab":clickEffect="true"clickMode="push"class="lizi"></vue-particles><router-view></router-view></div>
</template>
/*如果想做背景图片 可以给标签一个class 直接添加背景图*/

属性

color: String类型。默认'#dedede'。粒子颜色。particleOpacity: Number类型。默认0.7。粒子透明度。particlesNumber: Number类型。默认80。粒子数量。shapeType: String类型。默认'circle'。可用的粒子外观类型有："circle","edge","triangle", "polygon","star"。particleSize: Number类型。默认80。单个粒子大小。linesColor: String类型。默认'#dedede'。线条颜色。linesWidth: Number类型。默认1。线条宽度。lineLinked: 布尔类型。默认true。连接线是否可用。lineOpacity: Number类型。默认0.4。线条透明度。linesDistance: Number类型。默认150。线条距离。moveSpeed: Number类型。默认3。粒子运动速度。hoverEffect: 布尔类型。默认true。是否有hover特效。hoverMode: String类型。默认true。可用的hover模式有: "grab", "repulse", "bubble"。clickEffect: 布尔类型。默认true。是否有click特效。clickMode: String类型。默认true。可用的click模式有: "push", "remove", "repulse", "bubble"。

Vue粒子特效（vue-particles插件）粒子星空图相关推荐

yanobox nodes 3 Mac新一代点线粒子特效运动图形插件
Yanobox Nodes 3.0.3 for Mac版是一款适用于Mac操作系统的粒子特效插件,可直接使用于fcpx和ae软件.打开Final Cut Pro X,在已经安装好的[发生器]中,你会看 ...
AE插件安装教程——Optical Flares（镜头光晕插件)、红巨人粒子特效套装AE插件 Red Giant Trapcode Suite、Element 3D(E3D
Optical Flares(镜头光晕插件) 红巨人粒子特效套装AE插件 Red Giant Trapcode Suite Element 3D(E3D) https://www.bilibili.c ...
js实现粒子特效，particles.js的使用
今天偶然看到了一个比较炫酷的js网页.是粒子特效的,就试着用了用.一下是步骤,方便以后查看使用. 1.在网站下载源码https://github.com/VincentGarreau/particle ...
unity沙子堆积_unity游戏逼真沙子和白雪粒子特效渲染创建插件Basic Sand amp; Snow 1.0 - 素材巷...
Basic Sand & Snow 1.0是写实风格的沙子和白雪粒子特效渲染创建游戏插件 Basic Sand & Snow allow you to add simple defor ...
Vue粒子特效（Vue-particles插件的使用）
我们经常看到这种效果的动图,有时候我们也想在页面显示出来,让我们一起来看看怎么在自己的页面中显示这种动态的粒子图片它主要运用了vue-particles插件. 使用教程安装插件 npm insta ...
Vue粒子特效（vue-particles插件）
图上那些类似于星座图的点和线,是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动. 使用教程:npm install vue-particles --save-dev ma ...
vue3 使用particles插件粒子背景
效果(可以修改多种不同的样式效果) 1.安装 npm install particles.vue3 2.main.js import { createApp } from 'vue' import A ...
基于Java的Minecraft游戏后端自定义插件 06绘制简单粒子特效与BukkitRunable定时器
绘制简单粒子特效与BukkitRunable定时器粒子特效多线程BukkitRunable 粒子特效利用定时器来设定特效出现是否延迟,以及周期频率奖励特效一: VexLighting 在玩家处 ...
Android OpenGL ES 3.0 粒子特效
1.粒子特效粒子特效:Particles Effect,粒子特效本质上是通过一次或者多次渲染绘制出大量位置.形状或者颜色不同的物体(粒子),形成大量粒子运动的视觉效果.所以,粒子特效天然适合用Ope ...

Vue粒子特效（vue-particles插件）粒子星空图

Vue粒子特效（vue-particles插件）粒子星空图相关推荐

最新文章

热门文章

Vue粒子特效（vue-particles插件） 粒子星空图

Vue粒子特效（vue-particles插件） 粒子星空图相关推荐

最新文章

热门文章

Vue粒子特效（vue-particles插件）粒子星空图

Vue粒子特效（vue-particles插件）粒子星空图相关推荐