Håkan Elderstig

EN INTRODUKTION TILL PROGRAMMERING MED JAVASCRIPT

Exemplen bygger på kod från

Spelprogrammering.nu

Allt är CC By SA

PROGRAMMET

Strartfunktion = function start(){ Variabler Tilldela värde Semikolon Hakparanteser [ ]= Alt () Måsvingar { } = Alt Shift ()

Exempel

<script src="http://spelprogrammering.nu/simple.js">function start(){ ball = {x: 0, y: 0};}

function update(){ clearScreen();

if (keyboard.left) { ball.x--; } if (keyboard.right) { ball.x++; } if (keyboard.up) { ball.y--; } if (keyboard.down) { ball.y++; }

circle(ball.x, ball.y, 50, "red");}</script>

VILLKORSSATSER

Bra för ändra saker

Ex. att ändra en färg

<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>

VILLKORSSATSER

Bra för interaktion

Ex. att styra något med piltangenterna

<script src="http://spelprogrammering.nu/simple.js">function start(){ ball = {x: 0, y: 0};}

function update(){ clearScreen();

if (keyboard.left) { ball.x--; } if (keyboard.right) { ball.x++; } if (keyboard.up) { ball.y--; } if (keyboard.down) { ball.y++; }

circle(ball.x, ball.y, 50, "red");}</script>

LOOPEN

En slinga För animeringar För att fånga upp händelser function update() For x = 1 to 99 While () do

for (var x = 10; x <= 790; x += 10){ circle(x, 200, 4, "orange");}

while (x <= 700){ circle(x, 200, 40, "orange"); x += 100;}

FUNKTIONER

Samla ihp bra kodDe finns i bliotekenSkapa egna i eget bibliotekLägga dem efter koden

<script src="http://spelprogrammering.nu/simple.js">function start(){ ball = {x: 0, y: 0};}

function update(){ clearScreen();

if (keyboard.left) { ball.x--; } if (keyboard.right) { ball.x++; } if (keyboard.up) { ball.y--; } if (keyboard.down) { ball.y++; }

circle(ball.x, ball.y, 50, "red");}</script>

BIBLIOTEK

Processing Jespers bibliotek Vad anv de på Khan respektive Code Academy Vidareutvecklng av spelprogrammering.nu Man kan anropa flera men det finns risker

HJÄLP

Googla om du kör fast. Du hittar ofta hjälp på minsta kodsnutt eller största problemet

Exempel

LÄR MER

Boken Spelprogrammering med Javascript samt deras sajt

W3C

Wikiskola

khanAcademy

Codecademy