canvas实现粒子喷射动画效果代码

代码语言:html

所属分类:粒子

代码描述:canvas实现粒子喷射动画效果代码

代码标签: canvas 粒子 喷射 动画

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

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

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

  
  
<style>
* {
    padding: 0;
    margin: 0;
    overflow:hidden;
}
</style>

  
</head>

<body translate="no">

<canvas id="c"></canvas>
  
      <script>


window.requestAnimFrame =
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback) {
  window.setTimeout(callback, 1000 / 60);
};

var canvas = document.getElementById('c');
var ctx = canvas.getContext('2d');

canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

var settings = {

  'basic': {

    'emission_rate': 150,
    'min_life': 0.1,
    'life_range': 2,
    'min_angle': 0,
    'angle_range': 360,
    &#.........完整代码请登录后点击上方下载按钮下载查看

网友评论0