Javascript med animering: Skillnad mellan sidversioner

Från Wikiskola
Hoppa till navigering Hoppa till sök
(Skapade sidan med '== Javascript med animering == {{jspel|En liten övning i skuggan}} Nu ska vi göra saker som rör på sig. {{uppgruta| # Som vanligt har vi förberett några filer. Lägg f...')
 
 
(En mellanliggande sidversion av samma användare visas inte)
Rad 6: Rad 6:
# Som vanligt har vi förberett några filer. Lägg filerna i samma mapp som tidigare. Spara ner  
# Som vanligt har vi förberett några filer. Lägg filerna i samma mapp som tidigare. Spara ner  
#: http://www.wikiskola.se/javascript/rita2.js
#: http://www.wikiskola.se/javascript/rita2.js
#: http://www.wikiskola.se/javascript/figur.jpg
#: [http://www.wikiskola.se/javascript/figur.jpg Bild på en groda]
# Ändra i html-filen så att du anropar rita2.js
# Ändra i html-filen så att du anropar rita2.js
# Gör så att grodan rör sig.
# Gör så att grodan rör sig.

Nuvarande version från 7 maj 2013 kl. 14.25

Javascript med animering

Javascript och spel Kod: CC By SA spelprogrammering.nu

En liten övning i skuggan

Nu ska vi göra saker som rör på sig.

Uppgift
  1. Som vanligt har vi förberett några filer. Lägg filerna i samma mapp som tidigare. Spara ner
    http://www.wikiskola.se/javascript/rita2.js
    Bild på en groda
  2. Ändra i html-filen så att du anropar rita2.js
  3. Gör så att grodan rör sig.
  4. Få den att stanna i rutan.
  5. Få bort spåret som den lämnar efter sig.
  6. Byt till en annan figur
  7. Lägg in en stor bild som bakgrund.
  8. Testa att låta figuren färdas i andra banor.