Dette er en gammel utgave av dokumentet!
Innholdsfortegnelse
Space Invader (enkel variant)
I denne oppskriften skal vi trinn for trinn bygge opp en enkel variant av spillet Space Invader med bare én invader (i gangen) og en defender. Defender skal forsøke å skyte invader, og får ett poeng pr. invader som blir skutt ned. For hver invader som unnslipper mister defender ett liv.
Ved start - initialiser spillet
Ved start skal du lage tre variabler du kaller invader, defender og missil. I hver av disse variablene skal du lage en brikke og plassere brikkene på fornuftige steder på skjermen. <hidden Tips 1>Du lager brikker til spillet ved å bruke «lag brikke på x: y:»-kommandoen fra spill-menyen under avansert.</hidden> <hidden Tips 2>Koordinatene X og Y betegner hvor brikken skal plasseres i forhold til øverste venstre hjørne. En koordinat med X=2 og Y=3 vil bety 2 hakk bortover og 3 hakk nedover.</hidden> <hidden Tips 3>En naturlig plassering for invader er på øverste linje på skjermen (Y=0), X kan være hva som helst, gjerne et tilfeldig tall fra menyen for matematikk.</hidden> <hidden Tips 4>En naturlig plassering for defender kan være på nederste linje på skjermen (Y=4), X kan være hva som helst, gjerne et tilfeldig tall fra menyen for matematikk. Missil bør plasseres på samme sted som defender.</hidden> <hidden Tips 5>Selv om vi har opprettet en brikke for missil skal den ikke være synlig på skjermen enda. Bruk «angi»-kommandoen fra spill-menyen til å angi lysstyrke 0 på missilet. Missilet skal være synlig etter at det er avfyrt, ellers usynlig.</hidden> https://jsfiddle.net/royeven/87ypu6k1/1/embedded/css,html,result/ 100%,400 noscroll noborder left
Vanskegrad
Spillet blir vanskeligere dersom invader beveger seg fort, og lettere om invader er treig. Lag en variabel som du kaller invader_speed og en variabel du kaller missil_speed og sett dem til henholdsvis 2000 og 100. Du kan endre disse verdiene senere i spillet om du vil. https://jsfiddle.net/royeven/87ypu6k1/3/embedded/css,html,result/ 100%,400 noscroll noborder left
Test
https://jsfiddle.net/royeven/87ypu6k1/4/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/5/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/6/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/7/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/8/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/9/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/10/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/11/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/12/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/13/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/14/embedded/css,html,result/ 100%,400 noscroll noborder left https://jsfiddle.net/royeven/87ypu6k1/15/embedded/css,html,result/ 100%,400 noscroll noborder left