th3813 05 bentuk & geometri

8
1 TH3813 Realiti Maya Bentuk, Geometri dan Rupa Bentuk (Appearance) 2 Kawalan rupa bentuk TH3813 05 VRML 3 Okt/Nov 2000 © Dr. Shahrul Azman Mohd Noah [email protected] 3 Kawalan rupa bentuk dengan material Contoh: colors.wrl TH3813 05 VRML 3 Okt/Nov 2000 © Dr. Shahrul Azman Mohd Noah [email protected] 4 Sintaks: Bentuk ingat kembali nod Shape mempunyai medan: appearance - warna dan tekstur geometry - bentuk atau struktur Shape { appearnce . . . geometry . . . } TH3813 05 VRML 3 Okt/Nov 2000 © Dr. Shahrul Azman Mohd Noah [email protected] 5 Sintaks: Appearance Nod Appearance deskripsikan rupa bentuk keseluruhan bentuk properti material - warna, transparen, dll Shape { appearance Appearance { material . . . } geometry . . . } TH3813 05 VRML 3 Okt/Nov 2000 © Dr. Shahrul Azman Mohd Noah [email protected] 6 Sintaks: Material Nod material mengawal atribut material diffuseColor - warna utama emissiveColor - glowing colour transparency - legap (opaque) atau tidak Shape { appearance Appearance { material Material { diffuseColor 0. 8 0.8 0.8 emmissiveColor 0.0 0.0 0.0 transparency 0.0 } } geometry . . . }

Upload: masyarah-zulhaida

Post on 18-Jul-2015

118 views

Category:

Documents


10 download

TRANSCRIPT

Page 1: Th3813 05 bentuk & geometri

1

1

TH3813 Realiti MayaBentuk, Geometri dan Rupa Bentuk (Appearance)

2

Kawalan rupa bentuk

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 3

Kawalan rupa bentuk dengan material

Contoh:

colors.wrlTH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 4

Sintaks: Bentukingat kembali nod Shape mempunyai medan:

appearance - warna dan teksturgeometry - bentuk atau struktur

Shape {appearnce . . . geometry . . .

}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 5

Sintaks: AppearanceNod Appearance deskripsikan rupa bentukkeseluruhan bentuk

properti material - warna, transparen, dllShape {

appearance Appearance {material . . .

}geometry . . .

}TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 6

Sintaks: MaterialNod material mengawal atribut material

diffuseColor - warna utamaemissiveColor - glowing colourtransparency - legap(opaque) atau tidak

Shape {appearance Appearance {

material Material {diffuseColor 0. 8 0.8 0.8emmissiveColor 0.0 0.0 0.0transparency 0.0

}}geometry . . .

}

Page 2: Th3813 05 bentuk & geometri

2

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 7

Contoh penggunaan emmissiveColor

#VRML V2.0 utf8#A sphereShape {

appearance Appearance {material Material {

diffuseColor 1.0 0.0 0.0emissiveColor 1.0 0.0 0.0

}}geometry Sphere {}

}

#VRML V2.0 utf8#A sphereShape {

appearance Appearance {material Material {

diffuseColor 1.0 0.0 0.0}

}geometry Sphere {}

}

red sphere.wrl red sphere (emmisive).wrlTH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 8

Penentuan warnaSpesifikasi warna

campuran merah, hijau dan biru cerahnilai antara 0.0 hingga 1.0

Color Red Green Blue ResultWhite 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 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 9

Sintaks: Materialnod Material juga mengawal kekilatan bentuk

specularColor -penonjolan warnashininess - penonjolan saizambienIntensity - kesan cahaya ambien

Shape {appearance Appearance {

material Material {specularColor 0.71 0.70 0.56 shininess 0.16ambienIntensity 0.4

}}geometry . . .

}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 10

Kekilatan bentuk Description ambient diffuse specular shininess

Intensity Color 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 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 11

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 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 12

Contoh

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

} }

….}

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

} }

….}

Page 3: Th3813 05 bentuk & geometri

3

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 13

ContohShape {

appearance Appearance { material Material {

ambientIntensity 0.4 diffuseColor 0.22 0.15 0.0 specularColor 0.71 0.70 0.56 shininess 0.16

} }

….}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 14

Contoh

shiny.wrl

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 15

Contoh dunia maya denganappearanceShape {

appearance Appearance {material Material {

diffuseColor 0.2 0.2 0.2emissiveColor 0.0 0.0 0.8transparency 0.25

}}geometry Box {

size 2.0 4.0 0.3}

}. . . TH3813 05 VRML 3

Okt/Nov 2000© Dr. Shahrul Azman Mohd Noah

[email protected] 16

Contoh dunia maya dengan appearance

slabs.wrl

17

Pengumpulan Nod

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 18

Pengenalanbentuk boleh digabungkan untuk membentuk bentuk kompleksVRML mempunyai beberapa nod pengumpulan/ penggabungan, termasuk:

Group { . . . }Switch { . . . }Transform { . . . }Billboard { . . . }Anchor { . . . }Inline { . . . }

Page 4: Th3813 05 bentuk & geometri

4

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 19

Sintaks: GroupNod Group hasilkan kumpulan asas

setiap nod anak di dalam kumpulan akan dipaparkan

Group {children [ . . . ]

}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 20

Sintaks: Switchkumpulan nod Switch hasilkan kumpulan switch

hanya satu nod anak dalam kumpulan dipaparkanpengguna tentukan anak

anak secara tersirat dinomborkan mulai 0-1 tidak memilih anak

Switch {whichChoice 0choice [ . . . ]

}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 21

