winatungmiharja / three.js-light

Home Page:https://three-js.winatungmiharja.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Visualisasi Penggunaan Light pada Three JS

repository ini dibuat dari dokumentasi Three.js

  • Download atau CLone Repository berikut dari tombol Code

image

  • Setelah itu, extract dan buka di Visual Studio Code

  • Direktori akan terlihat seperti berikut :

image

  • Jalankan live server pada index.html maka akan terlihat tampilan seperti berikut

image

akses pilihan dan jenis-jenis light untuk mecoba-coba

  • Pada VsCode, buka folder /demo dan akan terlihat berbagai macam implementasi, salah satunya yaitu sebagai berikut :

image

  • Tekan shortcut Ctrl + K + 8 untuk menutup bagian-bagian inisialisasi dan lain-lain, maka kodingan akan menampilkan hanya bagian penting yang dibutuhkan untuk membuat jenis jenis light

image

Jenis-Jenis Light

  • Ambient Light

image

  • Hemisphere Light

image

  • Directional Light

image

  • Point Light

image

  • Spot Light

image

  • Rect Area Light

image

Menmabahkan lebih dari satu cahaya

  • kita bisa menambahkan lebih dari satu cahaya, caranya yaitu
  • membuat light baru dan menambahkan ke scene, contohnya adalah sebagai berikut

Directional Light dan Ambient Light

  • kita akan meng-copy inisialisasi Ambient Light

image

  • kemudian tinggal di paste pada Directional Light

image

image

  • Menambahkan banyak cahaya

image

About

https://three-js.winatungmiharja.com/


Languages

Language:CSS 61.5%Language:HTML 38.5%