Att programmera med javascript grunder
Download as PPTX, PDF0 likes1,419 views
Introduktion till programmering. Användbar i Teknik 1
![PROGRAMMET
Strartfunktion = function
start(){
Variabler
Tilldela värde
Semikolon
Hakparanteser [ ]= Alt ()
Måsvingar { } = Alt Shift ()
<script
src="http://spelprogrammering.nu/simple.js">
function start()
{
Exempel
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>](https://image.slidesharecdn.com/attprogrammeramedjavascript-grunder-141111170125-conversion-gate01/85/Att-programmera-med-javascript-grunder-3-320.jpg)
Att programmera med javascript grunder
- 2. EN INTRODUKTION TILL PROGRAMMERING MED JAVASCRIPT Exemplen bygger på kod från Spelprogrammering.nu Allt är CC By SA
- 3. PROGRAMMET Strartfunktion = function start(){ Variabler Tilldela värde Semikolon Hakparanteser [ ]= Alt () Måsvingar { } = Alt Shift () <script src="http://spelprogrammering.nu/simple.js"> function start() { Exempel 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>
- 4. 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>
- 5. 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>
- 6. 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; }
- 7. FUNKTIONER Samla ihp bra kod De finns i blioteken Skapa egna i eget bibliotek Lä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>
- 8. BIBLIOTEK Processing Jespers bibliotek Vad anv de på Khan respektive Code Academy Vidareutvecklng av spelprogrammering.nu Man kan anropa flera men det finns risker
- 9. HJÄLP Googla om du kör fast. Du hittar ofta hjälp på minsta kodsnutt eller största problemet Exempel
- 10. LÄR MER Boken Spelprogrammering med Javascript samt deras sajt W3C Wikiskola khanAcademy Codecademy