Javascript - Introduktion: Skillnad mellan sidversioner
Hoppa till navigering
Hoppa till sök
Hakan (diskussion | bidrag) |
Hakan (diskussion | bidrag) Ingen redigeringssammanfattning |
||
| (16 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 30: | Rad 30: | ||
== Bedömning - intro till javascript== | == Bedömning - intro till javascript== | ||
Du blir bedömd på | === Du blir bedömd på === | ||
* ditt vidareutvecklade ritprogram | * ditt vidareutvecklade ritprogram | ||
* ditt egna projekt | * ditt egna projekt | ||
=== Ladda upp det på klassens wordpress === | |||
: Använd [https://filezilla-project.org 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 === | === Bedömningskriterier - intro till javascript === | ||
| Rad 40: | Rad 49: | ||
: A: Egna finesser eller utveckling | : 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. | |||
{{: | {{#ev:youtube | mvLdugZHHL8 | 340 |right | Av Micke Tylmad, CC By}} | ||
{{clear}} | |||
{{ | |||
== 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. | |||
<pre> | |||
<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> | |||
</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>