js实现canvas发光粒子跟随鼠标喷射动画效果代码-html代码-BFW代码库

js实现canvas发光粒子跟随鼠标喷射动画效果代码

代码语言：html

所属分类：粒子

代码描述：js实现canvas发光粒子跟随鼠标喷射动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">


</head>

<body>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/dat.gui-min.js"></script>
    <script>
        var _createClass = function () {function defineProperties(target, props) {for (var i = 0; i < props.length; i++) {var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);}}return function (Constructor, protoProps, staticProps) {if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;};}();function _classCallCheck(instance, Constructor) {if (!(instance instanceof Constructor)) {throw new TypeError("Cannot call a class as a function");}}var round = Math.round,random = Math.random,PI = Math.PI;
    
    // Vector2
    ////////////////////////////////////
    var Vector2 = function () {
    	function Vector2() {var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;_classCallCheck(this, Vector2);
    		this.x = x;
    		this.y = y;
    	}_createClass(Vector2, [{ key: 'set', value: function set(
    		x, y) {this.x = x;this.y = y;} }, { key: 'add', value: function add(
    		v) {this.x += v.x;this.y += v.y;} }, { key: 'sub', value: function sub(
    		v) {this.x -= v.x;this.y -= v.y;} }, { key: 'mult', value: function mult(
    		v) {this.x *= v.x;this.y *= v.y;} }]);return Vector2;}();
    
    
    // Setup
    ////////////////////////////////////
    var setup = {
    	color: [0, 0, 255],
    	mousePosition: true,
    	size: 5,
    	sizeReduction: .2,
    	density: 20,
    	trailOpacity: 0.1,
    	gravity: .5,
    	velocityX: 5,
    	velocityY: 5,
    	maximumLife: 50,
    	probability: 3,
    	walls: true,
   .........完整代码请登录后点击上方下载按钮下载查看