Latihan 1 dari materi Three.js Setup di Creative Web — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Simulasikan setup Three.js scene dengan membuat object structure yang merepresentasikan komponen-komponen scene 3D:
Buat function createScene() yang mengembalikan object:
{ type: "Scene", children: [] }
Buat function createCamera(fov, aspect) yang mengembalikan:
{ type: "PerspectiveCamera", fov: fov, aspect: aspect, position: {x:0, y:0, z:5} }
Buat function createMesh(geometryType, color) yang mengembalikan:
{ type: "Mesh", geometry: geometryType, color: color, rotation: {x:0, y:0, z:0} }
Buat function addToScene(scene, object) yang push object ke scene.children
Buat function rotateMesh(mesh, rx, ry) yang menambah rotasi x dan y
Test setup dan cetak hasilnya.