Övning JS Canvas Instruktioner

Spara din webbsida efter varje deluppgift med namn enligt modellen js_canvas_1.htm, js__canvas_2.htm, osv.
Du kan gärna bygga vidare på uppgiften innan men det är alltid bra att säkra tidigare fungerande kod med att byta namn på filen.

1. Skapa en webbsida med en canvas. Testa att inuti script-taggarna rita ett antal olika figurer. Rektangel cirkel, streck. Kanke någon toning eller bild.
   
   
2. Rita en rolig figur med hjälp av de olika delarna.
   
   
3. Skapa funktioner som gör olika saker, t ex ritar enkla figurer och lite roliga figurer som består av flera delar. Lägg dessa i en separat js-fil.
   
   
4. Rita något genom att utnyttja dina funktioner i js-filen.
   
   
5. Rita ut 100 st efter varandra ( se till att de får plats).
   
   
6. Slumpa ut 100 st ( se till att de kommer i din canvas).
   
   
7. Kan du flytta din figur med tangenttryckningar?
   
   
8. Bygg vidare efter egen fantasi.

   När ni är klara ska ni publicera sidorna på ert webbkonto.
   
   
   Lycka till!