jquery实现五彩烟花喷射动画效果代码-html代码-BFW代码库

jquery实现五彩烟花喷射动画效果代码

代码语言：html

所属分类：动画

代码描述：jquery实现五彩烟花喷射动画效果代码

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>

<style>
html, body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.container{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000000;
}
</style>

</head>
<body>

<div id="jsi-fountain-container" class="container"></div>

<script>
var RENDERER = {
	GRAVITY : 0.05,
	BASE_RATE : 0.6,
	OFFSET_RATE : 1 / 50,
	PARTICLE_COUNT : 30,
	
	init : function(){
		this.setParameters();
		this.setup();
		this.reconstructMethods();
		this.bindEvent();
		this.render();
	},
	setParameters : function(){
		this.$window = $(window);
		this.$container = $('#jsi-fountain-container');
		this.$canvas = $('<canvas />');
		this.context = this.........完整代码请登录后点击上方下载按钮下载查看