Newer
Older
renshu / ryohei / vr2.html
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>360? test</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://unpkg.com/grimoirejs-preset-basic/register/grimoire-preset-basic.js"></script>
    <script src="./vr2.js" charset="utf-8"></script>
    <link rel="stylesheet" href="vr2.css">
</head>

<body>
    <div class="canvas-container">
        <script type="text/goml" id="image-360">
            <goml height="fit">
                <scene>
                    <camera position="0,0,0" fovy="90d">
                        <camera.components>
                            <Spin speed="0.2"/>
                        </camera.components>
                    </camera>
                    <mesh geometry="sphere" scale="-10,10,10" position="0,0,0" texture="VR1.jpg" />
                </scene>
            </goml>
        </script>
        <div class="canvas-controls">
            <a id="start-stop">Stop/Start</a>
            <a id="fullscreen">Fullscreen</a>
        </div>
    </div>
</body>

</html>