Maak een spel waar ik in het scherm kan bewegwn mwt knoppen en er singen zijn die mij proberwn te doden. Ik moet ook munten kunnen pakken en als ik sood ben upgrades kopen's game

Click here for free DL of the app version that can save data.

No:39298

←

Prev Next

→

Maak een spel waar ik in het scherm kan bewegwn mw..ALL
Developer User17585｜Date and time 24/1/27 20:51:29
Build time 22.483 sec｜Game capacity 4.515KB｜

Script

Hier is een voorbeeld van een eenvoudig spel waarin je kunt rondlopen op het scherm met behulp van knoppen, terwijl er vijanden zijn die je proberen te doden. Je kunt munten verzamelen en ervoor gebruiken om upgrades te kopen als je genoeg hebt verzameld.

Munten: 0

Upgrades: 0

Dit spel bevat knoppen waarmee je naar links, rechts, boven en onder kunt bewegen op het scherm. Er zijn vijanden (rode blokken) die je proberen te doden en munten (gele blokken) die je kunt verzamelen. Als je door een vijand wordt geraakt, word je gedood en begint het spel opnieuw. Als je munten pakt, neemt het aantal munten toe en kun je upgrades kopen. Veel plezier met spelen!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Spel</title>
    <style>
        #speler {
            position: absolute;
            top: 0;
            left: 0;
        }
        .vijand {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
        }
        .munt {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: yellow;
        }
    </style>
</head>
<body>
    <div id="speler"></div>
    <div id="spelveld" style="position: relative; width: 400px; height: 400px;">
        <button onclick="beweeg('links')">Links</button>
        <button onclick="beweeg('rechts')">Rechts</button>
        <button onclick="beweeg('boven')">Boven</button>
        <button onclick="beweeg('onder')">Onder</button>

<p id="munten">Munten: 0</p>
        <p id="upgrades">Upgrades: 0</p>
    </div>

function beweeg(richting) {
            var links = parseInt(speler.style.left) || 0;
            var boven = parseInt(speler.style.top) || 0;

if (richting === 'links' && links > 0) {
                links -= 10;
            } else if (richting === 'rechts' && links < spelveld.offsetWidth - speler.offsetWidth) {
                links += 10;
            } else if (richting === 'boven' && boven > 0) {
                boven -= 10;
            } else if (richting === 'onder' && boven < spelveld.offsetHeight - speler.offsetHeight) {
                boven += 10;
            }

speler.style.left = links + 'px';
            speler.style.top = boven + 'px';

controleerBotsing();
        }

function controleerBotsing() {
            var vijanden = document.getElementsByClassName('vijand');
            var munten = document.getElementsByClassName('munt');

for (var i = 0; i < vijanden.length; i++) {
                if (botsingDetectie(speler, vijanden[i])) {
                    alert('Je bent gedood!');
                    location.reload();
                }
            }

for (var j = 0; j < munten.length; j++) {
                if (botsingDetectie(speler, munten[j])) {
                    munten[j].style.display = 'none';
                    munten++;
                    muntenElement.innerText = 'Munten: ' + munten;
                }
            }
        }

function botsingDetectie(elem1, elem2) {
            var rechthoek1 = elem1.getBoundingClientRect();
            var rechthoek2 = elem2.getBoundingClientRect();

return !(rechthoek1.right < rechthoek2.left ||
                rechthoek1.left > rechthoek2.right ||
                rechthoek1.bottom < rechthoek2.top ||
                rechthoek1.top > rechthoek2.bottom);
        }

function creëerVijand() {
            var vijand = document.createElement('div');
            vijand.classList.add('vijand');
            vijand.style.left = Math.random() * spelveld.offsetWidth + 'px';
            vijand.style.top = Math.random() * spelveld.offsetHeight + 'px';
            spelveld.appendChild(vijand);
        }

function creëerMunt() {
            var munt = document.createElement('div');
            munt.classList.add('munt');
            munt.style.left = Math.random() * spelveld.offsetWidth + 'px';
            munt.style.top = Math.random() * spelveld.offsetHeight + 'px';
            spelveld.appendChild(munt);
        }

setInterval(creëerVijand, 2000);
        setInterval(creëerMunt, 3000);
    </script>
</body>
</html>
```

Veel plezier met spelen!