Scribd Logo
Unggah

Selamat datang di Scribd!

  • Tugas E-Frame

    Diunggah oleh

    Xandre Ximenes
    0 tayangan3 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    0 tayangan3 halaman

    Tugas E-Frame

    Diunggah oleh

    Xandre Ximenes

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    TUGAS II

    Implementasi A-FRAME

    Augmented, Virtual & Mixed Reality

    Nama dan Nim:

    Alexandre Ventura Ximenes. 21.40.34.1.003

    Dosen :

    Dr.Rizal Setya Perdana, S.Kom, M.Kom

    Institute of Business
    (IOB)
    Program Master Teknik Informatik
    2022
    1. Visual Studio Code

    a. Create folder dengan nama “TUGAS2”

    b. Langkah berikut, Create file baru namanya “index.html”. dibawah ini


    adalah code di file index.hmtl

    _CODE_ file index

    <html>
    <head>
    <title>Tugas 2_Alexandre A-FRAME</title>
    <script
    src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
    </head>
    <body>
    <a-scene>
    //Sphere geometry with source texture grasslight-big”
    <a-sphere src="https://raw.githubusercontent.com/aframevr/sample-
    assets/master/assets/images/terrain/grasslight-big.jpg" radius="1.5"
    segments-height="85">
    //Animation for the object Sphere
    <a-animation attribute="rotation"
    dur="10000"
    to="0 360 0"
    ease="linear"
    repeat="indefinite"></a-animation>
    </a-sphere>
    <a-camera position='0 0 3' user-height='0'></a-camera>
    <a-sky color='lightyellow'></a-sky>
    </a-scene>
    </body>
    </html>

    c. Pastikan bawah anda sudah mengdowload di extension “Live Server”. Lihat


    gambar berikut ini

    d. Untuk melihat hasil, klik kanan di file “index.html”, lalu pilih “open with
    live server”. Lihat hasil di gambar berikut ini.

    Anda mungkin juga menyukai