SlideShare a Scribd company logo
1 of 14
Download to read offline
TH3813 Realiti Maya
Cahaya dan Persekitaran

Kesan cahaya dalam
dunia maya
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

1

Latarbelakang

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

2

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

4

Contoh

Secara default, pemercahati memepunyai satu
cahaya dalam pandangan, terletak di kepela.
Untuk kesan lebih nyata, boleh tambahkan
pelbagai kesan cahaya:
matahari, mentol, lilin
flashlight, spotlight, firelight

Cahaya boleh diposisikan, putar dan diwarnakan.
Cahaya tidak hasilkan bayang-bayang.
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

3

Penggunaan jenis cahaya

Penggunaan fitur lazim cahaya

Terdapat tiga jenis cahaya dalam VRML
Point lights - sinarkan cahaya pada kesemua arah
daripada satu punca (titik)
Directional lights - menuju kepada satu arah
daripada kedudukan yang jauh
Spot lights - menuju dalam satu arah daripada satu
titik, sinaran dalam kon.

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

TH3813 11 VRML 9

5

Setiap jenis cahaya mempunyai beberapa medan
yang sama:
on - on atau off kan cahaya
intensity - kawalan kecerahan cahaya
ambientIntensity - kawalan kesan ambien
color - pilih warna

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

6

1
Penggunaan fitur lazim cahaya

Sintaks: PointLight

Point light dan spot light juga mempunyai medan:

Nod PointLight menggemerlap dalam jejari
tertentu daripada satu titik/punca.

location - kedudukan sumber cahaya
radius - jarak pencahayaan maksimum
attenuation - pengecilan/atenuasi dengan jarak

Directional ligtht dan spot light juga mempunyai:
direction - arah tujuan

[pntlite.wrl]
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

7

Sintaks: DirectionalLight

8

Nod SpotLight menggemerlap daripada satu
punca/titik, dalam satu arah, di dalam kon

DirectionalLight {
direction 1.0 0.0 0.0
intensity 1.0
color 1.0 1.0 1.0
}

[dirlite.wrl]

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

Sintaks: SpotLight

Nod DirectionalLight menggemerlap pada satu
arah daripada satu kedudukan yang jauh

TH3813 11 VRML 9

TH3813 11 VRML 9

PointLight {
location 0.0 0.0 0.0
intensity 1.0
color 1.0 1.0 1.0
}

[sptlite.wrl]

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

9

Sintaks: SpotLight

TH3813 11 VRML 9

Spot {
location 0.0 0.0 0.0
direction 1.0 0.0 0.0
intensity 1.0
color 1.0 1.0 1.0
cutOffAngle 0.785
}
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

10

Contoh

Lebar maksimum untuk kon spot light dikawal
oleh medan cutOffAngle.
Bahagi dalam kon dengan kecerahan seragam di
kawal oleh medan beamWidth.
SpotLight {
. . .
cutOffAngle 0.785
beamWidth 0.52
}
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

[temple.wrl]
11

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

12

2
Contoh-contoh lain

Latar belakang
(Background)

[simulasi-matahari.wrl]

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

13

Bentuk berikan bahagian hadapan (terhampir)
dalam pandangan maya anda.
Boleh hasilkan latar belakang (background).
Latar belakang deskripsikan:

14

Latar belakang hasilkan 3 bentuk khusus:
sfera langit (sky sphere)
hemisfera dataran (ground hemishere) dalam sfera
langit
kotak panorama (panorama box) dalam hemisfera
dataran

warna langit dan dasar
imej panorama gunung, bandar dll

Latar belakang adalah lebih cepat dilukis
berbanding jika gunakan bentuk.
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

15

Penggunaan komponen latar
belakang

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

Hemisfera langit dan dataran dilorekkan dengan
satu kecerunan warna.
Kotak panorama dipetakan secara bertekstur
© Dr. Shahrul Azman Mohd Noah
dengan
TH3813 11 VRML 9 6 imej.
samn@ftsm.ukm.my

16

Sintaks: Background

Bahagian transparen hemisfera dataran serlahkan
sfera langit.
Bahagian transparen kotak panorama serlahkan
dataran dan langit.
Pemerhati boleh melihat, atas, bawah, dan
kanan-kiri untuk melihat bahagian berbeza latar
belakang.
Pemerhati walaubagaimanapun tak boleh hampiri
latar belakang.
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

Penggunaan komponen latar
belakang

Pengenalan

TH3813 11 VRML 9

TH3813 11 VRML 9

17

Nod Background deskripsikan warna latar
belakang.
skyColor dan skyAngle - kecerunan langit
groundColor dan groundAngle - kecerunan dataran
Background {
skyColor
skyAngle
groundColor
groundAngle
}
TH3813 11 VRML 9

[ 0.1 0.1 0.0, . . . ]
[ 1.309, 1.571 ]
[ 0.0, 1.571 ]
[ 1.309, 1.571]
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

18

3
Penggunaan sudut dataran dan
warna

Penggunaan sudut langit & warna
Warna pertama langit terletak pada kutub utara.
Warna langit selebihnya adalah berdasarkan
sudut langit yang diberikan:

Warna pertama dataran terletak pada kutub utara.
Warna selebihnya adalah berdasarkan sudut
dataran

sudut maksimum ialah 1800 = 3.1415 radian.

sudut maksimum adalah 900 = 1.5708 radian

Warna terakhir tercalit ke arah kutub selatan.

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

Selepas warna terakhir, hemisfera selebihnya
adalah transparen.

19

Contoh latar belakang
Background {
skyColor [
0.0 0.2 0.7
0.0 0.5 1.0
1.0 1.0 1.0
]
skyAngle [ 1.309, 1.571]
groundColor [
0.1 0.10 0.0,
0.4 0.25 0.2,
0.6 0.60 0.6,
]
groundAngle [ 1.309, 1.571]
© Dr. Shahrul Azman Mohd Noah
}
TH3813 11 VRML 9
samn@ftsm.ukm.my

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

20

Contoh latar belakang

[back.wrl]
21

Sintaks: Background

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

22

Contoh latar belakang

Nod Backround deskripsikan imej latar belakang
frontUrl, dll - URL bagi imej tekstur
Background {
. . .
frontUrl
backUrl
leftUrl
rightUrl
topUrl
bottomUrl
}
TH3813 11 VRML 9

“mountns.png”
“mountns.png”
“mountns.png”
“mountns.png”
“clouds.png”
“ground.png”
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

a) Bahagian warna tekstur
gunung

23

TH3813 11 VRML 9

a) Bahagian transparen tekstur
gunung

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

