alfian853 / tugas-3-alfian853

tugas-3-alfian853 created by GitHub Classroom

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tugas-3

Objektif

Memodifikasi file index.html dari Tugas-2 masing-masing agar bila dibuka di browser bisa menampilkan canvas WebGL secara full screen dengan 4 (empat) buah frame. Obyek kubus yang ada di Tugas-2 diberi texture pada ketiga sisinya dan dibiarkan terbuka di ketiga sisi lainnya sebagaimana tampak pada ilustrasi di bawah. Texture pada kubus mendapat iluminasi ambient light bewarna putih sebesar 0.2. Selebihnya, tambahkan sebuah point light bewarna terserah (Anda boleh pilih warna apapun, tapi samakan dengan warna huruf) yang posisinya senantiasa berubah mengikuti posisi pusat dari huruf.

Deskripsi Frame-frame

  • Frame 1 menampilkan Default View sebagaimana tampilan di Tugas-2.
  • Frame 2 menampilkan Controlled View dimana kamera bisa dikontrol dengan menggunakan computer-mouse.
  • Frame 3 menampilkan First Person View dimana obyek hurufnya tidak perlu ditampilkan, tapi sebagai gantinya kamera akan menempati posisi obyek huruf berikut orientasinya.
  • Frame 4 menampilkan Orbital View dimana kamera akan bergerak mengelilingi obyek kubus, layaknya bumi mengitari matahari.

Ilustrasi

Ilustrasi Tugas 3

Batas Akhir Pengerjaan

Rabu, 12 Desember 2018, 23.00 WIB

Referensi

About

tugas-3-alfian853 created by GitHub Classroom


Languages

Language:JavaScript 63.8%Language:HTML 36.2%