Koordinat Sistem
Untuk menampilkan object 3D digunakan koordinat x, y dan z. Dengan x adalah arah horizontal, y arah vertikal dan z arah depan belakang.
Vertex
Kumpulan vertex disebut vertices. Setiap object 3D dibuat vertices yang didefinisikan dalam vector. dalam three.js, vertex didefiniskan dalam Vector3.
Object
Object akan memiliki vertice, edge dan face. Contoh object cube akan memiliki:
- 8 vertices
- 12 edges
- 6 faces.
Normal
Adalah vector3 yang menunjukan arah dari sebuah face.
3D Material
adalah layer pada face 3D object. Berguna untuk mengatur bagaimana sebuat object ditampilkan saat di render. Material akan berprilaku mirip dengan dunia nyata, seperti bagaimana cahaya berinteraksi dengan permukaan material, nuansa dari warna, teksture, sifat transparent atau reflektif.
UV Maping
UV mapping adalah proses 3D modeling untuk memproyeksikan image 2D ke permukaan 3D model. U untuk arah kiri-kanan, V untuk arah atas-bawah.
Keuntungan menggunakan UV maping adalah, kita bisa membuat object 3D rendah polygon, tampilan detail menggunakan image 2D. Dengan rendah polygon, akan meningkat performa.
Custom Shader
Three.js memiliki custom shader yang berguna untuk membuat shader material. Shader sendiri adalah program kecil ditulis dalam GLSL yang akan dicompile oleh GPU (VGA Card).
Three.js memiliki 2 jenis shader, yaitu:
- Vertex shader berfungsi untuk mengatur posisi vertex. Akan dijalankan terlebih dahulu. Variable yang disharing dengan fragment shader disebut varying.
- Fragment shader berfungsi untuk mengatur warna tiap pixel yang dirender. Dijalankan setelah vertex shader.
Rendering
Yang dimaksud dengan rendering adalah proses mengubah data 3D menjadi image 2D.