Membuat Objek Sederhana di A-Frame : Position, Rotation, Scale, Radius

-
Pada tutorial kali ini saya akan membahas bagaimana cara membuat website virtual reality dengan menggunakan a-frame

Dasar Membuat Objek Sederhana di A-Frame


Pertama tama kita akan membuat Bola, Tabung, Kubus, sebuah alas, dan langit berwarna. Pertama tama buatlah file dengan nama index.html kemudian copy kode berikut


Penjelasan:


  1. a-box untuk membuat box / kotak
  2. a-sphere untuk membuat bola
  3. a-cylinder untuk membuat tabung/ cylinder
  4. a-plane untuk membuat lempengan
  5. a-sky untuk membuat langit-langit

Properti

Cara mengedit properti Objek pada A-Frame kalian bisa meng inspect scene dengan menekan tombol Ctrl + Alt + i dengan inspektor ini kita bisa dengan mudah mendrag and drop objek

1. color 

untuk memberi warna pada objek

2. position

position a-frame web vr - akskode

Untuk menentukan posisi objek tersebut berada, berdasarkan sumbu x , y , z. Gambar di atas panah warna merah itu sumbu x, panah warna hijau itu sumbu y panah warna biru itu sumbu z.

Contoh penulisan 

Format :

position="x y z"

position="[x][spasi][y][spasi][z]"

Kode:

position="1 2 3"

Arti:

  • x= 1 
  • y= 2 
  • z= 3

Misal:

position="-1 -2 -3"
  • x= -1 artinya kalau minus akan di posisikan di kiri kalau positif di kanan
  • y= -2 artinya kalau minus akan ke bawah kalau positif ke atas
  • z= -3 artinya kalau minus akan ke luar kalau positif akan kedepan sudut pandang (dari yang kamu lihat)

Default value:

Nilai default x=0 y=0 z=0

3. rotation

rotation a-frame web vr - akskode

Rotation atau posisi putar, pada gambar di atas garis warna merah itu merupakan rotasi terhadap sumbu x, warna hijau terhadap sumbu y, warna biru terhadap sumbu z.

4. scale

Scale a-frame web vr akskode

Scale atau skala adalah ukuran berdasarkan skala x,y,z hampir sama seperti properti height ,width dan depth.

4. radius

radius a-frame web vr akskode

Radius itu jari jari lingkaran

Selamat anda sudah membuat WebVR sederhana. apa bila ada pertanyaan / minta dibuatin tutorial silahkan komentar di bawah.
Lokasi: Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Tulisan Berwarna Dengan Bahasa C

-
Gambar
Hari ini saya akan share tentang cara membuat tulisan berwarna dengan bahasa C . Bosan dengan warna default CMD yg hitam putih itu ?? mari kita kasih warna Cara1 menggunakan SetConsoleTextAttribute Tambahkan library windows.h dengan cara ketik #include <windows.h> Di awal program tambahkan fungsi SetConsoleTextAttribute (GetStdHandle (STD_OUTPUT_HANDLE),11);  yang 11 itu kode warnanya. kode warnanya dari 0 sampai 15 bisa dilihat di blog ini . Cara 2 menggunakan perintah Color CMD Pada awal program tambahkan perintah system("color kode_warna"); gambar di bawah adalah kode warnanya, misal system("color 3f"); akan menghasilkan background warna aqua dan tulisan warna putih terang Sekian artikel tentang  Membuat Tulisan Berwarna Dengan Bahasa C Silahkan share dan komentar.
Baca selengkapnya

Program Konversi Biner Desimal Oktal dan Hexadesimal Bahasa C

-
Gambar
Konversi Biner Desimal Oktal dan Hexadesimal dengan menggunakan bahasa C, program ini meng Convert bilangan yang di inputkan user dengan format(basis) tertentu kemudian kan di rubah menjadi bilangan dengan format yang lain. Misal user ingin menginputkan sebuah bilangan dengan format desimal 255 Maka akan di rubah menjadi format yang lainnya, seperti: Biner : 11111111 Oktal  : 377 Hexadesimal FF Program ini masih banyak kekurangan seperti tidak bisa untuk mengkonversi bilangan yang banyak misal 12345678987654321. oleh karena itu jangan di jadikan sebagai alat yang dipercayai. Algoritma Program Program ini mempunyai prosedur-prosedur / modul module. untuk mempermudah dalam koding, hanya tinggal memanggil prosedur prosedurnya saja. Apa itu prosedur ? Untuk lebih jelasnya silahkan lihat pada artikel saya yang membahas tentang prosedur. Kalian harus mengerti dulu apa itu Fungi dan Prosedur. Dalam matakuliah dasar pemrograman kalau kalian kuliah di juru...
Baca selengkapnya

Menghitung Banyak Karakter Pada String Bahasa C

-
Gambar
Program Menghitung Banyak Karakter Pada String Bahasa C  - Seperti jumlah huruf vokal, konsonan, dan lain lain bisa kamu cari dengan program ini. Disini saya share untuk jumlah vokal huruf konsonan, dan karakter karakter lainnya(sisa karakter setelah dikurangi vokal dan konsonannya).  Perlu di ingat kembali struktur program pada umumnya: Deklarasi Tipe Data Input Fungsi Output Tambahkan Library string.h Disini kita harus menambahkan Library string.h,  #include <string.h> . untuk bisa menggunakan strlen(); Apa itu strlen? strlen(variabelnya); strlen adalah fungsi untuk menghitung panjang karakter pada string. misal kita punya string "kalkulator" maka strlen nya 10. karena string kalkulator terdiri dari 10 karakter "k" "a" "l" "k" "u" "l" "a" "t" "o" "r" . Menggunakan looping (perulangan) looping atau perulangan adalah perintah untuk mengul...
Baca selengkapnya