24

4
Contoh latar belakang
Background {
skyColor [
0.0 0.2 0.7
0.0 0.5 1.0
1.0 1.0 1.0
]
skyAngle [ 1.309, 1.571]
groundColor [
0.1 0.10 0.0,
0.4 0.25 0.2,
0.6 0.60 0.6,
]
groundAngle [ 1.309, 1.571]

Contoh latar belakang

frontUrl
backUrl
leftUrl
rightUrl

“mountns.png”
“mountns.png”
“mountns.png”
“mountns.png”

}

[back2.wrl]

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

TH3813 11 VRML 9

25

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

26

Pengenalan
Untuk tingkatkan realisme:
gunakan kabut untuk hasilkan dunia bekabut/kabur
gunakan kabut untuk hasilkan bilik/penjara yang
gelap
gunakan fog untuk setkan mood

Kabut (fog)
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

TH3813 11 VRML 9

27

Contoh

Lebih jauh/kedalam pemerhati boleh lihat, lebih
terperinci perlu kita model & lukis.
Untuk singkatkan masa pembangunan dan
pelukisan, hadkan penglihatan pengguna dengan
© Dr.
menggunakan kabut.Shahrul Azman Mohd Noah
TH3813 11 VRML 9
28
samn@ftsm.ukm.my

Kawalan kebolehlihatan
Jenis kabut (fog type) tentukan jenis pengurangan
kebolehlihatan sama ada linear atau eksponen
melalui jarak
Linear lebih mudah dikawal
Eksponen lebih realistik dan “tebal”

[fog2.wrl]
TH3813 11 VRML 9

Julat kebolehlihatan (visibility range) tentukan
jarak di mana kabut telah mencapai ketebalan
maksimum

[fog4.wrl]
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

29

Kabut adalah “clear” pada pemerhati, dan secara
beransur kurangkanShahrul Azman Mohd Noah
© Dr. kebolehlihatan

TH3813 11 VRML 9

samn@ftsm.ukm.my

30

5
Pemilihan warna kabut

Sintaks: Fog

Kabut mempunyai warna

Nod Fog hasilkan kabut berwarna

Biasanya putih, tetapi hitam, merah
berkemungkinan.

color - warna kabut
fogType - LINEAR atau EXPONENTIAL
visibilityRange - had kebolehlihatan maksimum

Bentuk semakin terpudar terhadap warna kabut
berdasarkan jarak.
Latar belakang tidak terjejas

Fog {
color 1.0 1.0 1.0
fogType “LINEAR”
visibilityRange 10.0

Untuk kesan terbaik, hasilkan warna latar belakang
sama dengan warna kabut.
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

31

Contoh kabut

[fog3.wrl]

32

Kabut linear,
julat
kebolehlihatan
30.0

[fog2.wrl]
Kabut
eksponen, julat
kebolehlihatan
30.0

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

Contoh kabut (Linear)

Tanpa kabut

[fog1.wrl]

}

TH3813 11 VRML 9

visibilityRange = 0.0

visibilityRange = 40.0

Kabut linear,
julat dengan
latar belakang

[fog4.wrl]

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

visibilityRange = 30.0
33

TH3813 11 VRML 9

visibilityRange = 20.0

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

34

Pengenalan
Bunyi boleh dicetuskan oleh tindakan pengguna
Bunyi boleh berterusan pada latar belakang
bunyi angin, muzik dalam lif

Penggunaan bunyi
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

Bunyi terpancar daripada lokasi, pada satu arah,
dalam satu kawasan.

35

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

36

6
Penghasilan bunyi

Sintaks: AudioClip

Bunyi terdiri daripada 2 komponen:

Nod AudioClip ciptakan sumber bunyi digital

sumber bunyi - berikan isyarat bunyi (sound signal)
komponen stereo

Pemancar bunyi yang terjemahkan isyarat bunyi
kepada bunyi maya
pembesar suara stereo

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

url - URL bagi fail bunyi
pitch - kelajuan main-semula
kawalan main-semula, sama seperti nod
TimeSensor
Sound {

37

TH3813 11 VRML 9

source AudioClip {
url “myfile.wav”
pitch 1.0
startTime 0.0
stopTime 0.0
loop FALSE
© Dr. Shahrul Azman Mohd Noah
}
samn@ftsm.ukm.my

38

}

Sintaks: MovieTexture

Pemilihan jenis sumber bunyi

Nod MovieTexture ciptakan sumber bunyi movie

Nod AudioClip menyokong:

url - URL bagi fail tekstur movie
speed - kelajuan main-semula
kawalan main-semula, seperti nod TimeSensor
Sound {
source MovieTexture {
url “movie.mpg”
speed 1.0
startTime 0.0
stopTime 0.0
loop FALSE
}
© Dr. Shahrul Azman Mohd Noah
}
TH3813 11 VRML 9
samn@ftsm.ukm.my

WAV - fail bunyi digital
sesuai untuk kesan bunyian

MIDI - fail muzik MIDI yang lazim
sesuai untuk muzik latar belakang

Nod MovieTexture menyokong:
MPEG - fail movie dengan bunyi
sesuai untuk TV maya
39

Sintaks: Sound

40

Nod Sound deskripsikan pemancar bunyi.

source - nod AudioClip atau MovieTexture
location dan direction - penempatan pemancar
Sound {
source AudioClup { . . . }
location 0.0 0.0 0.0
direction 0.0 0.0 1.0
}
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

Sintaks: Sound

Nod Sound deskripsikan pemancar bunyi

TH3813 11 VRML 9

TH3813 11 VRML 9

41

intensity - volume
spatialize - guna pemprosesan spatial
priority - memberi keutamaan bunyi
Sound {
. . .
intensity 1.0
spatialize TRUE
priority 0.0
© Dr. Shahrul Azman Mohd Noah
TH3813 11 VRML 9
samn@ftsm.ukm.my
}

42

7
Sintaks: Sound

Penentuan julat bunyi

Nod Sound deskripsikan pemancar bunyi.
minFront, minBack - elipsoid dalaman
maxFront, maxBack - elipsoid luaran
Sound {
. . .
minFront
1.0
minBack
1.0
maxFront 10.0
maxBack 10.0
© Dr. Shahrul Azman Mohd Noah
TH3813 11 VRML 9
samn@ftsm.ukm.my
}

Medan julat bunyi spesifikasikan 2 elipsoid
minFront dan minBack kawal elipsoid dalaman
maxFront dan maxBack kawal elipsoid luaran

