three实现带可弹奏带音效三维场景钢琴效果代码-html代码-BFW代码库

代码语言：html

所属分类：三维

代码描述：three实现带可弹奏带音效三维场景钢琴效果代码

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

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

<head>
    <meta charset="UTF-8">
 
    <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
    * {
  margin: 0;
  padding: 0;
}

body {
  overflow: hidden;
}

button.play {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 99;
  display: block;
  width: 200px;
  height: 50px;
  background: #fff;
  font-size: 1em;
  border: 0;
  right: 0;
  bottom: 0;
}
button.play.isPlaying {
  display: none;
}
</style>

</head>

<body>

    <!-- partial -->
    <script src='//repo.bfw.wiki/bfwrepo/js/three_and_adjust.min.js'></script>
    <script >
        /*
	Basic Setup
*/
/*
Ludovico Einaudi - Una Mattina
*/
var musicData = [
  ["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["e1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["b0"],["c1"],["e1"],["g1"],["b1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["b1"],["a0"],["e1"],["b1"], ["e1"], ["a0"],["e1"],["b1"], ["a0"],["e1"],["b1"], ["a0"],["e1"],["b1"], ["b0"],["c1"],["e1"],["g1"],["b1"], ["f0"],["e1"],["a1"],["a0"],["e1"],["a1"],["f0"],["e1"],["a1"],["a0"],["e1"],["a1"],["f0"],["e1"],["b1"],["e1"],["g0"],["e1"],["a1"], ["b0"],["e1"],["a1"],["g0"],["e1"],["a1"],["b0"],["c1"],["e1"],["g1"],["b1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["b1"],["e1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["b0"],["c1"],["e1"],["g1"],["b1"],["f0"],["e1"],["a1"], ["a0"],["e1"],["a1"],["f0"],["e1"],["a1"], ["a0"],["e1"],["a1"],["f0"],["a0"],["e1"],["b1"],["d0"],["e1"],["a1"], ["a0"],["e1"],["a1"], ["a0"],["e1"],["a1"], ["b0"],["c1"],["e1"],["g1"],["b1"],["a-1"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["e1"], ["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["b0"],["c1"],["e1"],["g1"],["b1"],["f-1","a1"],["c0"],["a0"],["c0","e1"],["a0"],["c0"],["a0"],["c0"],["g-1"],["d0"],["b0"],["d0","b1"],["b0","a1"],["d0","b1"],["b0","a1"],["d0","b1"],["b0","a1"],["d0","b1"],["a-1"],["e0","a1"], ["c0"], ["e-1","e0"], ["c0"], ["e-1"], ["c0"], ["e-1"], ["c0"], ["b1"],["a1"],["b1"],["a1"],["b1"], ["f-1","a1"],["c0"],["a0"],["c0","e1"],["a0"],["c0"],["a0"],["c0"],["g-1"],["d0"],["b0"],["d0","b1"],["b0","b1"], ["d0","b1"], ["b0","b1"], ["d0","b1"], ["a0","b1"], ["e0","a1"], ["a0"], ["e0","e1"],["a0"],["e0"],["a0"],["e0"],["a0"],["b0"],["c1"],["e1"],["g1"],["b1"], ["f-1","a1"], ["c0"],["f0"], ["c0","e1"], ["f0"], ["c0"],["f0"], ["c0"],["g-1"], ["d0"],["g0"], ["d0","b1"], ["g0","a1"], ["d0","b1"],  ["g0","a1"], ["d0","b1"], ["a-1"],  ["e0","a1"], ["a0"], ["e0","e1"], ["a0"], ["e0"],["a0"], ["e0"],["a0"], ["e0"],["a0"], ["b1"],["a1"], ["b1"],["a1"], ["b1"],["f-1","a1"], ["c0"],["a0"], ["c0","e1"], ["a0"], ["c0"], ["a0"], ["c0"], ["g-1"], ["d0"], ["g0"], ["d0","b1"], ["g0","b1"], ["d0","b1"], ["g0","c2"], ["d0","b1"], ["a-1","b1"], ["e0","a1"], ["a0"], ["e0","e1"], ["a0"], ["e0"], ["a0"], ["e0"], ["a0"], ["__"], ["__"], ["__"], ["c1"],["g1"],["c2"],["c1"],["g1"],["c2"],["c1"],["g1"],["c2"],["c1"],["g1"],["c2"],["g1"],["f0"],["g1"],["b1"],["f0"],["g1"],["b1"],["f0"],["g1"],["b1"],["f0"],["g1"],["b1"],["f0"],["g1"],["b1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["b1"],["e1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["b1"],["e1"],["c1"],["g1"],["c2"], ["c0"],["g1"],["c2"],["c0"],["g1"],["c2"],["c0"],["g1"],["c2"],["c0"],["g1"],["c2"],["g1"],["e1"],["g1"],["b1"],["e1"],["g1"],["b1"],["e1"],["g1"],["b1"],["e1"],["g1"],["b1"],["e1"],["g1"],["b1"],["g1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["b0"],["c1"],["e1"],["g1"],["b1"],["f0"],["g1"],["b1"],["f0"],["g1"],["b1"],["f0"],["g1"],["b1"],["b0"],["c1"],["e1"],["g1"],["b1"],["c0"],["e1"],["c1"], ["c0"],["e1"],["c1"], ["c0"],["e1"],["c1"], ["c0"],["e1"],["c1"], ["c0"],["e1"],["c1"], ["e1"], ["g0"],["d1"],["b1"], ["g0"],["d1"],["b1"], ["g0"],["d1"],["b1"], ["g0"],["d1"],["b1"], ["g0"],["d1"],["b1"], ["d1"], ["a0"],["c1"],["a1"], ["a0"],["c1"],["a1"], ["a0"],["c1"],["a1"], ["a0"],["c1"],["a1"], ["c1"], ["a0"],["c1"],["a1"], ["a0"],["c1"],["a1"], ["__"], ["b0"],["c1"],["e1"],["g1"],["b1"], ["f0"],["e1"],["a1"],["a0"],["e1"],["a1"],["f0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["e1"],["d0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["__"],["e0"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["__"],["__"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["b0"],["c1"],["e1"],["g1"],["b1"],["f-1","a1"], ["c0"],["f0"], ["f1"],["f1"],["f1"], ["g-1"],["d0"],["g0"], ["b1"],["a1"], ["b1"],["a1"], ["b1"],["a0","b1"], ["a1"], ["e1"], ["a0"],["e1"],["a1"], ["a0"],["e1"],["a1"], ["b1"],["a1"], ["b1"],["a1"], ["b1"],["f-1","a1"], ["f0"],["e1"],["a1"], ["f0"],["e1"],["a1"], ["e1"], ["g-1"],["g0"],["e1"], ["b1"], ["b1"], ["b1"], ["c2"], ["b1"],["a-1","b1"], ["a1"],["e1"], ["a0"],["e1"],["a1"], ["a0"],["e1"],["a1"], ["b1"],["a1"], ["b1"],["a1"], ["b1"],["a1"], ["b1"],["f-1","a1"], ["f0"],["e0"],["e1"],["a1"], ["e0"],["e1"],["a1"], ["e1"],["g-1"],["g0"],["e1"],["b1"], ["a1"],["b1"], ["a1"],["b1"], ["a-1"],["b1"], ["a1"],["e1"], ["a0"],["e1"],["a1"],["a0"],["e1"],["a1"], ["b0"],["c1"],["e1"],["g1"],["b1"],["f-1","a1"], ["f0"],["e1"],["a1"], ["f0"],["e1"],["a1"], ["e1"], ["f-1"],["f0"],["e1"], ["b1"],["b1"],["b1"],["c2"],["b1"],["a-1","b1"],["a1"],["e1"], ["a0"],["e1"],["a1"], ["a0"],["e1"],["a1"], ["__"],["__"], ["f0"],["e1"],["a1"], ["a0"],["e1"],["a1"], ["f0"],["e1"],["a1"], ["a0"],["e1"],["a1"], ["f0"],["a0"],["e1"],["a1"],["g0"],["e1"],["a1"],["b0"],["e1"],["a1"],["g0"],["e1"],["a1"],["b0"],["c1"],["e1"],["g1"],["b1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["e1"],["a0"],["e1"],["a1"],["a0"],["e1"],["a1"],["__"],["__"],["b0"],["c1"],["e1"],["g1"],["b1"],["f0"],["e1"],["a1"],["a0"],["e1"],["a.........完整代码请登录后点击上方下载按钮下载查看