Sketchbook-JS/index.html at master · kellycode/Sketchbook-JS · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Sketchbook</title>
        <link type="text/css" rel="stylesheet" href="./src/css/main.css" />
        <link type="text/css" rel="stylesheet" href="./src/css/modules/githubCorner.css" />
        <link type="text/css" rel="stylesheet" href="./src/css/modules/dat.gui.css" />
        <link type="text/css" rel="stylesheet" href="./src/css/modules/welcomeScreen.css" />
        <link type="text/css" rel="stylesheet" href="./src/lib/sweetalert2/dist/sweetalert2.min.css" />

        <script type="importmap">
            {
                "imports": {
                    "three": "https://cdn.jsdelivr.net/npm/three@0.113.0/build/three.module.js",
                    "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.113.0/examples/jsm/"
                    }
            }
        </script>

        <script>
            // "jquery": "https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"
            // "Cannon": "https://cdn.jsdelivr.net/npm/cannon@0.6.2/build/cannon.min.js"
            // "AmmoLib": "https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.min.js"
        </script>

        <script src="./src/lib/cannon/cannon.js"></script>
        <script src="./src/lib/jquery/jquery-3.7.1.min.js"></script>
        <script src="./src/lib/lodash/lodash.js"></script>
        <script src="./src/lib/sweetalert2/dist/sweetalert2.min.js"></script>
        <script src="./src/lib/dat_gui/dat.gui.js"></script>
    </head>

    <body>
        <script type="module">
            import { World } from "./src/js/world/World.js";
            const world = new World("assets/world.glb");
        </script>
    </body>
</html>