-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
26 lines (26 loc) · 1.56 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html>
<html lang="en" style="height:100%">
<head>
<meta charset="UTF-8">
<title></title>
<script src="lib/three.min.js"></script>
<script src="js/controls/OrbitControls.js"></script>
<script src="js/modes/CubeMode.js"></script>
<script src="js/modes/BrainMode.js"></script>
<script src="js/modes/CubeModeRainbow.js"></script>
<script src="js/modes/WorldIsACubeMode.js"></script>
<script src="lib/ThreeSTLLoader.js"></script>
</head>
<body style="background:black; width:100%;height:100%;margin: 0px;display:flex; justify-content: center; align-items: center;">
<div id="enable-microphone-button"><div><img style="cursor:pointer;" onclick="vRoot.start_mic();" src="img/Mona-Lisa-3D-Glasses-Cropped.jpg"/></div><div style="color:white;text-align:center;">Click Visua Lisa To Start</div></div>
<script src="js/main.js"></script>
<!-- FUTURE WORK-->
<div style="position:absolute; top: 2px;">
<div style="display:flexbox;">
<button style="width: 99px; height: 33px; position:relative; z-index: 2" onclick="vRoot.changeMode(new CubeMode(8, 255));">Basic Cube</button>
<button style="width: 99px; height: 33px; position:relative; z-index: 2" onclick="vRoot.changeMode(new CubeModeRainbow(8, 255));">Glow Cube</button>
<button style="width: 99px; height: 33px; position:relative; z-index: 2" onclick="vRoot.changeMode(new BrainMode(8, 255));">Brain</button>
<button style="width: 99px; height: 33px; position:relative; z-index: 2" onclick="vRoot.changeMode(new WorldIsACubeMode(8, 255));">World Is A Cube</button>
</div>
</body>
</html>