Javascript - Introduktion: Skillnad mellan sidversioner
Hoppa till navigering
Hoppa till sök
Hakan (diskussion | bidrag) |
Hakan (diskussion | bidrag) Ingen redigeringssammanfattning |
||
| (9 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 49: | Rad 49: | ||
: A: Egna finesser eller utveckling | : A: Egna finesser eller utveckling | ||
=== HowTo-filmer till spelprogrammering.nu === | === HowTo-filmer till spelprogrammering.nu === | ||
| Rad 72: | Rad 56: | ||
Micke Tylmad har gjort en fin serie videogenomgångar. De är väl värda att se. | Micke Tylmad har gjort en fin serie videogenomgångar. De är väl värda att se. | ||
{{#ev:youtube | mvLdugZHHL8 | 340 |right }} | {{#ev:youtube | mvLdugZHHL8 | 340 |right | Av Micke Tylmad, CC By}} | ||
{{clear}} | |||
== Exempel med if-sats och användning av variabler. == | == Exempel med if-sats och användning av variabler. == | ||
| Rad 102: | Rad 87: | ||
</script> | </script> | ||
</pre> | </pre> | ||
Nuvarande version från 24 maj 2016 kl. 22.54
Beskrivning av blockets innehåll
Vi lär oss grunderna i javascript på spelprogrammering.nu.
Uppgifter i javascriptavsnittet
- Intro med Logo Turtle
- En rörlig boll
- Ett ritprogram att utveckla
- Ett eget projekt
Mål för introt till javascript
Bedömning - intro till javascript
Du blir bedömd på
- ditt vidareutvecklade ritprogram
- ditt egna projekt
Ladda upp det på klassens wordpress
- Använd FileZilla
- Logga in med användare javascript så hamnar du i mappen med samma namn
- Döp din fil med ditt namn
- Ladda upp filen
- Kolla vad den har för adress och prova att du kan hitta den genom att skriva in adressen (URL:en) i din browser.
- Tag den adressen och skapa en länk på din sida på Wordpressajten
Bedömningskriterier - intro till javascript
- E: Du använder metoder, loopar, villkorssatser, variabler
- C: Strukturerad kommenterad kod
- A: Egna finesser eller utveckling
HowTo-filmer till spelprogrammering.nu
Micke Tylmad har gjort en fin serie videogenomgångar. De är väl värda att se.
Exempel med if-sats och användning av variabler.
Intressant här är att vi ändra färg med en villkorssats och en variabel.
ball.y + 50, flyttar bollen nedåt från startläget.
<script src="http://spelprogrammering.nu/simple.js">
function start()
{
ball = {x: 0, y: 0};
color = "green";
}
function update()
{
clearScreen();
circle(ball.x, ball.y + 50, 30, color);
ball.x++;
if(ball.x>= 200){
color = "blue";
}
}
</script>