versustunez/audio-vis
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

WIP

Browse source
This commit is contained in:
VersusTune 2020-04-07 21:44:46 +02:00
commit d1ae2059f7
42 changed files with 1917 additions and 610 deletions
Download patch file Download diff file Expand all files Collapse all files

71
index.html
View file

@ -3,32 +3,55 @@
<head>
<meta charset="UTF-8">
<title>WEBGL Test</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="out/theme/style.css">
</head>
<body>
<canvas id="c" width="1900" height="1000"></canvas>
<div class="off-can closed">
<group id="rotate">
<group-label>Rotation</group-label>
</group>
<group id="translate">
<group-label>Transform</group-label>
</group>
<group id="color">
<group-label>Color</group-label>
</group>
<group id="world">
<group-label>World</group-label>
</group>
<group id="draw">
<group-label>Draw</group-label>
</group>
<div class="loading-screen">
<loader></loader>
<loader class="delay"></loader>
<span>Loading</span>
</div>
<div class="settings-icon">&#9776;</div>
<script src="js/utils.js" defer></script>
<script src="js/handler.js"></script>
<script src="js/index.js"></script>
<script src="js/sphere.js"></script>
<script src="js/gui.js"></script>
<div class="top-menu-left">
<div class="settings-icon menu-icon">
<svg role="img" class="icon">
<use href="out/icon-sprite.svg#fal-fa-cogs"></use>
</svg>
</div>
<div class="upload menu-icon">
<label for="upload">
<svg role="img" class="icon">
<use href="out/icon-sprite.svg#fal-fa-folder-upload"></use>
</svg>
</label>
<input type="file" accept="audio/*" id="upload">
</div>
<div class="playlist menu-icon">
<svg role="img" class="icon">
<use href="out/icon-sprite.svg#fal-fa-list-music"></use>
</svg>
</div>
</div>
<div class="controls">
<button id="previous">
<svg role="img" class="icon">
<use href="out/icon-sprite.svg#fal-fa-caret-left"></use>
</svg>
</button>
<button id="play">
<svg role="img" class="icon hide">
<use href="out/icon-sprite.svg#fal-fa-pause"></use>
</svg>
<svg role="img" class="icon">
<use href="out/icon-sprite.svg#fal-fa-play"></use>
</svg>
</button>
<button id="next">
<svg role="img" class="icon">
<use href="out/icon-sprite.svg#fal-fa-caret-right"></use>
</svg>
</button>
</div>
<canvas id="c"></canvas>
<script src="out/js/scripts.min.js"></script>
</body>
</html>