Sintaks: TransformNod kumpulan Transform hasilkan kumpulan dengan sistem ko- ordinatnya sendiri

Setiap nod anak di dalam kumpulan dipaparkanTransform {

translation 0.0 0.0 0.0rotation 0.0 1.0 0.0 0.0scale 1.0 1.0 1.0children [ . . . ]

}TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 22

Sintaks: BillboardNod kumpulan Billboard hasilkan kumpulan dengan sistem ko- ordinat khusus

setiap nod anak dalam kumpulan dipaparkansistem ko-ordinat diputarkan kepada pandangan pengguna

Billboard {axisOfRotation 0.0 1.0 0.0children [ . . . ]

}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 23

Paksi putaran BillboardPaksi putaran tentukan kutub untuk berputar

sama seperti medan dalan rotation, tetapi tanpa sudut (automatik)

Pemerhati bergerak ke kanan Billboard secara automatik berputarmengikut pemerhati

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 24

Paksi putaran BillboardPaksi putaran piawai hadkan putaran hanya pada paksi tersebutPaksi putaran sifar benarkan putaran pada mana-mana paksiPutaran pada PaksiPaksi-X 1.0 0.0 0.0Paksi-Y 0.0 1.0 0.0Paksi-Z 0.0 0.0 1.0Mana-mana paksi 0.0 0.0 0.0

Page 5: Th3813 05 bentuk & geometri

5

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 25

Contoh kumpulan BillboardBillboard {

# Paksi-YaxisOfRotation 0.0 1.0 0.0children [

Shape { . . . }Shape { . . . }Shape { . . . }. . .

]}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 26

Contoh kumpulan Billboard

Paksi - Y: robobill.wrlMana-mana paksi: robobil2.wrl

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 27

Sintaks: AnchorNod Anchor hasilkan kumpulan yang bertindak sebagai “clickable anchor”

setiap nod anak dalam kumpulan dipaparkanklik pada mana-mana anak rujuk kepada URLdescription namakan anchor

Anchor {url “stairwy.wrl”description “Twisty Stairs”children [ . . . ]

}TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 28

Contoh Anchor

anchor.wrl stairwy.wrl

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 29

Sintaks: InlineNod Inline hasilkan kumpulan khusus daripada kandungan fail VRML lain

anak baca daripada fail yang diplih oleh URLsetiap nod anak dalam kumpulan dipaparkan

Inline {url “table.wrl”

}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 30

Contoh fail dengan InlineInline { url “table.wrl” }. . . Transform {

translation -0.95 0.0 0.0rotation 0.0 1.0 0.0 3.14children [

Inline { url “chair.wrl” }]

}

Page 6: Th3813 05 bentuk & geometri

6

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 31

Contoh fail dengan Inline

table.wrl, chair.wrl, dinette.wrl

32

Penamaan Nod

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 33

PengenalanJika beberapa bentuk terdiri daripada geometri dan appearance yang sama, boleh gunakan beberapa duplikasi nod yang samatapi, boleh berikan nama untuk kejadian pertama nod tersebutkemudian, gunakan nama tersebut untuk kongsi nod yang sama dalam konteks berbeza

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 34

Sintaks: DEFSintaks DEF berikan nama pada nodShape {

appearance Appearance {material DEF RedColor Material {

diffuseColor 1.0 0.0 0.0}

}geomtery . . .

}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 35

Penggunaan DEFDEF mesti berhuruf besarBoleh namakan mana- mana nodNama mesti unik dalam satu- satu fail

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 36

Sintaks: USESintaks USE gunakan nod yang telah dinamakan menggunakan DEF

Shape {appearance Appearance {

material USE RedColor}geometry . . .

}

Page 7: Th3813 05 bentuk & geometri

7

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 37

Penggunaan USEUSE mesti berhuruf besarNod (yang dinamakan) yang digunakan semula dipanggil keseketikaan (intance)Nod yang dinamakan boleh mempunyai beberapa keseketikaan

setiap keseketikaan berkongsi deskripsi nod yang samahanya boleh gunakan kesekitaan pada nod dalam fail yang sma

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 38

Penggunaan nama nodMenama dan mengguna nod

kurangkan penaipanminimumkan saiz failbenarkan penukaran bentuk dengan atribut yang sama dengan pantascepatkan pemprosesan browser

Nama juga perlu untuk animasi

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 39

Contoh penggunaan nama nodInline { url "table.wrl" }Transform {

translation 0.95 0.0 0.0children DEF Chair Inline { url "chair.wrl" }

}Transform {

translation -0.95 0.0 0.0rotation 0.0 1.0 0.0 3.14children USE Chair

}

Transform {translation 0.0 0.0 0.95rotation 0.0 1.0 0.0 -1.57children USE Chair

}Transform {

translation 0.0 0.0 -0.95rotation 0.0 1.0 0.0 1.57children USE Chair

}

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 40

Contoh-contohNod Cylinder bina menara

Nod Cone bina bumbung

castle.wrl

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 41

Contoh-contohNod Box hasilkan bar

Nod Text berikan label

Nod Billboard pastikan label sentiasa berhadapan pemerhati

barplot.wrl

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 42

Contoh-contohNod Sphere hasilkan semua bahagian pesawat

Nod Transform skalakan bentuk sfera manjadi bahagian pesawat

space2.wrl

Page 8: Th3813 05 bentuk & geometri

8

TH3813 05 VRML 3Okt/Nov 2000

© Dr. Shahrul Azman Mohd [email protected] 43

Contoh-contohBagaimanakah untuk menghasilkan bentuk di sebelah?

hand.wrl