TH3813 Realiti Maya Bentuk, Geometri dan Rupa Bentuk (Appearance)
Kawalan rupa bentuk
1
Kawalan rupa bentuk dengan material
2
Sintaks: Bentuk
Contoh:
ingat kembali nod Shape mempunyai medan: appearance geometry
- warna dan tekstur - bentuk atau struktur
Shape { appearnce . . . geometry . . . } colors.wrl TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
3
Sintaks: Appearance
properti material - warna, transparen, dll Shape { appearance Appearance { material . . . } geometry . . . } © Dr. Shahrul Azman Mohd Noah
[email protected]
© Dr. Shahrul Azman Mohd Noah
[email protected]
4
Sintaks: Material
Nod Appearance deskripsikan rupa bentuk keseluruhan bentuk
TH3813 05 VRML 3 Okt/Nov 2000
TH3813 05 VRML 3 Okt/Nov 2000
Nod material mengawal atribut material diffuseColor
- warna utama emissiveColor - glowing colour transparency - legap (opaque) atau tidak
5
TH3813 05 VRML 3 Okt/Nov 2000
Shape { appearance Appearance { material Material { diffuseColor 0. 8 0.8 0.8 emmissiveColor 0.0 0.0 0.0 transparency 0.0 } } geometry . . . }
© Dr. Shahrul Azman Mohd Noah
[email protected]
6
1
Contoh penggunaan emmissiveColor
Penentuan warna
#VRML V2.0 utf8 #VRML V2.0 utf8 #A sphere #A sphere Shape { Shape { appearance Appearance { appearance Appearance { material Material { material Material { diffuseColor 1.0 0.0 0.0 diffuseColor 1.0 0.0 0.0 emissiveColor 1.0 0.0 0.0 } } } } geometry Sphere {} geometry Sphere {} } } red sphere.wrl TH3813 05 VRML 3 Okt/Nov 2000
campuran nilai
red sphere (emmisive).wrl © Dr. Shahrul Azman Mohd Noah
[email protected]
7
Sintaks: Material
Color Red
Green Blue
Result
White 1.0
1.0
1.0
(white)
Red
1.0
0.0
0.0
(red)
Yellow1.0
1.0
0.0
(yellow)
Cyan 0.0
1.0
1.0
(cyan)
Brown 0.5
0.2
0.0
(brown)
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
Description ambient
penonjolan warna shininess - penonjolan saiz ambienIntensity - kesan cahaya ambien
} geometry . . . }
© Dr. Shahrul Azman Mohd Noah
[email protected]
diffuse
Intensity
material Material { specularColor 0.71 0.70 0.56 shininess 0.16 ambienIntensity 0.4 }
specularColor
9
Contoh
8
Color
specular
shininess
Color
Aluminum
(0.30)
(0.30 0.30 0.50) (0.70 0.70 0.80) (0.10)
Copper
(0.26)
(0.30 0.11 0.00) (0.75 0.33 0.00) (0.08)
Gold
(0.40) (0.22 0.15 0.00) (0.71 0.70 0.56) (0.16)
Metalic Purple
(0.17)
(0.10 0.03 0.22) (0.64 0.00 0.98) (0.20)
Metalic Red
(0.15)
(0.27 0.00 0.00) (0.61 0.13 0.18) (0.20)
Plastic Blue
(0.10)
(0.20 0.20 0.71) (0.83 0.83 0.83) (0.12)
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
10
Contoh
Shape { appearance Appearance { material Material { diffuseColor 0.40 0.40 0.40 } } …. }
Shape { appearance Appearance { material Material { ambientIntensity 0.4 diffuseColor 0.15 0.15 0.15 specularColor 0.70 0.70 0.70 shininess 0.05 } } ….
TH3813 05 VRML 3 Okt/Nov 2000
merah, hijau dan biru cerah antara 0.0 hingga 1.0
Kekilatan bentuk
nod Material juga Shape { mengawal kekilatan bentuk appearance Appearance {
TH3813 05 VRML 3 Okt/Nov 2000
Spesifikasi warna
}
© Dr. Shahrul Azman Mohd Noah
[email protected]
11
Shape { appearance Appearance { material Material { ambientIntensity 0.4 diffuseColor 0.15 0.15 0.15 specularColor 0.70 0.70 0.70 shininess 0.08 } } …. } TH3813 05 VRML 3 Okt/Nov 2000
Shape { appearance Appearance { material Material { ambientIntensity 0.2 diffuseColor 0.10 0.10 0.10 specularColor 0.80 0.80 0.80 shininess 0.16 } } …. } Mohd Noah © Dr. Shahrul Azman
[email protected]
12
2
Contoh
Contoh Shape { appearance Appearance { material Material {
ambientIntensity 0.4 diffuseColor 0.22 0.15 0.0 specularColor 0.71 0.70 0.56 shininess 0.16 } } ….
shiny.wrl
} TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
13
Contoh dunia maya dengan appearance Shape { appearance Appearance { material Material { diffuseColor 0.2 0.2 0.2 emissiveColor 0.0 0.0 0.8 transparency 0.25 } } geometry Box { size 2.0 4.0 0.3 } } . 05.VRML .3 TH3813 © Dr. Shahrul Azman Mohd Noah Okt/Nov 2000
[email protected]
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
14
Contoh dunia maya dengan appearance
slabs.wrl 15
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
16
Pengenalan
Pengumpulan Nod
bentuk boleh digabungkan untuk membentuk bentuk kompleks VRML mempunyai beberapa nod pengumpulan/ penggabungan, termasuk: ) Group
{...} {...} ) Transform { . . . } ) Billboard { . . . } ) Anchor { . . . } ) Inline { . . . } © Dr. Shahrul Azman Mohd Noah TH3813 05 VRML 3 ) Switch
17
Okt/Nov 2000
[email protected]
18
3
Sintaks: Group
Sintaks: Switch
Nod Group hasilkan kumpulan asas
setiap
nod anak di dalam kumpulan akan dipaparkan Group { children [ . . . ] }
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
hanya
) anak ) -1
19
TH3813 05 VRML 3 Okt/Nov 2000
nod anak dalam kumpulan dipaparkan ko-ordinat diputarkan kepada pandangan pengguna Billboard { axisOfRotation 0.0 1.0 0.0 children [ . . . ] } 21
TH3813 05 VRML 3 Okt/Nov 2000
seperti medan dalan rotation, tetapi tanpa sudut (automatik)
Billboard secara automatik berputar mengikut pemerhati
© Dr. Shahrul Azman Mohd Noah
[email protected]
© Dr. Shahrul Azman Mohd Noah
[email protected]
22
Paksi putaran Billboard
sama
TH3813 05 VRML 3 Okt/Nov 2000
Nod kumpulan Billboard hasilkan kumpulan dengan sistem ko - ordinat khusus sistem
Paksi putaran tentukan kutub untuk berputar
Pemerhati bergerak ke kanan
20
setiap
Paksi putaran Billboard
© Dr. Shahrul Azman Mohd Noah
[email protected]
Sintaks: Billboard
Setiap nod anak di dalam kumpulan dipaparkan Transform { translation 0.0 0.0 0.0 rotation 0.0 1.0 0.0 0.0 scale 1.0 1.0 1.0 children [ . . . ] } © Dr. Shahrul Azman Mohd Noah
[email protected]
secara tersirat dinomborkan mulai 0 tidak memilih anak
Switch { whichChoice 0 choice [ . . . ] }
Nod kumpulan Transform hasilkan kumpulan dengan sistem ko - ordinatnya sendiri
TH3813 05 VRML 3 Okt/Nov 2000
satu nod anak dalam kumpulan dipaparkan tentukan anak
pengguna
Sintaks: Transform
kumpulan nod Switch hasilkan kumpulan switch
23
Paksi putaran piawai hadkan putaran hanya pada paksi tersebut Paksi putaran sifar benarkan putaran pada mana mana paksi Putaran pada Paksi-X Paksi-Y Paksi-Z Mana-mana paksi
TH3813 05 VRML 3 Okt/Nov 2000
Paksi 1.0 0.0 0.0 1.0 0.0 0.0 0.0 0.0
0.0 0.0 1.0 0.0
© Dr. Shahrul Azman Mohd Noah
[email protected]
24
4
Contoh kumpulan Billboard
Contoh kumpulan Billboard
Billboard { # Paksi-Y axisOfRotation 0.0 1.0 0.0 children [ Shape { . . . } Shape { . . . } Shape { . . . } ... ] } TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
Paksi - Y: robobill.wrl Mana-mana paksi: robobil2.wrl 25
Sintaks: Anchor
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
26
Contoh Anchor
Nod Anchor hasilkan kumpulan yang bertindak sebagai “clickable anchor” setiap
nod anak dalam kumpulan dipaparkan pada mana-mana anak rujuk kepada URL description namakan anchor klik
Anchor { url “stairwy.wrl” description “Twisty Stairs” children [ . . . ] } TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
27
Sintaks: Inline
baca daripada fail yang diplih oleh URL nod anak dalam kumpulan dipaparkan
Inline { url “table.wrl” }
© Dr. Shahrul Azman Mohd Noah
[email protected]
© Dr. Shahrul Azman Mohd Noah
[email protected]
28
Inline { url “table.wrl” } ... Transform { translation -0.95 0.0 0.0 rotation 0.0 1.0 0.0 3.14 children [ Inline { url “chair.wrl” } ] }
setiap
TH3813 05 VRML 3 Okt/Nov 2000
TH3813 05 VRML 3 Okt/Nov 2000
Contoh fail dengan Inline
Nod Inline hasilkan kumpulan khusus daripada kandungan fail VRML lain anak
stairwy.wrl
anchor.wrl
29
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
30
5
Contoh fail dengan Inline
Penamaan Nod table.wrl, chair.wrl, dinette.wrl TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
Pengenalan
Sintaks: DEF
Jika beberapa bentuk terdiri daripada geometri dan appearance yang sama, boleh gunakan beberapa duplikasi nod yang sama tapi, boleh berikan nama untuk kejadian pertama nod tersebut kemudian, gunakan nama tersebut untuk kongsi nod yang sama dalam konteks berbeza
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
33
© Dr. Shahrul Azman Mohd Noah
[email protected]
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
34
Sintaks: USE
DEF mesti berhuruf besar Boleh namakan mana - mana nod Nama mesti unik dalam satu - satu fail
TH3813 05 VRML 3 Okt/Nov 2000
Sintaks DEF berikan nama pada nod Shape { appearance Appearance { material DEF RedColor Material { diffuseColor 1.0 0.0 0.0 } } geomtery . . . }
Penggunaan DEF
32
31
Sintaks USE gunakan nod yang telah dinamakan menggunakan DEF Shape { appearance Appearance { material USE RedColor } geometry . . . }
35
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
36
6
Penggunaan USE
Penggunaan nama nod
USE mesti berhuruf besar Nod (yang dinamakan) yang digunakan semula dipanggil keseketikaan (intance) Nod yang dinamakan boleh mempunyai beberapa keseketikaan keseketikaan berkongsi deskripsi nod yang sama hanya boleh gunakan kesekitaan pada nod dalam fail yang sma
kurangkan
penaipan saiz fail benarkan penukaran bentuk dengan atribut yang sama dengan pantas cepatkan pemprosesan browser minimumkan
setiap
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
37
Contoh penggunaan nama nod Inline { url "table.wrl" } Transform { translation 0.95 0.0 0.0 children DEF Chair Inline { url "chair.wrl" } } Transform { translation -0.95 0.0 0.0 rotation 0.0 1.0 0.0 3.14 children USE Chair }
TH3813 05 VRML 3 Okt/Nov 2000
Menama dan mengguna nod
Nama juga perlu untuk animasi
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
38
Contoh-contoh
Transform { translation 0.0 0.0 0.95 rotation 0.0 1.0 0.0 -1.57 children USE Chair } Transform { translation 0.0 0.0 -0.95 rotation 0.0 1.0 0.0 1.57 children USE Chair }
Nod Cylinder bina menara Nod Cone bina bumbung
castle.wrl
39
Contoh-contoh
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
40
Contoh-contoh Nod Box hasilkan bar
Nod Sphere hasilkan semua bahagian pesawat
Nod Text berikan label
Nod Transform skalakan bentuk sfera manjadi bahagian pesawat
Nod Billboard pastikan label sentiasa berhadapan pemerhati
barplot.wrl
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
space2.wrl
© Dr. Shahrul Azman Mohd Noah
[email protected]
41
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
42
7
Contoh-contoh Bagaimanakah untuk menghasilkan bentuk di sebelah?
hand.wrl
TH3813 05 VRML 3 Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
[email protected]
43
8