Canvas, SVG ja animaatiot

Toteutetaan Javascriptin, Canvas-elementin, SVG-kuvien ja animaatioiden avulla yksinkertainen sivu. Ennen tämän tehtävän tekemistä käy tarkkaan läpi seuraavat materiaalit:

Kaikille tasoille yhteiset vaatimukset ovat:

Taso 1

Toteuta HTML5-sivu, joka näyttää seuraavanlaiselta:

Taso 3

Toteuta ensin taso 1. Laajenna sen jälkeen taso 1 seuraavanlaiseksi:

Taso 5

Toteuta ensin taso 3. Laajenna sen jälkeen taso 3:n HTML-dokumenttia seuraavilla lisäyksillä:

Vinkkejä

Jos SVG-kuvasi ei tunnu toimivan niin validoi sivusi tai mahdollisesti erillinen SVG-kuvasi W3C-validatorilla. Se ymmärtää myös SVG:t.

Seuraavista saattaa olla paljonkin apua viikkotehtävän toteutuksessa...

Käyttäjien kommentit

Kommentoi Lisää kommentti
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
http://appro.mit.jyu.fi/tiea2120/vt/vt4/
© Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) <http://hazor.iki.fi/>
2017-10-29 21:02:48
Informaatioteknologia - Jyväskylän yliopiston informaatioteknologian tiedekunta