Latihan 1: Three.js Setup — Creative Web

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:

  1. Buat function createScene() yang mengembalikan object:

    { type: "Scene", children: [] }
    
  2. Buat function createCamera(fov, aspect) yang mengembalikan:

    { type: "PerspectiveCamera", fov: fov, aspect: aspect, position: {x:0, y:0, z:5} }
    
  3. Buat function createMesh(geometryType, color) yang mengembalikan:

    { type: "Mesh", geometry: geometryType, color: color, rotation: {x:0, y:0, z:0} }
    
  4. Buat function addToScene(scene, object) yang push object ke scene.children

  5. Buat function rotateMesh(mesh, rx, ry) yang menambah rotasi x dan y

Test setup dan cetak hasilnya.

Hint