Web-grafika (VRML) 1. gyakorlat Nyitrai Erika Varga Balázs.

Az előadások a következő témára: "Web-grafika (VRML) 1. gyakorlat Nyitrai Erika Varga Balázs."— Előadás másolata:

1 Web-grafika (VRML) 1. gyakorlat Nyitrai Erika Varga Balázs

2 VRML file-ok felépítése Minden VRML file egy egyszerű szövegfile A legtöbb böngésző nem tudja kezelni az ékezetes karaktereket, csak a 7 bites ASCII karaktereket Minden VRML file-t a wrl kiterjesztéssel kell elmenteni

3 VRML file-ok felépítése 2. A kis- és nagybetűk különbözőnek számítanak Minden VRML file első sorának kötelezően a következőnek kell lenni: #VRML V2.0 utf8 Megjegyzéseket a # után írhatunk

4 VRML file-ok felépítése 3. Minden VRML file csomópontokból épül fel A csomópontokat utasításnak is szoktuk nevezni A csomópontok egy vagy több mezőt tartalmaznak, melyek meghatározzák az adott csomópont tulajdonságait

5 VRML file-ok felépítése 4. A csomópontokat működési körük szerint a következő csoportokba sorolhatjuk: –Geometria utasítások –Tulajdonság utasítások –Érzékelő utasítások –Időzítő

6 VRML file-ok felépítése 5. A mezők négy adattal rendelkeznek: –Mezőtípus –Értéktípus –Név –Érték

7 VRML file-ok felépítése 6. A mezőtípusok a következők lehetnek: –field: értéke nem változhat a VRML világ élete során –exposedField: értéke változhat a VRML világ élete során –eventOut: kimeneti mező –eventIn: bemeneti mező

8 VRML file-ok felépítése 7. A mezők értéktípusait két csoportba sorolhatjuk: –Csak egy darab valamilyen típusú értéket tartalmazhat: SF előtag –Több azonos típusú értéket tartalmazhat: MF előtag Ebben az esetben az értékeket [ ] zárójelpár közé kell írni, és,-vel kell az értékeket elválasztani

9 VRML file-ok felépítése 8. Az értéktípusok a következők lehetnek: –Bool: logikai érték (TRUE, FALSE) –Color: színérték RGB összetevőkben megadva (piros: 1 0 0; kék: 0 0 1) –Float: lebegőpontos szám –Image: pixelgrafikus képet tartalmazó mező –Int32: 32 bites egész számot tartalmazó mező –Node: csomópontot tartalmazó mező

10 VRML file-ok felépítése 9. –Rotation: elforgatási értéket tartalmazó mező (pl. „z” tengely körüli 180  -os elforgatás: 0 0 1 3.14) –String: szöveget tartalmazó mező –Time: időértéket tartalmazó mező –Vec2f: 2D vektort tartalmazó mező –Vec3f: 3D vektort tartalmazó mező

11 VRML file-ok felépítése 10. Box { field SFVec3f size 1 1 1 } Csomópont neve Mezőtípus ÉrtéktípusMező értéke Mező neve

12 VRML file-ok felépítése 11. Box {size 1 1 1 }

13 Alakzatok Alakzatok Shape { exposedField SFNode appearance NULL exposedField SFNode geometry NULL }

14 Geometria: Téglatest Box { field SFVec3f size 1 1 1 }

15 Geometria: Gömb Sphere { field SFFloat radius 1 }

16 Geometria: Henger Cylinder {field SFFloat radius 1 field SFFloat height 2 field SFBool bottom TRUE field SFBool top TRUE field SFBool side TRUE }

17 Geometria: Kúp Cone { field SFFloat bottomRadius 1 field SFFloat height 2 field SFBool bottom TRUE field SFBool side TRUE }

18 Geometria: Szöveg Text { exposedField MFString string [ ] exposedField SFNode fontStyle NULL exposedField MFFloat length [ ] exposedField SFFloatmaxExtent 0 }

19 Geometria: További alakzatok Pontok Vonal Felület Rácsos felület Kihúzott felület

20 Geometria: Feladatok Hozz létre egy olyan kúpot, ami 3 egység magas és az alapkörének sugara 1! Rajzolj egy téglatestet, melynek élei x=3, y=1 és z=2 hosszúak!

21 Transzformációk Transform {eventIn MFNode addChildren eventIn MFNode removeChildren exposedFieldSFVec3f translation 0 0 0 exposedField SFVec3f center 0 0 0 exposedField SFRotation rotation 0 0 1 0 exposedField SFVec3f scale 1 1 1 exposedField SFRotation scaleOrientation 0 0 1 0 field SFVec3f bboxCenter 0 0 0 field SFVec3f bboxSize -1 -1 -1 exposedField MFNode children [ ] }

22 Transzformációk: Feladatok Hozz létre egy 1 élhosszúságú kockát a 2, 1, -10 pontba. Az előbbi kockát forgasd el a az y tengely körül 45º-kal

23 Definíciók Tetszőleges csomópont elnevezhető a DEF kulcsszóval A DEF-nek és a névnek a csomópont előtt kell állnia Később a csomópontra a USE szócska használatával hivatkozhatunk

24 Csoportok Group {eventInMFNodeaddChildren eventInMFNoderemoveChildren exposedFieldMFNodechildren [ ] fieldSFVec3f bboxCenter 0 0 0 fieldSFVec3f bboxSize –1 –1 –1 }

25 Definíciók, csoportok: Feladatok Hozz létre több alakzatból egy kunyhót (pl. kúp és henger segítségével) DEF és USE segítségével hozz létre egy ugyanilyen kunyhót a világodban.