A-Frame-WebVR-Tutorials/[11] Curved Image/index.html at 4172bde70143d60fc828d665a646ad6c332b0777 · SonarSystems/A-Frame-WebVR-Tutorials · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
    <head>
        <script src="https://aframe.io/releases/0.2.0/aframe.js"></script>
    </head>

    <body>
        <a-scene>
            <a-assets>
                <img id="my-image" src="img/BatmanvSuperman.jpg">
            </a-assets>

            <!-- Using the asset management system. -->
            <a-curvedimage src="#my-image" height="15.0" radius="5.7" theta-length="361"
                           rotation="0 150 0"
                           scale="0.8 0.8 0.8"
                           position="0 2 5"></a-curvedimage>

            <!-- Defining the URL inline. Not recommended but more comfortable for web developers. -->
            <!--<a-curvedimage src="img/BatmanvSuperman.jpg"></a-curved-image>-->
        </a-scene>
    </body>
</html>