polycubes/vr.html at master · Akodiat/polycubes · GitHub

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Polycubes in VR</title>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <style>
        body {
            background: #777;
            padding: 0;
            margin: 0;
            font-weight: bold;
            overflow: hidden;
        }

        #info {
            position: absolute;
            margin: auto;
            top: 0px;
            background-color: white;
            opacity: 0.8;
            width: 100%;
            max-width: 200px;
            padding: 5px;
            font-family: Monospace;
            font-size: 13px;
            text-align: center;
        }

        a {
            color: #20ccf0;
        }
    </style>
    <link rel="manifest" href="/manifest.json">
</head>

<body>

<div id="info">
        Polycubes in VR, by Joakim Bohlin
        <p>Examples:
            <a href="./vr.html?hexRule=00000006008b00008600000c000000008c00080c0c000000048600000000">Giraffe-duck</a>,
            <a href="./vr.html?rules=[[0,0,0,1,0,2],[0,0,-1,0,-2,2]]">Uphill</a>,
            <a href="./vr.html?rules=[[1,0,0,0,0,0],[0,0,0,-1,0,-1]]">Corner</a>,
            <a href="./vr.html?rules=[[1,[1,2],0,-2,0,0],[-1,0,5,0,0,0],[-3,2,0,0,0,0],[-4,5,0,0,0,0],[-6,3,[5,3],[5,3],[4,0],[4,2]],[-7,[6,2],0,0,0,0],[-5,0,0,0,0,0],[[5,2],5,7,0,0,0]]">DNA-robot</a>,
            <a href="./vr.html?hexRule=000000008685050005000500">Cube</a>,
            <a href="./vr.html?hexRule=0085008500850b000500000900008a870000">3-Cube</a>,
            <a href="./vr.html?hexRule=0d85001300000000000004000b8e88908400">96-mer</a>,
            <a href="./vr.html?rules=[[1,1,1,1,1,1],[-1,0,0,0,0,0]]">Cross (default)</a>,
            <a href="./vr.html?rules=[[1,1,1,1,1,1],[-1,2,0,0,0,0],[-2,0,3,3,3,3],[-3,0,0,0,0,0]]">Flower ball</a>,
            <a href="./vr.html?rules=[[0,0,1,-1,0,0],[1,0,0,0,-1,0]]">Likely bound</a>,
            <a href="./vr.html?rules=[[0,0,0,1,0,0],[0,0,-1,1,0,0],[2,2,-1,0,2,2],[-2,0,0,0,0,0]]">Flower</a>,
            <a href="./vr.html?hexRule=070000008900080100008500">Helix</a>,
            <a href="./vr.html?hexRule=8b0207000d00090084008e00">Random walk</a>
    </div>

    <canvas id="threeCanvas"></canvas>
    <script src="js/libs/three.min.js"></script>
    <script src="js/libs/randomColor.min.js"></script> <!--from: https://github.com/davidmerfield/randomColor-->
    <script src="js/libs/WebGL.js"></script>
    <script src="js/libs/GLTFExporter.js"></script>
    <script src="js/libs/VRButton.js"></script>
    <script src="js/controls/OrbitControls.js"></script>
    <script src="js/polycubeSystem.js"></script>
    <script src="js/view.js"></script>
    <script src="js/vr.js"></script>

</body>

</html>