http://www.ftsm.ukm.my/samn/TH3813.htm

1. 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 - warna dan tekstur
geometry - bentuk atau struktur
Shape {
appearnce . . .
geometry . . .
}
colors.wrl
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
3
Sintaks: Appearance
Nod material mengawal
atribut material
properti material - warna, transparen, dll
Shape {
appearance Appearance {
material . . .
}
geometry . . .
}
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
4
Sintaks: Material
Nod Appearance deskripsikan rupa bentuk
keseluruhan bentuk
TH3813 05 VRML 3
Okt/Nov 2000
TH3813 05 VRML 3
Okt/Nov 2000
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
samn@ftsm.ukm.my
6
1

2. Contoh penggunaan
emmissiveColor
Penentuan warna
Spesifikasi 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 merah, hijau dan biru cerah
nilai antara 0.0 hingga 1.0
Color Red
0.0
(red)
1.0
0.0
(yellow)
1.0
1.0
(cyan)
0.2
0.0
(brown)
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
8
Kekilatan bentuk
Description ambient
Color
specular
shininess
Color
9
Contoh
(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)
(0.15)
(0.27 0.00 0.00) (0.61 0.13 0.18) (0.20)
Plastic Blue
}
Aluminum
Metalic Red
}
geometry . . .
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
diffuse
Intensity
material Material {
specularColor 0.71 0.70 0.56
shininess 0.16
ambienIntensity 0.4
}
specularColor penonjolan warna
shininess - penonjolan
saiz
ambienIntensity - kesan
cahaya ambien
(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
samn@ftsm.ukm.my
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
0.0
Brown 0.5
nod Material juga
Shape {
mengawal kekilatan bentuk appearance Appearance {
TH3813 05 VRML 3
Okt/Nov 2000
(white)
1.0
Cyan 0.0
Sintaks: Material
1.0
Yellow1.0
7
Result
1.0
Red
red sphere (emmisive).wrl
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
Green Blue
White 1.0
}
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
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
}
}
….
}
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
12
2

3. 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
samn@ftsm.ukm.my
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
}
}
. . .
TH3813 05 VRML 3
© Dr. Shahrul Azman Mohd Noah
Okt/Nov 2000
samn@ftsm.ukm.my
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
14
Contoh dunia maya dengan
appearance
slabs.wrl
15
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
16
Pengenalan
bentuk boleh digabungkan untuk membentuk
bentuk kompleks
VRML mempunyai beberapa nod pengumpulan/
penggabungan, termasuk:
Pengumpulan Nod
17
Group { . . . }
Switch { . . . }
Transform { . . . }
Billboard { . . . }
Anchor { . . . }
Inline { . . . } © Dr. Shahrul Azman Mohd Noah
TH3813 05 VRML 3
Okt/Nov 2000
samn@ftsm.ukm.my
18
3

4. Sintaks: Group
Sintaks: Switch
Nod Group hasilkan kumpulan asas
kumpulan nod Switch hasilkan kumpulan switch
setiap nod anak di dalam kumpulan akan
dipaparkan
Group {
children [ . . . ]
}
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
hanya satu nod anak dalam kumpulan dipaparkan
pengguna tentukan anak
anak secara tersirat dinomborkan mulai 0
-1 tidak memilih anak
Switch {
whichChoice 0
choice [ . . . ]
}
19
Sintaks: Transform
setiap nod anak dalam kumpulan dipaparkan
sistem ko-ordinat diputarkan kepada pandangan
pengguna
Billboard {
axisOfRotation 0.0 1.0 0.0
children [ . . . ]
}
21
Paksi putaran Billboard
Billboard secara automatik berputar
mengikut pemerhati
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
22
Paksi putaran piawai hadkan putaran hanya pada
paksi tersebut
Paksi putaran sifar benarkan putaran pada mana
mana paksi
sama seperti medan dalan rotation, tetapi tanpa
sudut (automatik)
TH3813 05 VRML 3
Okt/Nov 2000
TH3813 05 VRML 3
Okt/Nov 2000
Paksi putaran Billboard
Paksi putaran tentukan kutub untuk berputar
Pemerhati bergerak ke kanan
20
Nod kumpulan Billboard hasilkan kumpulan
dengan sistem ko o
- rdinat khusus
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
samn@ftsm.ukm.my
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
Sintaks: Billboard
Nod kumpulan Transform hasilkan kumpulan
dengan sistem ko o
- rdinatnya sendiri
TH3813 05 VRML 3
Okt/Nov 2000
TH3813 05 VRML 3
Okt/Nov 2000
23
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
samn@ftsm.ukm.my
24
4

5. 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
samn@ftsm.ukm.my
Paksi - Y: robobill.wrl
Mana-mana paksi: robobil2.wrl
25
Sintaks: Anchor
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
26
Contoh Anchor
Nod Anchor hasilkan kumpulan yang bertindak
sebagai “clickable anchor”
setiap nod anak dalam kumpulan dipaparkan
klik pada mana-mana anak rujuk kepada URL
description namakan anchor
Anchor {
url “stairwy.wrl”
description “Twisty Stairs”
children [ . . . ]
}
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
27
Sintaks: Inline
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
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” }
]
}
anak baca daripada fail yang diplih oleh URL
setiap nod anak dalam kumpulan dipaparkan
Inline {
url “table.wrl”
}
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
TH3813 05 VRML 3
Okt/Nov 2000
Contoh fail dengan Inline
Nod Inline hasilkan kumpulan khusus daripada
kandungan fail VRML lain
TH3813 05 VRML 3
Okt/Nov 2000
stairwy.wrl
anchor.wrl
29
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
30
5

6. Contoh fail dengan Inline
Penamaan Nod
table.wrl, chair.wrl, dinette.wrl
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
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
samn@ftsm.ukm.my
Sintaks DEF berikan nama pada nod
Shape {
appearance Appearance {
material DEF RedColor Material {
diffuseColor 1.0 0.0 0.0
}
}
geomtery . . .
}
33
Penggunaan DEF
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
34
Sintaks: USE
DEF mesti berhuruf besar
Boleh namakan mana mna nod
a
Nama mesti unik dalam satu s tu fail
- a
TH3813 05 VRML 3
Okt/Nov 2000
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
samn@ftsm.ukm.my
36
6

7. 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
setiap keseketikaan berkongsi deskripsi nod yang
sama
hanya boleh gunakan kesekitaan pada nod dalam
fail yang sma
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
TH3813 05 VRML 3
Okt/Nov 2000
kurangkan penaipan
minimumkan saiz fail
benarkan penukaran bentuk dengan atribut yang
sama dengan pantas
cepatkan pemprosesan browser
Nama juga perlu untuk animasi
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
}
Menama dan mengguna nod
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
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
samn@ftsm.ukm.my
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
samn@ftsm.ukm.my
space2.wrl
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
41
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
42
7

8. Contoh-contoh
Bagaimanakah untuk
menghasilkan bentuk di
sebelah?
hand.wrl
TH3813 05 VRML 3
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
43
8