Skapa en canvas, 400x400. Centrera canvasen på sidan. Rita ut en liten fyrkant, 10x10px. Lägg till tangentlyssnare. Skriv kod så den ritar ut en ny ruta i en ny position när du trycker på piltangenterna. Öka/minska förflyttningen med lika många pixlar som din ruta är bred/lång. (Om du vill kan du rensa allt mellan varje utritning, men vänta gärna med det. Nu ritar du en tjock linje istället.)
Lägg till en start-knapp. Lägg till en timer som ser till att en ny uppritning sker. Ändra så tangenttryckningarna gör så att riktningen enbart ändras.
Utöka start-knappen så den byter text från "Start" till "Pause" vid klick och så att den sätter igång timern i ena läget och stoppar i det andra. Kontrollera att "ormen" inte går utanför canvas-kanterna, stoppa allt och skapa en alert-ruta
a) Slumpa ut "mat" . Om "ormen" käkar upp maten, slumpa ut en ny. Fixa en räknare som håller reda på antalet mumsbitar. Rensa canvasen så det ser ut som ormen rör sig (om du inte gjort det tidigare).
b) Fixa någon enkel "level", till exempel som att hastigheten ökar efter ett visst antal träffar.
Lägg till en "kropp" som ökar med mumsbitarna och som följer ormens huvud. Checka att maten inte slumpas ut på ormen's huvud eller kropp.
"Kroppen" Ledtråd 1:
A) Du har säkert använt två variabler , x och y, för att hålla reda på var ormhuvudet ska ritas ut. Nu måste du lägga till en Array som håller reda på alla delar på ormen.
Skapa två Arrayer, en för x-koordinaten och en för y-koordinaten. Lägg över x och y dina arrayer och använd dessa för att rita ut huvudet.
B) Lägg sen till så att det från start finns 3 st delar på ormen.
Innan det stoppas in ett nytt värde i huvudet element 0 i båda arrayerna så måste du flytta informationen i del "0" till del "1", "1" till del "2", osv.
Sen kan du rita ut de 3 delarna som då alla har en ny position.
Börja gärna med att skriva varje programinstruktion, gör det , gör det, osv.
Byt sen ut vissa instruktioner mot loopar.
(Kanske har du 4 rutor från start för att se strukturen lättare.)
C) När detta fungerar kan du kanske ta bort och börja med bara huvudet som tidigare.
Träff, ormen ska öka med en del. Du måste alltså ha en räknare som håller reda på hur lång ormen är.
=============================================
a) Kolla om du träffar dig själv, dvs om ormenhuvudet kör över kroppen.
b) Kolla att maten inte slumpas ut på ormen.
Fixa några klurigare "levels". *=obligatoriskt + en finess till
(Se till att det finns en inforuta med info om" levels".)
Obligatoriskt att skapa snabbknappar till olika "levels", så man kan hoppa direkt dit vid start av spelet.
*Det ska dyka upp 10 st hinder, enruts block som slumpas ut på banan ( får ej slumpas på redan slumpad ruta eller på Ormen eller på maten).
Maten försvinner efter ett tag och slumpas på nytt ställe.
Vid en viss level kan man gå ut på ena sida och komma in på andra sidan.
Något annat roligt.
=============================================
Fler levels. 4-5 av nedanstående finesser, minst två från grupp A och en från grupp B respektive C.
(Se till att det finns en inforuta med förklaringar om" levels" och andra finesser du skapat.)
Obligatoriskt att skapa snabbknappar till olika "levels", så man kan hoppa direkt dit vid start av spelet.
A 10st block på 5 rutor slumpas ut ( får ej slumpas på redan slumpade block eller på Ormen eller på maten samt en bit bort från ormhuvudet, typ 50px ).
A Hindren rör sig sakta! (målsökande mot ormen!).
A En fiende dyker upp och kör mot maten (ska undvikas av spelaren) eller mot ormen.
A Flera spelare kör samtidigt och som inte får träffa varandra.
B Maten försvinner efter ett tag (tid beroende på avstånd ormhuvud-matbit) och ormen krymper om maten försvinner.
B Kanske kommer mer än en matbit itaget.
B Olika typer av mat slumpas ut med olika effekter
C Man kanske kan välja spelmodell( som ovan, där Ormen åker ut kommer den in på motsatta sidan).
C Man kanske vill ha olika skins på spelet.
C Highscore-lista (ToppFem! på datorn/omgången).