MODUL 11 WEB3D: MEMBUAT OBYEK SEDERHANA

Transkripsi

1 MODUL 11 WEB3D: MEMBUAT OBYEK SEDERHANA RINGKASAN Web dengan tampilan konvensional tidak akan memberikan rasa/pengalaman bernavigasi atau menjelajah dunia maya seperti yang seharusnya. Web konvensional dua dimensi (2D) hanya akan memberikan rasa berpindah dokumen atau membuka-buka tumpukan buku/tumpukan kertas yang meskipun terkadang terlihat bergerak, tetapi apa yang nampak tidak lebih dari suatu lembaran. Dengan Web3D maka dunia maya (virtual world) atau cyberspace yang sebenarnya akan dapat diperoleh. Dunia maya dapat dibentuk dari rangkaian obyek sederhana yang digabungkan untuk membangun dunia yang lebih kompleks. Dalam Web3D, beberapa obyek sederhana dapat langsung dibuat dengan perintah sederhana untuk membuat deskripsinya secara cepat di browser. LATIHAN Silakan Anda mencoba bentuk-bentuk obyek 3D sederhana yang dapat ditampilkan di browser. Contoh-contoh di bawah ini dapat dibuat dalam editor teks (misalnya notepad), kemudian simpan masing-masing latihan sebagai file dengan ekstensi.wrl (misalnya latihan1.wrl ). Sebelum memulai sesi ini, pastikan anda telah memasang plug-in VRML pada browser yang akan anda pakai. Plug-in yang direkomendasikan adalah Cortona, produk dari ParallelGraphics. Untuk kompatibilitas yang lebih baik dengan VRML, disarankan menggunakan browser MS Internet Explorer. 1. Latihan 1 Group { geometry Cone { DEF TS TouchSensor { # sensor pointer hover DEF DL DirectionalLight { # sorot warna merah color on FALSE ROUTE TS.isOver TO DL.set_on 2. Latihan 2 diffusecolor # R G B (diberi warna merah) geometry Box { # membuat kotak 3. Latihan 3 # menampilkan teks secara 3D

2 geometry Text { fontstyle FontStyle { style "BOLD" size 4 string ["HELLO", "WORLD!" 4. Latihan 4 geometry Sphere { 5. Latihan 5 # Obyek bola dan silinder digeser dengan perintah node Transform. # Obyek kerucut tetap di tempat (0,0,0). WorldInfo { info [ "Latihan mengeser obyek", "dari posisi awalnya" title "Bentuk sederhana" geometry Cone { translation # x y z (geser ke bawah sumbu X) geometry Sphere { translation # x y z (geser ke atas sumbu X) geometry Cylinder { 6. Latihan 6 Anchor { url "

3 description "UAD s Web3D site" geometry Cone { translation # x y z (geser ke bawah sumbu X) geometry Sphere { translation # x y z (geser ke atas sumbu X) geometry Cylinder { 7. Latihan 7 diffusecolor # R G B (beri warna hijau) geometry Cone { diffusecolor # R G B (beri warna putih) geometry Cylinder {

4 8. Latihan 8 rotation # x y z, sudut diffusecolor # R G B (beri warna hijau) geometry Cone { rotation # x y z, sudut diffusecolor # R G B (beri warna putih) geometry Cylinder { 9. Latihan 9 Background { skycolor # R G B (latar belakang warna putih) Group { # pertama, buat kerucut untuk ujung pohon # beri warna hijau gelap: diffusecolor # (hijau gelap) geometry Cone { # selanjutnya buat silinder untuk batang pohon # beri warna coklat:

5 diffusecolor # R G B (warna coklat) geometry Cylinder { 10. Latihan 10 DEF SphereColumn Group { DEF OneSphere geometry Sphere {radius.75 translation children USE OneSphere translation children USE OneSphere translation children USE OneSphere translation children USE OneSphere translation children USE OneSphere translation children USE OneSphere translation children USE SphereColumn translation children USE SphereColumn translation children USE SphereColumn translation children USE SphereColumn translation children USE SphereColumn translation children USE SphereColumn translation children USE SphereColumn 11. Latihan 11 Background { skycolor NavigationInfo { headlight TRUE geometry Sphere { translation # pindahkan rotation # diputar arahnya scale # dibuat lebih besar Inline { url "latihan.wrl" # ganti saja filenya dengan salah satu file latihan bboxsize bboxcenter

6 12. Latihan 12 rotation # x y z, sudut # buat sebuah kerucut yang akan menjadi child dari root Transform, # berikan juga perintah Transform ke dalam kerucut ini # sehingga dapat dikendalikan secara independen dari child lain: diffusecolor # R G B (warna hijau) geometry Cone { # kemudian buat silinder sebagai child dari root Transform # dan juga letakkan silinder dalam Transform nya sendiri sehingga # dapat dikendalikan secara independen dari child lain: diffusecolor # R G B (warna putih) geometry Cylinder {