pixi实现随音乐舞动的多彩圆点粒子动画效果代码

代码语言:html

所属分类:粒子

代码描述:pixi实现随音乐舞动的多彩圆点粒子动画效果代码

代码标签: pixi 粒子 圆点 动画

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

<html>

<head>
    <style>
        html, body {
        	margin:0;
          overflow:hidden;
          background:#000;
          color:white;
          font-family:Arial;
        }
        
        .message{
          padding:20px;
          position:absolute;
          top:50%;
          left:50%;
          transform:translate(-50%, -50%);
          background:black;
          cursor:pointer;
          font-size:14px;
          border:1px solid white;
        }
    </style>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/dat.gui-min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/pixi.1.6.1.js"></script>
</head>

<body>
    <h2 class="message">PLAY</h2>
    <script>
        (function() {
          var AUDIO_URL, TOTAL_BANDS, analyser, analyserDataArray, arrCircles, audio, build, buildCircles, canplay, changeMode, changeTheme, circlesContainer, cp, createCircleTex, gui, hammertime, init, initAudio, initGUI, initGestures, isPlaying, k, message, modes, mousePt, mouseX, mouseY.........完整代码请登录后点击上方下载按钮下载查看

网友评论0