js实现canvas点击空间粒子爆炸效果代码

代码语言:html

所属分类:粒子

代码描述:js实现canvas点击空间粒子爆炸效果代码

代码标签: 粒子 空间 爆炸 canvas

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

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

<head>

    <meta charset="UTF-8">


    <link href='https://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>



    <style>
        html,
        body {
          height: 100%;
          width: 100%;
          margin: 0;
          padding: 0;
          cursor: pointer;
        }
        canvas {
          border: 1px soild black;
        }
        h1 {
          display: inline-block;
          padding: .3em;
          font-family: 'Megrim', cursive;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          transform: translate(-50%,-50%);
          color: rgba(255,255,255,.68);
          border: .075em solid rgba(255,255,255,.1);
        }
    </style>




</head>

<body>
    <canvas id="canvas"></canvas>
    <h1>Click Anywhe.........完整代码请登录后点击上方下载按钮下载查看

网友评论0