You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
2.2 KiB
45 lines
2.2 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "c40a698395ee5102715f7880bba3f2e7",
|
|
"translation_date": "2025-08-26T21:52:23+00:00",
|
|
"source_file": "6-space-game/README.md",
|
|
"language_code": "sv"
|
|
}
|
|
-->
|
|
# Bygg ett rymdspel
|
|
|
|
Ett rymdspel för att lära sig mer avancerade JavaScript-grunder
|
|
|
|
I den här lektionen kommer du att lära dig hur du bygger ditt eget rymdspel. Om du någonsin har spelat spelet "Space Invaders", har detta spel samma idé: att styra ett rymdskepp och skjuta på monster som kommer ner uppifrån. Så här kommer det färdiga spelet att se ut:
|
|
|
|
|
|
|
|
Under dessa sex lektioner kommer du att lära dig följande:
|
|
|
|
- **Interagera** med Canvas-elementet för att rita saker på en skärm
|
|
- **Förstå** det kartesiska koordinatsystemet
|
|
- **Lära dig** Pub-Sub-mönstret för att skapa en solid spelarkitektur som är enklare att underhålla och utöka
|
|
- **Utnyttja** Async/Await för att ladda spelresurser
|
|
- **Hantera** tangentbordshändelser
|
|
|
|
## Översikt
|
|
|
|
- Teori
|
|
- [Introduktion till att bygga spel med JavaScript](1-introduction/README.md)
|
|
- Praktik
|
|
- [Rita på canvas](2-drawing-to-canvas/README.md)
|
|
- [Flytta element på skärmen](3-moving-elements-around/README.md)
|
|
- [Kollisiondetektering](4-collision-detection/README.md)
|
|
- [Hålla koll på poäng](5-keeping-score/README.md)
|
|
- [Avsluta och starta om spelet](6-end-condition/README.md)
|
|
|
|
## Krediter
|
|
|
|
De tillgångar som används för detta kommer från https://www.kenney.nl/.
|
|
Om du är intresserad av att bygga spel, är detta några riktigt bra tillgångar, mycket är gratis och en del är betalda.
|
|
|
|
---
|
|
|
|
**Ansvarsfriskrivning**:
|
|
Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, bör du vara medveten om att automatiserade översättningar kan innehålla fel eller inexaktheter. Det ursprungliga dokumentet på dess originalspråk bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för eventuella missförstånd eller feltolkningar som uppstår vid användning av denna översättning. |