<!doctype html>
<html lang="en">
    <head>
        <title>three.js webgl - arcball controls</title>
        <meta charset="utf-8" />
        <meta
            name="viewport"
            content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
        />
        <link type="text/css" rel="stylesheet" href="main.css" />
    </head>

    <body>
        <div id="info">
            <div>
                <a href="https://threejs.org" target="_blank" rel="noopener"
                    >three.js</a
                >
                -
                <a
                    href="https://threejs.org/docs/#examples/en/controls/ArcballControls"
                    >ArcballControls</a
                ><button class="buttonToLink">(reset)</button>
            </div>
            <a
                href="http://www.polycount.com/forum/showthread.php?t=130641"
                target="_blank"
                rel="noopener"
            >
                Cerberus(FFVII Gun) model</a
            >
            by Andrew Maximov.
        </div>

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

        <script type="module" src="misc_controls_arcball.js"></script>
    </body>
</html>