1. Gissa Numret
Beskrivning: Ett enkelt spel där datorn väljer ett slumpmässigt nummer mellan 1 och 100, och spelaren måste gissa vilket det är. Efter varje gissning ger spelet en ledtråd om det rätta numret är högre eller lägre.
Grundkodsexempel:
let secretNumber = Math.floor(Math.random() * 100) + 1;
let guesses = 0;
function guessNumber(userGuess) {
guesses++;
if (userGuess === secretNumber) {
alert(`Grattis! Du gissade rätt nummer på ${guesses} försök.`);
} else if (userGuess < secretNumber) {
alert("För lågt! Försök igen.");
} else {
alert("För högt! Försök igen.");
}
}
2. Memory-kortspel
Beskrivning: Ett spel där spelaren vänder på kort för att hitta par av matchande bilder. Spelet kräver att man använder arrayer och DOM-manipulation för att hantera korten och klickhändelser.
Grundkodsexempel:
const cards = ['A', 'A', 'B', 'B', 'C', 'C'];
// Blanda korten och lägg till dem i spelbrädet
// Funktion för att hantera klick på kort
function shuffleCards(array) {
array.sort(() => Math.random() - 0.5);
}
3. Enkel Plattformsspelare
Beskrivning: Ett grundläggande plattformsspel där spelaren kan styra en karaktär som hoppar över hinder och samlar poäng. Detta spel introducerar konceptet med animationer och grundläggande fysik.
Grundkodsexempel:
let player = { x: 10, y: 10, velocityY: 0 };
function gameLoop() {
// Uppdatera spelarens position
// Hantera kollisioner och poäng
requestAnimationFrame(gameLoop);
}
function jump() {
if (player.onGround) {
player.velocityY = -10; // Hoppkraft
}
}
4. Snake-spel
Beskrivning: Klassiskt Snake-spel där spelaren styr en orm som växer när den äter mat. Spelet blir svårare ju längre ormen blir.
Grundkodsexempel:
let snake = [{ x: 2, y: 2 }];
let food = { x: 5, y: 5 };
let direction = { x: 1, y: 0 };
function gameLoop() {
// Uppdatera ormens position
// Kolla efter kollision med mat eller väggar
}
function changeDirection(newDirection) {
direction = newDirection;
}
5. Korsord
Beskrivning: Ett enkelt korsord där spelaren fyller i bokstäver i ett rutnät baserat på ledtrådar.
Grundkodsexempel:
let crossword = [
['H', 'E', 'L', 'L', 'O'],
['W', 'O', 'R', 'L', 'D']
];
// Funktion för att visa korsordet och ta emot användarens input
function checkAnswer(x, y, direction, answer) {
// Logik för att kontrollera om svaret är korrekt
}
Den här sidan designades av 21C: