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

1. Kegunaan VRML
VRML
Pengenalan
bangunkan aksi dan dunia 3D
bangunkan grafik berinteraktif
menyokong kedua d pengguna tunggal atau
- ua
berbilang
terbitkan grafik melalui internet
1
Kegunaan VRML
HTML
<
VRML
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
2
Pembangunan VRML
<
World Wide Web (pelayan WWW)
Bahasa C
antaramuka grafik Internet
Pencipta daripda Silicon Graphics (Open
Inventor)
takrifkan dunia 3D yang boleh dipaparkan
di mana-mana melalui Internet
mudah digunakan, pandangan berstruktur,
deskripsi objek
•satu imej hanya satu
pandangan
•model 3D menyokong
banyak pandangan
•tidak boleh diubah
•boleh diubah
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
3
Pembangunan VRML
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
4
Pembangunan VRML
VRML
VRML 1.0
berdasarkan format Open Inventor
bahasa deskripsi pandangan untuk Web
VRML 1.0
Oktober 1994
VRML 2.0
August 1996
(Moving Worlds oleh Sil. Graphics
HoloWeb oleh Sun Microsystems
ActiveVRML oleh Microsoft
Out of This World oleh Apple)
TH3813 03 VRML 1
Okt/Nov 2000
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
untuk hasilkan dunia 3D yang statik dan pautan
VRML 2.0
pergerakan objek
objek bertindakbalas terhadap peristiwa (event)
gunakan objek multimedia (bunyi dan video)
5
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
6
1

2. Fitur-fitur VRML 2.0
Fitur-fitur VRML 2.0
Objektif utama VRML 2.0
Pertingkatkan dunia statik
Interaktif
Animasi
Penskriptan
Pemprototaipan
untuk berikan pengguna pengalaman yang lebih
kaya, menarik dan interaktif berbanding dengan
VRML 1.0
untuk berikan asas yang kukuh untuk
perkembangan VRML di masa hadapan, mudah,
pantas kepada semua (pembanguna browser,
pereka bentuk dunia maya, dan pengguna akhir)
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
Pertingkatkan dunia statik
(warna tanah/langit, fog, bunyi, ………)
7
Fitur-fitur VRML 2.0
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
8
Fitur-fitur VRML
Interaktif
Pemprototaipan
(pengesan, penentuan perlanggaran, ….)
prototaip - satu jenis kejadian nod baru,
antaramuka berparameter
Animasi
(interpolators, ……)
Penskriptan
penskriptan mengambil input daripada pengesan
dan janakan peristiwa berdasarkan input yang
boleh mengubah nod-nod lain
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
9
Perubahan daripada VRML 1.0
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
10
Perubahan daripada VRML 1.0
Jenis nod baru
nod Group (collision, transform)
maklumat browser (Background, NavigationInfo,
Viewpoint, WorldInfo)
Lights & Lighting (fog)
Sound
Shapes (nod geometry + nod property)
Appearance
Sensors
TH3813 03 VRML 1
© Dr. Shahrul Azman Mohd
Nod khusus (specialsamn@ftsm.ukm.my Noah
nodes)
Okt/Nov 2000
TH3813 03 VRML 1
Okt/Nov 2000
Jenis nod yang disingkir
AsciiText ---> WorldInfo
Info ---> WorldInfo
Separator ---> Transform
transformation nodes ---> Transform
11
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
12
2

3. VRML
Membina sebuah dunia
perlu kepada editor teks- --- >xxx.wrl
browser- --- > SGI Cosmo Player
fail VRML merupakan koleksi objek o
- bjek
objek
objek fizikal (geometry, color, material, 3D position)
sounds
lights
viewpoints
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
13
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
shape node
Membina sebuah dunia
geometry node
Nod
Nod
adalah
TH3813 03 VRML 1
Okt/Nov 2000
(setiap satu nod mempunyai medan)
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
appearance node
Menghasilkan silinder berwarna ungu
#VRML V2.0 utf8
Shape {
appearance Appearance
material Material {}
}
geometry Cylinder {}
}
Objek
(satu nod boleh mempunyai lain-lain nod)
Medan (fields)
14
15
Struktur fail VRML
TH3813 03 VRML 1
Okt/Nov 2000
1.0
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
2.0
16
Struktur fail VRML
Shape {}
material Material { }
merupakan nod container asas untuk objek
geometry
ia merangkumi nod appearance bagi geometry
tanpa nod ini, objek tidak kelihatan (black)
nod Material yang kosong, objek yang terpapar
berwarna light grey (default colour)
Geometry{}
Sphere, Cylinder, Box, Cone
IndexedFaceSet
geometry Sphere{ }
geometry Cone { }
TH3813 03 VRML 1
© Dr. Shahrul Azman Mohd Noah
medan (fields)
Okt/Nov 2000
samn@ftsm.ukm.my
17
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
18
3

4. appearance {}
#VRML V2.0 utf8
Shape {
appearance Appearance {
material Material { }
}
geometry Cylinder {
radius
3.0
radius
6.0
side
True
top
False
bottom
True
}
}
TH3813 03 VRML 1
Okt/Nov 2000
material Material {
diffuseColor
shininess
ambientIntensity
?Transparency
?
}
(colour, smoothness, shiny)
properti bagi permukaan
material {}
Kes
x
material Material {
diffuseColor
shininess
}
nama nod: Cylinder
nama medan: radius
colour
black
white
purple
red
green
blue
medan (fields)
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
x
19
Red
0
1
.5
1
0
0
TH3813 03 VRML 1
Okt/Nov 2000
.5
.5
0
.5
Green Blue
shininess (0 ----- 1)
0
0
1
1
0
.5
0
0
soft reflection
sharp highlight
1
1
0
1
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
20
Diagram Scene
x
x
x
Terbahagi pada 2 kategori:
nod pengumpulan (grouping nodes)
nod bukan pengumpulan (non-grouping nodes)
Shape{ }
Appearance{ }
Material{ }
texture{}
medan bagi nod Shape
medan bagi nod Appearance
……..
fields
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
21
Grouping nodes
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
22
Grouping Node
#VRML V2.0 utf8
Transform {
---------------- # sebarang medan transform
children [
Shape{ ------- # nod Shape
------}
]
}
Group, Transform, LOD, Switch, Anchor, Inline,
Collision
Grouping nodes digunakan untuk gabungkan
objek dalam kumpulan
Mereka boleh mempunyai anak (children)
Tidak semua nod boleh menjadi anak kepada
grouping node
TH3813 03 VRML 1
Okt/Nov 2000
TH3813 03 VRML 1
Okt/Nov 2000
23
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
24
4

5. Grouping Nodes
Komen
Group {
children [ ] # an empty group
}
Komen boleh berada di mana mana baris
Ia tidak diendahkan mulai tanda # hingga ke akhir
baris
Transform
Shape
Appearance
Material
Cylinder
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
25
Nod Inline
•prestasi akan menurun untuk
mengambil data daripada server
dan dimasukkan ke dalam scene.
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
27
Kejadian (Instances)
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
fail lebih ringkas dan mudah dibaca
singkatkan masa download
tingkatkan prestasi © Dr. Shahrul Azman Mohd Noah
TH3813 03 VRML 1
Okt/Nov 2000
samn@ftsm.ukm.my
28
Kejadian (Instances)
jika properti asal nod yang dinamakan itu diubah,
semua kejadian nod tersebut juga berubah
untuk mengubah appearance, boleh tentukan
geometry dengan nama kemudian gunakannya
dengan material dan tekstur yang berbeza
TH3813 03 VRML 1
Okt/Nov 2000
26
benarkan penggunaan semula nod yang sama
beberapa kali dalam scene
kejadian dihasilkan melalui nama
bila definisikan nod dengan satu nama, boleh
gunakan semula nama tersebut pada mana m
- ana
tempat yang kita hendak gunakan nod tersebut
kelebihan kejadian
•untuk model kecil, tampalkan
Inline{url “xxxxx.wrl”} data terus ke dalam scene
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
Kejadian (Instances)
digunakan untuk masukkan model VRML lain ke
dalam scene
sama seperti pautan (link)
Inline{
url “xxxxx.wrl”
}
TH3813 03 VRML 1
Okt/Nov 2000
29
DEF BothBraziers Transform {
children [
DEF Brazier Group {
children Inline {
url “TMBrazierTlaloc.wrl”
bboxCenter 799.5 127.01 -1187.5
bboxsize 124 5 5
}
Transform {
children USE Brazier
translation 54.5 0 0
}
]
translation 0 -1.43 0
}
TH3813 03 VRML 1
© Dr. Shahrul Azman Mohd Noah
Okt/Nov 2000
samn@ftsm.ukm.my
30
5

6. Nod Anchor
Nod Anchor
bolehkan hiperlink pada scene yang lain, laman
HTML, bunyi, dan fail movie terdapat dalam
rangkaian
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
31
Nod Anchor
TH3813 03 VRML 1
Okt/Nov 2000
Okt/Nov 2000
samn@ftsm.ukm.my
32
samn@ftsm.ukm.my
Objek boleh dikumpulkan pada kumpulan
Transform yang sama
scope 1
Inline
Transform
scope 1 & scope 2
Transform
33
Kumpulan Transform
Transform {
--------------Scope
children [
- nod transform yang
Inline {
--------------melibatkan ke semua nod di
},
dalamnya
Transform {
---------------- nod transform dikatakan
children [
tersarang jika ia di masukkan
Inline {
dalam nod transform yang
--------------lain
}
]
}
]
TH3813 03 VRML 1
© Dr. Shahrul Azman Mohd Noah
}
Okt/Nov 2000
Kumpulan Transform
children [
Inline {
url “TitleText.wrl”
bboxSize 5.8 0.75 0
bboxCenter 0 .37 0
}
Inline {
url “brazier.wrl”
bboxCenter 0 0 0
bboxsize 3.14 3.13 3.12
}
]
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
DEF Title Anchor {
url ialah fail yang dipauti
url “Tenochitlan.html”
description “The Aztec City
children [
description ialah “prompt” apabila
Inline {
tetikus menunjuk kepada objek anak
url “TitleText.wrl”
bboxSize 5.8 0.75 0
children ialah objek untuk “activate
bboxCenter 0 .37 0
hiperlink bila pengguna “klik”
}
]
} 03 VRML 1
TH3813
© Dr. Shahrul Azman Mohd Noah
TH3813 03 VRML 1
Okt/Nov 2000
Inline
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
34
Kumpulan Transform
Susunan transform adalah penting
Satu nod gunakan nod Transformnya sendiri,
kemudian nod Transform bapanya, dan
seterusnya
Nod transform pada paras yang sama tidak
memberikan kesan sesama sendiri
35
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
36
6

7. Kumpulan Transform
T
Pandangan scene
Viewpoint
T1
T2
N2
T T1
TH3813 03 VRML 1
Okt/Nov 2000
N2
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
z
37
Pandangan scene
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
38
boleh tentukan dahulu viewpoint berbilang dalam
kedudukan, arah dan field of view yang berbeza,
kemudian gunakan dengan nama
pertukaran daripada satu viewpoint ke satu
viewpoint yang lain dianimasikan melalui scene
oleh browser.
tentukan berapa jumlah scene yang dipaparkan
(zoom, wide angle)
ditentukan melalui nilai radian
1 radian = 57 darjah
? radian = 180 darjah
? radian = 360 darjah
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
TH3813 03 VRML 1
Okt/Nov 2000
Viewpoint berbilang
field of view
TH3813 03 VRML 1
Okt/Nov 2000
x
N1
T T2
y
tentukan posisi mata
dan arah pandangan
pada scene yang sama
viewpoint yang default
ialah (0 0 10)
N1
39
Viewpoint berbilang
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
40
LOD (level of detail)
menggunakan viewpoint dalam pautan Anchor
digunakan untuk kurangkan kekompleksan objek
dengan jarak (distance)
Anchor { url “chacmool”#TheGate” viewpoint TheGate
------------------digunakan untuk melihat
}
pautan nod
“chacmool.wrl”
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
41
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
42
7

8. LOD (level of detail)
children LOD {
center xx xx xx
range [60, 200]
levels [
Transform { # first level
--------------}
,
Transform { # second level
--------------}
,
Group {
# last level
---------------}
]
}
TH3813 03 VRML 1
Okt/Nov 2000
Interaksi pengguna
- center(x, y, z) ialah pusat bagi
objek
pengesan (sensors), peristiwa (events), jalan
(routes)
sensors ialah nod yang bertindak terhadap
interaksi pengguna
- digunakan untuk mengira jarak
antara pusat objek dan viewpoint
range[60,200]
jika d < 60 lukis paras pertama
jika 60<d<200 lukis paras kedua
jika d > 200 lukis paras terakhir
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
43
Interaksi pengguna
Touchsensor - kesan “klik”
ProximitySensor - kesan jarak
PlaneSensor - kesan tidakan “drag”
TimeSensor - kesan detikan masa
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
44
Interaksi pengguna
terdapat 2 peristiwa (event) yang boleh dipanggil
dalam setiap sensor - eventIn dan eventOut
hantar keluar nilai medan
tukarkan nilai medan
TouchSensor
TouchSensor
eventOut
eventOut
PointLight
route
eventIn
buka lampu
eventIn
route ialah hubungan antara dua nod
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
45
TH3813 03 VRML 1
Okt/Nov 2000
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my
46
8