webVR/scene.html at master · Micro-learnings/webVR · 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
<html>

<head>
    <title>WebAR con A-Frame</title>
    <script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
    <script
        src="https://unpkg.com/aframe-environment-component@1.1.0/dist/aframe-environment-component.min.js"></script>
</head>

<body>

    <a-scene>

        <a-assets>
            <img id="skyTexture" src="textures/sky.jpg">
        </a-assets>

        <a-sky src="#skyTexture" height="2048" radius="300" width="2048" theta-length="90"></a-sky>

        <a-ocean density="200" width="250" depth="250" speed="10" material="color: #9CE3F9; opacity: 0.7; metalness: 0;"
            rotation="-90 0 0" position="0 .8 0"></a-ocean>

        <a-entity id="light" position="80 0 -80" light="type: point; color: white; intensity: 10"
            animation="property: position; from: 70 0 -70; to: 90 0 -90; loop: true; dur: 1000; dir: alternate">
        </a-entity>

        <a-entity id="light" light="type: ambient; color: #555"></a-entity>

        <a-gltf-model src="ship/scene_ship.gltf" position="70 0 -70" rotation="0 50 0"
            animation="property: rotation; from: 0 50 0; to: 3 50 0; loop: true; dur: 1000; dir: alternate">
        </a-gltf-model>


    </a-scene>

</body>

</html>