Bunyi mempunyai volume yang seragam di dalam
elipsoid dalaman
Bunyi turun kepada volume sifar daripada elipsoid
dalaman ke elipsoid luaran

43

Group {
children [
Shape {

Nod AudioClip:

appearance Appearance {
material Material {diffuseColor 1.0 1.0 1.0 }
}
geometry Box ( size 0.23 0.1 1.5 }

loop FALSE
Tentukan startTime daripada nod pengesan

}
DEF C4 TouchSensor { }
Sound {
source DEF PtchC4 AudioClip {
url “tone1.wav”
pitch 1.0
}
maxFront 100.0
maxBack 100.0
}

Nod Sound:
spatialize TRUE
minFront dll dengan nilai kecil
priority 1.0

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

44

Contoh penggunaan bunyi yang
dicetuskan

Penghasilan bunyi yang
dicetuskan

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

TH3813 11 VRML 9

45

Contoh penggunaan bunyi yang
dicetuskan

]
}
© Dr. Shahrul
ROUTE C4.touchTime TO PitchC4.set_startTime Azman Mohd Noah
TH3813 11 VRML 9
samn@ftsm.ukm.my

46

Penghasilan bunyi berterusan
setempat
Nod AudioClip:
loop TRUE
startTime 0.0 (default)
stopTime 0.0 (default)

Nod Sound:
spatialize TRUE (default)
minFront dll dengan nilai pertengahan (medium)
priority 0.0 (default)

[kbd.wrl]
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

47

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

48

