SVG: Työsuunnitelma

22.3.2004

Tik-111.350 Multimediatekniikka: laboratoriotyö

Miro Lahdenmäki, Tik
Toni Laitinen, Tik
Teknillinen korkeakoulu
miro.lahdenmaki [at] iki.fi
tplaitin [at] cc.hut.fi

1. Työn sisältämää tekniikkaa

Aiomme tehdä laboratoriotyön puitteissa SVG-dokumentin, joka sisältää ainakin seuraavia SVG:n ominaisuuksia:

• Perus-grafiikka (Basic shapes)
  Dokumentti tulee sisältämään perus-grafiikkaa kuten viivoja, ellipsejä, polygoneja täyttöineen ja tekstiä.
• Koordinaattimuunnokset (Transformations)
  Perus-grafiikkaelementeille / svg-objekteille tehdään koordinaattimuunnoksia. Ainakin translaatio, rotaatio ja skaalaus tulevat sisältymään työhön.
• Interaktiivisuus/tapahtumat (events)
  SVG-objekteista tehdään interaktiivisia. Hiiren osoittimen vienti objektin päälle (mouseover), hiiren osoittimen liikutus objektin päällä (mousemove) tai hiiren painallus objektin päällä (mousedown) aiheuttavat erilaisia reaktioita, kuten animaation alkamisen tai loppumisen.
• Animaatio
  Animaatiot tulevat sisältämään yllä mainittuja koordinaattimuunnoksia sekä värimuunnoksia. Myös polkua pitkin liikkuminen (motion path) yritetään sisällyttää työhön.

2. Käsikirjoitus

Ajattelimme tehdä SVG-dokumentin, joka sisältäisi erilaisia hahmoja käsittävän näyttämön. Hahmot reagoisivat käyttäjän toimiin, kuten hiiren osoittimen liikkeisiin ja napin painalluksiin. Yritämme lisätä myös objektien välille vuorovaikutuksia. Taustan aiomme muuntaa bittikarttakuvasta vektorigrafiikkamuotoon. Näyttämö voisi kuvata esimerkiksi yksinkertaisten, mutta ylpeiden ja arvaamattomien tikku-ukkojen elämää suositussa yökerhossa.

Ohjelmat joita ajattelimme käyttää normaalin tekstieditorin lisäksi:

• Adobe GOLive (html- ja svg-dokumenttien sulauttaminen)
• Jasc Webdraw (SVG-grafiikan piirtäminen, muokkaus ja animointi)
• Sodipodi (SVG-grafiikan piirtäminen)
• MayuraDraw (SVG-grafiikan piirtäminen ja konversio SVG-muotoon)
• Vector Eye (rasterikuvien muuntaminen vektorimuotoon)

2.1 Työnjako

Jaamme näyttämön objektit keskenämme ja myöhemmin ne liitetään samaan taustadokumenttiin. Osa objekteista on staattisia, osa animoituja. Lisäämme tai karsimme ominaisuuksia sen mukaan, kuinka paljon ehdimme yhden opintoviikon edestä tekemään.