webAR/index.html at master · bobby169/webAR · 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
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="css/lib/lib-reset.css">
    <link rel="stylesheet" href="css/style-main.css">
    <title></title>
    <script>
        function adaptVP(a) {
            function c() {
                var c, d;
                return b.uWidth = a.uWidth ? a.uWidth : 640, b.dWidth = a.dWidth ? a.dWidth : window.screen.width || window.screen.availWidth, b.ratio = window.devicePixelRatio ? window.devicePixelRatio : 1, b.userAgent = navigator.userAgent, b.bConsole = a.bConsole ? a.bConsole : !1, a.mode ? (b.mode = a.mode, void 0) : (c = b.userAgent.match(/Android/i), c && (b.mode = "android-2.2", d = b.userAgent.match(/Android\s(\d+.\d+)/i), d && (d = parseFloat(d[1])), 2.2 == d || 2.3 == d ? b.mode = "android-2.2" : 4.4 > d ? b.mode = "android-dpi" : d >= 4.4 && (b.mode = b.dWidth > b.uWidth ? "android-dpi" : "android-scale")), void 0)
            }

            function d() {
                var e, f, g, h, c = "", d = !1;
                switch (b.mode) {
                    case"apple":
                        f = (window.screen.availWidth * b.ratio / b.uWidth) / b.ratio;
                        c = "width=" + b.uWidth + ",initial-scale=" + f + ",minimum-scale=" + f + ",maximum-scale=" + f + ",user-scalable=no";
                        break;
                    case"android-2.2":
                        a.dWidth || (b.dWidth = 2 == b.ratio ? 720 : 1.5 == b.ratio ? 480 : 1 == b.ratio ? 320 : .75 == b.ratio ? 240 : 480), e = window.screen.width || window.screen.availWidth, 320 == e ? b.dWidth = b.ratio * e : 640 > e && (b.dWidth = e), b.mode = "android-dpi", d = !0;
                    case"android-dpi":
                        f = 160 * b.uWidth / b.dWidth * b.ratio, c = "target-densitydpi=" + f + ", width=" + b.uWidth + ", user-scalable=no", d && (b.mode = "android-2.2");
                        break;
                    case"android-scale":
                        c = "width=" + b.uWidth + ", user-scalable=no"
                }
                g = document.querySelector("meta[name='viewport']") || document.createElement("meta"), g.name = "viewport", g.content = c, h = document.getElementsByTagName("head"), h.length > 0 && h[0].appendChild(g)
            }

            function e() {
                var a = "";
                for (key in b)a += key + ": " + b[key] + "; ";
                alert(a)
            }

            if (a) {
                var b = {uWidth: 0, dWidth: 0, ratio: 1, mode: "apple", userAgent: null, bConsole: !1};
                c(), d(), b.bConsole && e()
            }
        }
        ;
        adaptVP({uWidth: 640});
        var fileName = 'a20161130ar.index';
        //var locationJump = '//pvp.qq.com/cp/a20161205wzry/page.html';
    </script>
</head>
<body>
<div class="target" style="display:block;">凝视机舱，唤醒我</div>

<audio src="media/wavefile.mp3" id="bg_audio" preload loop></audio>

<div id="stage">
</div>
<div id="marker-mask">
    <div id="marker" class="hb-center"></div>
</div>
<div id="marker-btn" class="hb-center">MARKER</div>
<script src="js/libs/zepto-hb.min.js"></script>
<!--<script src="js/libs/three.js/build/three.min.js"></script>-->
<script src="js/three.min.js"></script>
<script src="js/libs/three.min.js"></script>
<script src="js/libs/MMDLoader.js"></script>
<script src="js/libs/MorphAnimation2.js"></script>
<script src="js/libs/CCDIKSolver.js"></script>
<script src="js/libs/DeviceOrientationControls.js"></script>
<script src="js/libs/tween.min.js"></script>
<script src="js/libs/Detector.js"></script>
<script src="js/libs/aruco-marker.js"></script>
<script src="js/main.js"></script>
</body>
</html>