网页设计-动态爱心

最新推荐文章于 2023-05-29 12:05:40 发布

朱颜辞镜花辞树>

最新推荐文章于 2023-05-29 12:05:40 发布

阅读量3.3k

点赞数 22

文章标签： javascript 原型模式 html

本文链接：https://blog.youkuaiyun.com/lxy20011125/article/details/124935797

版权

代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>动态爱心</title>

<style>
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  background: #000;
overflow:hidden;
}
canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}
            h1{
  position:absolute;
  width: 100%;
top:5%;
  text-align: center;
  font-family: 'Love Ya Like A Sister', cursive;
  font-size: 40px;
  color: #ea80b0;
  padding: 0 20px;
}
</style>
</head>
<body>

<canvas id="pinkboard"></canvas>

<script>
/*
 * Settings
 */
var settings = {
  particles: {
    length:   500, // maximum amount of particles
    duration:   2, // particle duration in sec
    velocity: 100, // particle velocity in pixels/sec
    effect: -0.75, // play with this for a nice effect
    size:      30, // particle size in pixels
  },
};

/*
 * RequestAnimationFrame polyfill by Erik M?ller
 */
(function(){var b=0;var c=["ms","moz","webkit","o"];for(var a=0;a<c.length&&!window.requestAnimationFrame;++a){window.requestAnimationFrame=window[c[a]+"RequestAnimationFrame"];window.cancelAnimationFrame=window[c[a]+"CancelAnimationFrame"]||window[c[a]+"CancelRequestAnimationFrame"]}if(!window.requestAnimationFrame){window.requestAnimationFrame=function(h,e){var d=new Date().getTime();var f=Math.max(0,16-(d-b));var g=window.setTimeout(function(){h(d+f)},f);b=d+f;return g}}if(!window.cancelAnimationFrame){window.cancelAnimationFrame=function(d){clearTimeout(d)}}}());

/*
 * Point class
 */
var Point = (function() {
  function Point(x, y) {
    this.x = (typeof x !== 'undefined') ? x : 0;
    this.y = (typeof y !== 'undefined') ? y : 0;
  }
  Point.prototype.clone = function() {
    return new Point(this.x, this.y);
  };
  Point.prototype.length = function(length) {