8
Contoh penggunaan bunyi
berterusan setempat
Transform {
translation 0.0 -1.65 0.0
children [
Inline { url “sndmark.wrl” }
]

Sound {
source AudioClip {
url “willow1.wav”
loop TRUE
startTime 1.0
stopTime 0.0
}
minFront 5.0
minBack 5.0
maxFront 10.0
maxBack 10.0
}
TH3813 11 VRML 9

Contoh penggunaan bunyi
berterusan setempat

[ambient.wrl]
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

49

Penghasilan bunyi latar belakang
berterusan

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

50

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

52

Contoh lain
[sound.wrl]

Nod AudioClip:
loop TRUE
startTime 0.0 (default)
stopTime 0.0 (default)

[earth.wrl]
[virtualtv.wrl]

Nod Sound:
spatialize FALSE (default)
minfront dll dengan nilai yang tinggi
priority 0.0 (default)
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

51

TH3813 11 VRML 9

Pengenalan

Kawalan titik pandangan
(viewpoint)
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

53

Secara default, pemerhati memasukai dunia
maya pada ko-ordinat (0.0, 0.0, 10.0)
Boleh hasilkan viewpoint tersendiri:
Pilih kedudukan titik masuk
Pilih pandangan yang menjadi minat pemerhati
Namakan view tersebut untuk menu browser

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

54

9
Penghasilan viewpoint

Sintaks: Viewpoint

Viewpoint spesifikasikan lokasi yang diperlukan,
orientasi dan medan sudut pandangan kamera
Viewpoint boleh ditransformasikan menggunakan
nod Transform
Viewpoint pertama dalam fail merupakan titik
masuk

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

55

Contoh penggunaan berbilang
viewpoint

Nod Viewpoint spesifikasikan nama lokasi untuk
pemerhatian
position dan orientation - lokasi pemerhatian
fieldOfView - sudut lensa kamera
description - deskripsi menu viewpoint
Viewpoint {
position
0.0 0.0 10.0
orientation
0.0 0.0 1.0 0.0
fieldOfView
0.785
description “Entry View”
}
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

56

Contoh-contoh lain
[house.wrl]
[melnikov.wrl]

[windmill.wrl]
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

57

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

58

Pengenalan
Dunia maya yang berbeza memerlukan kaedah
navigasi yang berbeza:
berjalan di dalam sebuah bilik
terbang ke awan
memeriksa bentuk dalam aplikasi CAD

Kawalan navigasi

Boleh pilih jenis navigasi
Boleh deskripsikan saiz dan kelajuan avatar bagi
pemerhati
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

59

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

60

10
Pemilihan jenis navigasi

Penentuan avatar

Terdapat 5 kaedah navigasi piawai:
WALK - berjalan, di tarik oleh graviti
FLY - terbang, tidak dipengaruhi oleh graviti
EXAMINE - memeriksa objek pada jarak dekat
NONE - tiada navigasi, pergerakan dikawal oleh
dunia dan bukan pemerhati
ANY - benarkan pemerhati menukar jenis navigasi

Sesetengah brower menyokong jenis navigasi
tambahan
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

61

Kawalan headlight

majoriti browser berikan menu untuk mengawal
headlight
boleh juga kawal headlight dengan menggunakan
nod NavigationInfo

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

62

Sintaks: NavigationInfo

Headlight diletakkan di kepala dan ditujukan pada
arah kepala
Boleh on/off kan headlight

TH3813 11 VRML 9

Saiz avatar (lebar, ketinggian, ketinggian langkah)
dan kelajuan boleh ditentukan

63

Nod NavigationInfo pilih jenis navigasi dan ciri-ciri
avatar:
type - gaya navigasi
avatarSize dan speed - ciri-ciri avatar
headlight - on/off
NavigationInfo {
type [“WALK”, “ANY”]
avatarSize [ 0.25, 1.6, 0.75 ]
speed
1.0
headlight
TRUE
© Dr. Shahrul Azman Mohd Noah
}
TH3813 11 VRML 9
samn@ftsm.ukm.my

64

Contoh
NavigationInfo {
type [“WALK”]
avatarSize [ 0.25, 1.6, 0.75 ]
speed

1.0

headlight TRUE
}

Mengesani pemerhati
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

65

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

66

11
Pengenalan

Mengesani pemerhati

Mengesani pemerhati membolehkan pencetusan
animasi

Terdapat 3 jenis pengesan pemerhati:
Nod VisibilitySensor - mengesan jika pemerhati
berada dalam kawasan boleh lihat
Nod ProximitySensor - mengesan jika pemerhati
telah berada dalam satu kawasan
Nod Collision mengesan jika pemerhati telah
bertembung dengan bentuk

bila kawasan boleh dilihat oleh pemerhati
bila pemerhati berada dalam kawasan
bila pemerhati bertembung dengan bentuk

Nod LOD dan Billboard adalah pengesan
pemerhati khusus dengan sistem tindak balas
terbina
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

67

Penggunaan pengesan visibility
dan proximity

68

Nod VisibilitySensor mengesan jika satu kawasan yang
berbentuk kotak “boleh lihat”oleh pemerhati
center dan size - saiz dan lokasi kawasan
enterTime dan exitTime - hantarkan masa kepada entry/exit
isActive - hantarkan true/false kepada entry/exit

center - kawasan tengah
size - dimensi kawasan

Kedua-dua nod mempunyai output yang sama:

DEF VisSense VisibilitySensor {
center
0.0 0.0 0.0
size 14.0 14.0 14.0
}
ROUTE VisSense.enterTime TO Clock.set_startTime

enterTime
exitTime
isActive
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

Sintaks: VisibilitySensor

Nod VisibilitySensor dan ProximitySensor
mengesan kawasan berbentuk kotak

TH3813 11 VRML 9

TH3813 11 VRML 9

69

Contoh: VisibilitySensor

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

70

Sintaks: ProximitySensor
Nod ProximitySensor mengesan jika pemerhati
masuk atau keluar daripada kawasan
center dan size - lokasi dan saiz kawasan
enterTime dan exitTime - hantarkan masa pada
entry/exit
isActive - hantarkan true/false pada entry/exit
DEF ProxSense ProximitySensor {
center 0.0 0.0 0.0
size 14.0 14.0 14.0
}
ROUTE ProxSense.enterTime TO Clock.set_startTime

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

71

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

72

12
Sintaks: ProximitySensor

Contoh: ProximitySensor

Nod ProximitySensor mengesan pemerhati
apabila berada dalam kawasan
position dan orientation - hantarkan kedudukan
dan orientasi pada ketika pemerhati berada dalam
kawasan
DEF ProxSense ProximitySensor { . . . }
ROUTE ProxSense.position_changed TO
PetRobotFollower.set_translation

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

73

Mengesan pertembungan
pemerhati-bentuk

74

Penyemakan pertembungan agak rumit, oleh itu
semak pertembungan dengan bentuk proksi

mengesan jika pemerhati bertembung dengan
sebarang bentuk dalam kumpulan
secara automatik berhentikan pemerhati daripada
berjalan menembusi bentuk

bentuk proksi adalah versi termudah bentuk
sebenar
bentuk proksi tidak pernah dilukis

Kumpulan pertembungan dengan bentuk proksi,
tetapi tanpa children, hasilkan bentuk tertembung
tanpa boleh dilihat

Pertembungan berlaku apabila avatar pemerhati
berhampiran dengan bentuk
© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

Penghasilan kumpulan
pertembungan

Nod pengumpulan Collision mengesan bentuk
dalam kumpulan

TH3813 11 VRML 9

TH3813 11 VRML 9

75

tingkap dll
had dunia tanpa © Dr. Shahrul Azman Mohd Noah
boleh dilihat

TH3813 11 VRML 9

samn@ftsm.ukm.my

76

Contoh penggunaan sensor proksi
dan kumpulan pertembungan

Sintaks: Collision
Nod pengumpulan Collision mengesan jika
pemerhati bertembung dengan kumpulan bentuk
collide - enable/disable pengesan
proxy - mengesan bentuk mudah
children - nod children untuk dikesan
collideTime - hantarkan masa pada pertembungan
DEF Collide Collision {
collide TRUE
proxy Shape {geometry Box { . . . } }
children [ . . . ]
}
© Dr. Shahrul Azman Mohd Noah
TH3813 11 VRML 9
samn@ftsm.ukm.my
ROUTE Collide.collideTime TO OuchSound.set_startTime

[prox2.wrl]
77

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

78

13
Pengoptimuman pengesanan
pertembungan

Contoh: Collision

Collision adalah on (default)
offkan seboleh mungkin

Wapaubagaimanapun, jika nod bapa offkan
pertembungan, nod anak tidak boleh onkan
semula
Pertembungan berlaku apabila pemerhati
bertembung dengan bentuk, tetapi bukan
daripada bentuk yang bertembung dengan
pemerhati
TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

79

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

80

Penggunaan pengesan berbilang
http://www.ftsm.ukm.my/jabatan/tp/samn/TH3813.htm

Seberapa bilangan pengesan boleh mengsan
pada masa yang sama
boleh mempunyai pelbagai keolehlihatan,
proksimiti, dan pengesan pertembungan
kawasan pengesan boleh bertindih
sensor berbilang boleh dicetuskan

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

http://www.ftsm.ukm.my/jabatan/tp/samn/personal.htm

81

TH3813 11 VRML 9

© Dr. Shahrul Azman Mohd Noah
samn@ftsm.ukm.my

82

14

More Related Content

Viewers also liked

Viewers also liked (17)

Perawatan tanaman
Perawatan tanamanPerawatan tanaman
Perawatan tanaman
 
Ppt bunga
Ppt bungaPpt bunga
Ppt bunga
 
Surat Penawaran harga
Surat Penawaran hargaSurat Penawaran harga
Surat Penawaran harga
 
Proposal ras nursery & gardening jakarta
Proposal ras nursery & gardening jakartaProposal ras nursery & gardening jakarta
Proposal ras nursery & gardening jakarta
 
Surat penawaran kolam
Surat penawaran kolamSurat penawaran kolam
Surat penawaran kolam
 
Dalil dalil hadis dan al-quran tentang dakwah dalam pendidikan
Dalil dalil hadis dan al-quran tentang dakwah dalam pendidikanDalil dalil hadis dan al-quran tentang dakwah dalam pendidikan
Dalil dalil hadis dan al-quran tentang dakwah dalam pendidikan
 
Grand Desain HTR I-GIST
Grand Desain HTR I-GISTGrand Desain HTR I-GIST
Grand Desain HTR I-GIST
 
Proposal penawaran produk
Proposal penawaran produkProposal penawaran produk
Proposal penawaran produk
 
Contoh proposal penawaran kerjasama
Contoh proposal penawaran kerjasamaContoh proposal penawaran kerjasama
Contoh proposal penawaran kerjasama
 
Penawaran harga barang dan jasa
Penawaran harga barang dan jasaPenawaran harga barang dan jasa
Penawaran harga barang dan jasa
 
Surat penawaran jro
Surat penawaran jroSurat penawaran jro
Surat penawaran jro
 
Proposal penawaran jasa advertising
Proposal penawaran  jasa advertisingProposal penawaran  jasa advertising
Proposal penawaran jasa advertising
 
Contoh surat penawaran harga (sph)
Contoh surat penawaran harga (sph)Contoh surat penawaran harga (sph)
Contoh surat penawaran harga (sph)
 
Contoh Draft Surat penawaran
Contoh Draft Surat penawaranContoh Draft Surat penawaran
Contoh Draft Surat penawaran
 
Contoh proposal penawaran original
Contoh proposal penawaran originalContoh proposal penawaran original
Contoh proposal penawaran original
 
Proposal penawaran
Proposal penawaranProposal penawaran
Proposal penawaran
 
Proposal Penawaran Kerjasama
Proposal Penawaran KerjasamaProposal Penawaran Kerjasama
Proposal Penawaran Kerjasama
 

More from Masyarah Zulhaida

Th3813 12 kawalan perincian & skrip
Th3813 12 kawalan perincian & skripTh3813 12 kawalan perincian & skrip
Th3813 12 kawalan perincian & skripMasyarah Zulhaida
 
Th3813 09 kawalan warna geometri
Th3813 09 kawalan warna   geometriTh3813 09 kawalan warna   geometri
Th3813 09 kawalan warna geometriMasyarah Zulhaida
 
Th3813 04 membina objek maya
Th3813 04 membina objek mayaTh3813 04 membina objek maya
Th3813 04 membina objek mayaMasyarah Zulhaida
 
Th3813 02 sistem ko ordinat & transformasi
Th3813 02 sistem ko ordinat & transformasiTh3813 02 sistem ko ordinat & transformasi
Th3813 02 sistem ko ordinat & transformasiMasyarah Zulhaida
 
Th3813 08 geometri (grid & extrusion)
Th3813 08 geometri (grid & extrusion)Th3813 08 geometri (grid & extrusion)
Th3813 08 geometri (grid & extrusion)Masyarah Zulhaida
 

More from Masyarah Zulhaida (11)

Th3813 12 kawalan perincian & skrip
Th3813 12 kawalan perincian & skripTh3813 12 kawalan perincian & skrip
Th3813 12 kawalan perincian & skrip
 
Th3813 10 pemetaan tekstur
Th3813 10 pemetaan teksturTh3813 10 pemetaan tekstur
Th3813 10 pemetaan tekstur
 
Th3813 09 kawalan warna geometri
Th3813 09 kawalan warna   geometriTh3813 09 kawalan warna   geometri
Th3813 09 kawalan warna geometri
 
Th3813 07 sensor & geometri
Th3813 07 sensor & geometriTh3813 07 sensor & geometri
Th3813 07 sensor & geometri
 
Th3813 06 animasi
Th3813 06 animasiTh3813 06 animasi
Th3813 06 animasi
 
Th3813 05 bentuk & geometri
Th3813 05 bentuk & geometriTh3813 05 bentuk & geometri
Th3813 05 bentuk & geometri
 
Th3813 04 membina objek maya
Th3813 04 membina objek mayaTh3813 04 membina objek maya
Th3813 04 membina objek maya
 
Th3813 03 pengenalan vrml
Th3813 03 pengenalan vrmlTh3813 03 pengenalan vrml
Th3813 03 pengenalan vrml
 
Th3813 02 sistem ko ordinat & transformasi
Th3813 02 sistem ko ordinat & transformasiTh3813 02 sistem ko ordinat & transformasi
Th3813 02 sistem ko ordinat & transformasi
 
Th3813 08 geometri (grid & extrusion)
Th3813 08 geometri (grid & extrusion)Th3813 08 geometri (grid & extrusion)
Th3813 08 geometri (grid & extrusion)
 
Realiti Maya: Pengenalan
Realiti Maya: PengenalanRealiti Maya: Pengenalan
Realiti Maya: Pengenalan
 

Th3813 11 cahaya & persekitaran

  • 1. TH3813 Realiti Maya Cahaya dan Persekitaran Kesan cahaya dalam dunia maya TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 1 Latarbelakang TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 2 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 4 Contoh Secara default, pemercahati memepunyai satu cahaya dalam pandangan, terletak di kepela. Untuk kesan lebih nyata, boleh tambahkan pelbagai kesan cahaya: matahari, mentol, lilin flashlight, spotlight, firelight Cahaya boleh diposisikan, putar dan diwarnakan. Cahaya tidak hasilkan bayang-bayang. TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 3 Penggunaan jenis cahaya Penggunaan fitur lazim cahaya Terdapat tiga jenis cahaya dalam VRML Point lights - sinarkan cahaya pada kesemua arah daripada satu punca (titik) Directional lights - menuju kepada satu arah daripada kedudukan yang jauh Spot lights - menuju dalam satu arah daripada satu titik, sinaran dalam kon. TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my TH3813 11 VRML 9 5 Setiap jenis cahaya mempunyai beberapa medan yang sama: on - on atau off kan cahaya intensity - kawalan kecerahan cahaya ambientIntensity - kawalan kesan ambien color - pilih warna TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 6 1
  • 2. Penggunaan fitur lazim cahaya Sintaks: PointLight Point light dan spot light juga mempunyai medan: Nod PointLight menggemerlap dalam jejari tertentu daripada satu titik/punca. location - kedudukan sumber cahaya radius - jarak pencahayaan maksimum attenuation - pengecilan/atenuasi dengan jarak Directional ligtht dan spot light juga mempunyai: direction - arah tujuan [pntlite.wrl] TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 7 Sintaks: DirectionalLight 8 Nod SpotLight menggemerlap daripada satu punca/titik, dalam satu arah, di dalam kon DirectionalLight { direction 1.0 0.0 0.0 intensity 1.0 color 1.0 1.0 1.0 } [dirlite.wrl] © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my Sintaks: SpotLight Nod DirectionalLight menggemerlap pada satu arah daripada satu kedudukan yang jauh TH3813 11 VRML 9 TH3813 11 VRML 9 PointLight { location 0.0 0.0 0.0 intensity 1.0 color 1.0 1.0 1.0 } [sptlite.wrl] © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 9 Sintaks: SpotLight TH3813 11 VRML 9 Spot { location 0.0 0.0 0.0 direction 1.0 0.0 0.0 intensity 1.0 color 1.0 1.0 1.0 cutOffAngle 0.785 } © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 10 Contoh Lebar maksimum untuk kon spot light dikawal oleh medan cutOffAngle. Bahagi dalam kon dengan kecerahan seragam di kawal oleh medan beamWidth. SpotLight { . . . cutOffAngle 0.785 beamWidth 0.52 } TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my [temple.wrl] 11 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 12 2
  • 3. Contoh-contoh lain Latar belakang (Background) [simulasi-matahari.wrl] TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 13 Bentuk berikan bahagian hadapan (terhampir) dalam pandangan maya anda. Boleh hasilkan latar belakang (background). Latar belakang deskripsikan: 14 Latar belakang hasilkan 3 bentuk khusus: sfera langit (sky sphere) hemisfera dataran (ground hemishere) dalam sfera langit kotak panorama (panorama box) dalam hemisfera dataran warna langit dan dasar imej panorama gunung, bandar dll Latar belakang adalah lebih cepat dilukis berbanding jika gunakan bentuk. © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 15 Penggunaan komponen latar belakang © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my Hemisfera langit dan dataran dilorekkan dengan satu kecerunan warna. Kotak panorama dipetakan secara bertekstur © Dr. Shahrul Azman Mohd Noah dengan TH3813 11 VRML 9 6 imej. samn@ftsm.ukm.my 16 Sintaks: Background Bahagian transparen hemisfera dataran serlahkan sfera langit. Bahagian transparen kotak panorama serlahkan dataran dan langit. Pemerhati boleh melihat, atas, bawah, dan kanan-kiri untuk melihat bahagian berbeza latar belakang. Pemerhati walaubagaimanapun tak boleh hampiri latar belakang. TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my Penggunaan komponen latar belakang Pengenalan TH3813 11 VRML 9 TH3813 11 VRML 9 17 Nod Background deskripsikan warna latar belakang. skyColor dan skyAngle - kecerunan langit groundColor dan groundAngle - kecerunan dataran Background { skyColor skyAngle groundColor groundAngle } TH3813 11 VRML 9 [ 0.1 0.1 0.0, . . . ] [ 1.309, 1.571 ] [ 0.0, 1.571 ] [ 1.309, 1.571] © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 18 3
  • 4. Penggunaan sudut dataran dan warna Penggunaan sudut langit & warna Warna pertama langit terletak pada kutub utara. Warna langit selebihnya adalah berdasarkan sudut langit yang diberikan: Warna pertama dataran terletak pada kutub utara. Warna selebihnya adalah berdasarkan sudut dataran sudut maksimum ialah 1800 = 3.1415 radian. sudut maksimum adalah 900 = 1.5708 radian Warna terakhir tercalit ke arah kutub selatan. TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my Selepas warna terakhir, hemisfera selebihnya adalah transparen. 19 Contoh latar belakang Background { skyColor [ 0.0 0.2 0.7 0.0 0.5 1.0 1.0 1.0 1.0 ] skyAngle [ 1.309, 1.571] groundColor [ 0.1 0.10 0.0, 0.4 0.25 0.2, 0.6 0.60 0.6, ] groundAngle [ 1.309, 1.571] © Dr. Shahrul Azman Mohd Noah } TH3813 11 VRML 9 samn@ftsm.ukm.my TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 20 Contoh latar belakang [back.wrl] 21 Sintaks: Background TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 22 Contoh latar belakang Nod Backround deskripsikan imej latar belakang frontUrl, dll - URL bagi imej tekstur Background { . . . frontUrl backUrl leftUrl rightUrl topUrl bottomUrl } TH3813 11 VRML 9 “mountns.png” “mountns.png” “mountns.png” “mountns.png” “clouds.png” “ground.png” © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my a) Bahagian warna tekstur gunung 23 TH3813 11 VRML 9 a) Bahagian transparen tekstur gunung © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 24 4
  • 5. Contoh latar belakang Background { skyColor [ 0.0 0.2 0.7 0.0 0.5 1.0 1.0 1.0 1.0 ] skyAngle [ 1.309, 1.571] groundColor [ 0.1 0.10 0.0, 0.4 0.25 0.2, 0.6 0.60 0.6, ] groundAngle [ 1.309, 1.571] Contoh latar belakang frontUrl backUrl leftUrl rightUrl “mountns.png” “mountns.png” “mountns.png” “mountns.png” } [back2.wrl] © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my TH3813 11 VRML 9 25 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 26 Pengenalan Untuk tingkatkan realisme: gunakan kabut untuk hasilkan dunia bekabut/kabur gunakan kabut untuk hasilkan bilik/penjara yang gelap gunakan fog untuk setkan mood Kabut (fog) © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my TH3813 11 VRML 9 27 Contoh Lebih jauh/kedalam pemerhati boleh lihat, lebih terperinci perlu kita model & lukis. Untuk singkatkan masa pembangunan dan pelukisan, hadkan penglihatan pengguna dengan © Dr. menggunakan kabut.Shahrul Azman Mohd Noah TH3813 11 VRML 9 28 samn@ftsm.ukm.my Kawalan kebolehlihatan Jenis kabut (fog type) tentukan jenis pengurangan kebolehlihatan sama ada linear atau eksponen melalui jarak Linear lebih mudah dikawal Eksponen lebih realistik dan “tebal” [fog2.wrl] TH3813 11 VRML 9 Julat kebolehlihatan (visibility range) tentukan jarak di mana kabut telah mencapai ketebalan maksimum [fog4.wrl] © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 29 Kabut adalah “clear” pada pemerhati, dan secara beransur kurangkanShahrul Azman Mohd Noah © Dr. kebolehlihatan TH3813 11 VRML 9 samn@ftsm.ukm.my 30 5
  • 6. Pemilihan warna kabut Sintaks: Fog Kabut mempunyai warna Nod Fog hasilkan kabut berwarna Biasanya putih, tetapi hitam, merah berkemungkinan. color - warna kabut fogType - LINEAR atau EXPONENTIAL visibilityRange - had kebolehlihatan maksimum Bentuk semakin terpudar terhadap warna kabut berdasarkan jarak. Latar belakang tidak terjejas Fog { color 1.0 1.0 1.0 fogType “LINEAR” visibilityRange 10.0 Untuk kesan terbaik, hasilkan warna latar belakang sama dengan warna kabut. TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 31 Contoh kabut [fog3.wrl] 32 Kabut linear, julat kebolehlihatan 30.0 [fog2.wrl] Kabut eksponen, julat kebolehlihatan 30.0 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my Contoh kabut (Linear) Tanpa kabut [fog1.wrl] } TH3813 11 VRML 9 visibilityRange = 0.0 visibilityRange = 40.0 Kabut linear, julat dengan latar belakang [fog4.wrl] © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my visibilityRange = 30.0 33 TH3813 11 VRML 9 visibilityRange = 20.0 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 34 Pengenalan Bunyi boleh dicetuskan oleh tindakan pengguna Bunyi boleh berterusan pada latar belakang bunyi angin, muzik dalam lif Penggunaan bunyi TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my Bunyi terpancar daripada lokasi, pada satu arah, dalam satu kawasan. 35 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 36 6
  • 7. Penghasilan bunyi Sintaks: AudioClip Bunyi terdiri daripada 2 komponen: Nod AudioClip ciptakan sumber bunyi digital sumber bunyi - berikan isyarat bunyi (sound signal) komponen stereo Pemancar bunyi yang terjemahkan isyarat bunyi kepada bunyi maya pembesar suara stereo TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my url - URL bagi fail bunyi pitch - kelajuan main-semula kawalan main-semula, sama seperti nod TimeSensor Sound { 37 TH3813 11 VRML 9 source AudioClip { url “myfile.wav” pitch 1.0 startTime 0.0 stopTime 0.0 loop FALSE © Dr. Shahrul Azman Mohd Noah } samn@ftsm.ukm.my 38 } Sintaks: MovieTexture Pemilihan jenis sumber bunyi Nod MovieTexture ciptakan sumber bunyi movie Nod AudioClip menyokong: url - URL bagi fail tekstur movie speed - kelajuan main-semula kawalan main-semula, seperti nod TimeSensor Sound { source MovieTexture { url “movie.mpg” speed 1.0 startTime 0.0 stopTime 0.0 loop FALSE } © Dr. Shahrul Azman Mohd Noah } TH3813 11 VRML 9 samn@ftsm.ukm.my WAV - fail bunyi digital sesuai untuk kesan bunyian MIDI - fail muzik MIDI yang lazim sesuai untuk muzik latar belakang Nod MovieTexture menyokong: MPEG - fail movie dengan bunyi sesuai untuk TV maya 39 Sintaks: Sound 40 Nod Sound deskripsikan pemancar bunyi. source - nod AudioClip atau MovieTexture location dan direction - penempatan pemancar Sound { source AudioClup { . . . } location 0.0 0.0 0.0 direction 0.0 0.0 1.0 } © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my Sintaks: Sound Nod Sound deskripsikan pemancar bunyi TH3813 11 VRML 9 TH3813 11 VRML 9 41 intensity - volume spatialize - guna pemprosesan spatial priority - memberi keutamaan bunyi Sound { . . . intensity 1.0 spatialize TRUE priority 0.0 © Dr. Shahrul Azman Mohd Noah TH3813 11 VRML 9 samn@ftsm.ukm.my } 42 7
  • 8. Sintaks: Sound Penentuan julat bunyi Nod Sound deskripsikan pemancar bunyi. minFront, minBack - elipsoid dalaman maxFront, maxBack - elipsoid luaran Sound { . . . minFront 1.0 minBack 1.0 maxFront 10.0 maxBack 10.0 © Dr. Shahrul Azman Mohd Noah TH3813 11 VRML 9 samn@ftsm.ukm.my } Medan julat bunyi spesifikasikan 2 elipsoid minFront dan minBack kawal elipsoid dalaman maxFront dan maxBack kawal elipsoid luaran Bunyi mempunyai volume yang seragam di dalam elipsoid dalaman Bunyi turun kepada volume sifar daripada elipsoid dalaman ke elipsoid luaran 43 Group { children [ Shape { Nod AudioClip: appearance Appearance { material Material {diffuseColor 1.0 1.0 1.0 } } geometry Box ( size 0.23 0.1 1.5 } loop FALSE Tentukan startTime daripada nod pengesan } DEF C4 TouchSensor { } Sound { source DEF PtchC4 AudioClip { url “tone1.wav” pitch 1.0 } maxFront 100.0 maxBack 100.0 } Nod Sound: spatialize TRUE minFront dll dengan nilai kecil priority 1.0 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 44 Contoh penggunaan bunyi yang dicetuskan Penghasilan bunyi yang dicetuskan TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my TH3813 11 VRML 9 45 Contoh penggunaan bunyi yang dicetuskan ] } © Dr. Shahrul ROUTE C4.touchTime TO PitchC4.set_startTime Azman Mohd Noah TH3813 11 VRML 9 samn@ftsm.ukm.my 46 Penghasilan bunyi berterusan setempat Nod AudioClip: loop TRUE startTime 0.0 (default) stopTime 0.0 (default) Nod Sound: spatialize TRUE (default) minFront dll dengan nilai pertengahan (medium) priority 0.0 (default) [kbd.wrl] TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 47 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 48 8
  • 9. Contoh penggunaan bunyi berterusan setempat Transform { translation 0.0 -1.65 0.0 children [ Inline { url “sndmark.wrl” } ] Sound { source AudioClip { url “willow1.wav” loop TRUE startTime 1.0 stopTime 0.0 } minFront 5.0 minBack 5.0 maxFront 10.0 maxBack 10.0 } TH3813 11 VRML 9 Contoh penggunaan bunyi berterusan setempat [ambient.wrl] © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 49 Penghasilan bunyi latar belakang berterusan TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 50 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 52 Contoh lain [sound.wrl] Nod AudioClip: loop TRUE startTime 0.0 (default) stopTime 0.0 (default) [earth.wrl] [virtualtv.wrl] Nod Sound: spatialize FALSE (default) minfront dll dengan nilai yang tinggi priority 0.0 (default) TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 51 TH3813 11 VRML 9 Pengenalan Kawalan titik pandangan (viewpoint) TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 53 Secara default, pemerhati memasukai dunia maya pada ko-ordinat (0.0, 0.0, 10.0) Boleh hasilkan viewpoint tersendiri: Pilih kedudukan titik masuk Pilih pandangan yang menjadi minat pemerhati Namakan view tersebut untuk menu browser TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 54 9
  • 10. Penghasilan viewpoint Sintaks: Viewpoint Viewpoint spesifikasikan lokasi yang diperlukan, orientasi dan medan sudut pandangan kamera Viewpoint boleh ditransformasikan menggunakan nod Transform Viewpoint pertama dalam fail merupakan titik masuk TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 55 Contoh penggunaan berbilang viewpoint Nod Viewpoint spesifikasikan nama lokasi untuk pemerhatian position dan orientation - lokasi pemerhatian fieldOfView - sudut lensa kamera description - deskripsi menu viewpoint Viewpoint { position 0.0 0.0 10.0 orientation 0.0 0.0 1.0 0.0 fieldOfView 0.785 description “Entry View” } TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 56 Contoh-contoh lain [house.wrl] [melnikov.wrl] [windmill.wrl] TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 57 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 58 Pengenalan Dunia maya yang berbeza memerlukan kaedah navigasi yang berbeza: berjalan di dalam sebuah bilik terbang ke awan memeriksa bentuk dalam aplikasi CAD Kawalan navigasi Boleh pilih jenis navigasi Boleh deskripsikan saiz dan kelajuan avatar bagi pemerhati TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 59 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 60 10
  • 11. Pemilihan jenis navigasi Penentuan avatar Terdapat 5 kaedah navigasi piawai: WALK - berjalan, di tarik oleh graviti FLY - terbang, tidak dipengaruhi oleh graviti EXAMINE - memeriksa objek pada jarak dekat NONE - tiada navigasi, pergerakan dikawal oleh dunia dan bukan pemerhati ANY - benarkan pemerhati menukar jenis navigasi Sesetengah brower menyokong jenis navigasi tambahan TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 61 Kawalan headlight majoriti browser berikan menu untuk mengawal headlight boleh juga kawal headlight dengan menggunakan nod NavigationInfo © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 62 Sintaks: NavigationInfo Headlight diletakkan di kepala dan ditujukan pada arah kepala Boleh on/off kan headlight TH3813 11 VRML 9 Saiz avatar (lebar, ketinggian, ketinggian langkah) dan kelajuan boleh ditentukan 63 Nod NavigationInfo pilih jenis navigasi dan ciri-ciri avatar: type - gaya navigasi avatarSize dan speed - ciri-ciri avatar headlight - on/off NavigationInfo { type [“WALK”, “ANY”] avatarSize [ 0.25, 1.6, 0.75 ] speed 1.0 headlight TRUE © Dr. Shahrul Azman Mohd Noah } TH3813 11 VRML 9 samn@ftsm.ukm.my 64 Contoh NavigationInfo { type [“WALK”] avatarSize [ 0.25, 1.6, 0.75 ] speed 1.0 headlight TRUE } Mengesani pemerhati TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 65 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 66 11
  • 12. Pengenalan Mengesani pemerhati Mengesani pemerhati membolehkan pencetusan animasi Terdapat 3 jenis pengesan pemerhati: Nod VisibilitySensor - mengesan jika pemerhati berada dalam kawasan boleh lihat Nod ProximitySensor - mengesan jika pemerhati telah berada dalam satu kawasan Nod Collision mengesan jika pemerhati telah bertembung dengan bentuk bila kawasan boleh dilihat oleh pemerhati bila pemerhati berada dalam kawasan bila pemerhati bertembung dengan bentuk Nod LOD dan Billboard adalah pengesan pemerhati khusus dengan sistem tindak balas terbina TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 67 Penggunaan pengesan visibility dan proximity 68 Nod VisibilitySensor mengesan jika satu kawasan yang berbentuk kotak “boleh lihat”oleh pemerhati center dan size - saiz dan lokasi kawasan enterTime dan exitTime - hantarkan masa kepada entry/exit isActive - hantarkan true/false kepada entry/exit center - kawasan tengah size - dimensi kawasan Kedua-dua nod mempunyai output yang sama: DEF VisSense VisibilitySensor { center 0.0 0.0 0.0 size 14.0 14.0 14.0 } ROUTE VisSense.enterTime TO Clock.set_startTime enterTime exitTime isActive © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my Sintaks: VisibilitySensor Nod VisibilitySensor dan ProximitySensor mengesan kawasan berbentuk kotak TH3813 11 VRML 9 TH3813 11 VRML 9 69 Contoh: VisibilitySensor TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 70 Sintaks: ProximitySensor Nod ProximitySensor mengesan jika pemerhati masuk atau keluar daripada kawasan center dan size - lokasi dan saiz kawasan enterTime dan exitTime - hantarkan masa pada entry/exit isActive - hantarkan true/false pada entry/exit DEF ProxSense ProximitySensor { center 0.0 0.0 0.0 size 14.0 14.0 14.0 } ROUTE ProxSense.enterTime TO Clock.set_startTime TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 71 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 72 12
  • 13. Sintaks: ProximitySensor Contoh: ProximitySensor Nod ProximitySensor mengesan pemerhati apabila berada dalam kawasan position dan orientation - hantarkan kedudukan dan orientasi pada ketika pemerhati berada dalam kawasan DEF ProxSense ProximitySensor { . . . } ROUTE ProxSense.position_changed TO PetRobotFollower.set_translation TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 73 Mengesan pertembungan pemerhati-bentuk 74 Penyemakan pertembungan agak rumit, oleh itu semak pertembungan dengan bentuk proksi mengesan jika pemerhati bertembung dengan sebarang bentuk dalam kumpulan secara automatik berhentikan pemerhati daripada berjalan menembusi bentuk bentuk proksi adalah versi termudah bentuk sebenar bentuk proksi tidak pernah dilukis Kumpulan pertembungan dengan bentuk proksi, tetapi tanpa children, hasilkan bentuk tertembung tanpa boleh dilihat Pertembungan berlaku apabila avatar pemerhati berhampiran dengan bentuk © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my Penghasilan kumpulan pertembungan Nod pengumpulan Collision mengesan bentuk dalam kumpulan TH3813 11 VRML 9 TH3813 11 VRML 9 75 tingkap dll had dunia tanpa © Dr. Shahrul Azman Mohd Noah boleh dilihat TH3813 11 VRML 9 samn@ftsm.ukm.my 76 Contoh penggunaan sensor proksi dan kumpulan pertembungan Sintaks: Collision Nod pengumpulan Collision mengesan jika pemerhati bertembung dengan kumpulan bentuk collide - enable/disable pengesan proxy - mengesan bentuk mudah children - nod children untuk dikesan collideTime - hantarkan masa pada pertembungan DEF Collide Collision { collide TRUE proxy Shape {geometry Box { . . . } } children [ . . . ] } © Dr. Shahrul Azman Mohd Noah TH3813 11 VRML 9 samn@ftsm.ukm.my ROUTE Collide.collideTime TO OuchSound.set_startTime [prox2.wrl] 77 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 78 13
  • 14. Pengoptimuman pengesanan pertembungan Contoh: Collision Collision adalah on (default) offkan seboleh mungkin Wapaubagaimanapun, jika nod bapa offkan pertembungan, nod anak tidak boleh onkan semula Pertembungan berlaku apabila pemerhati bertembung dengan bentuk, tetapi bukan daripada bentuk yang bertembung dengan pemerhati TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 79 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 80 Penggunaan pengesan berbilang http://www.ftsm.ukm.my/jabatan/tp/samn/TH3813.htm Seberapa bilangan pengesan boleh mengsan pada masa yang sama boleh mempunyai pelbagai keolehlihatan, proksimiti, dan pengesan pertembungan kawasan pengesan boleh bertindih sensor berbilang boleh dicetuskan TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my http://www.ftsm.ukm.my/jabatan/tp/samn/personal.htm 81 TH3813 11 VRML 9 © Dr. Shahrul Azman Mohd Noah samn@ftsm.ukm.my 82 14