ideasxiang.github.io/index.html at master · ideasxiang/ideasxiang.github.io · 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
<!DOCTYPE HTML>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sketchfab Configurator</title>
    <link rel="stylesheet" href="./styles.css">
</head>

<body>
    <div class="app">
        <iframe src="" id="api-frame" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="vr" width="640"
            height="400"></iframe>
        <div class="options"></div>
    </div>
</body>

<script type="text/javascript" src="https://static.sketchfab.com/api/sketchfab-viewer-1.3.2.js"></script>
<script type="text/javascript" src="./SketchfabConfigurator-1.0.6.js"></script>
<script type="text/javascript">
    var config = {
    "model": "9e0f0b2e903f413d9151ca9b1f63b87b",
    "params": {
        "camera": 0,
        "preload": 1,
        "ui_controls": 0,
        "ui_infos": 0,
        "ui_watermark": 0
    },
    "config": [
        {
            "name": "Big Eyes",
            "type": "visible",
            "selector": "[instance=\"449\"]",
            "default": true
        }
    ]
};
    var iframeEl = document.getElementById('api-frame');
    var optionsEl = document.querySelector('.options');
    var configurator = new SketchfabConfigurator.Configurator(iframeEl, optionsEl, config);
</script>

</html>