Crea un personaggio che salta per afferrare le monete che si muovono da destra o da sinistra . Quando le monete escono fuori lo schermo si cancellano . Una moneta vale un punto's game

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

No:44514

←

Prev Next

→

Crea un personaggio che salta per afferrare le mon..ALL
Developer User19399｜Date and time 24/2/18 6:32:51
Build time 7.939 sec｜Game capacity 2.454KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gioco del Salto Coin</title>
<style>
    #giocatore {
        height: 50px;
        width: 50px;
        background-color: red;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .moneta {
        height: 30px;
        width: 30px;
        background-color: gold;
        position: absolute;
        top: 0;
    }
</style>
</head>
<body>

function generaMoneta() {
        const moneta = document.createElement('div');
        moneta.className = 'moneta';
        moneta.style.left = Math.random() < 0.5 ? '0' : 'calc(100% - 30px)';
        document.body.appendChild(moneta);

const intervalloMonete = setInterval(() => {
            moneta.style.top = `${parseInt(moneta.style.top) + 1}px`;

if (parseInt(moneta.style.top) > window.innerHeight) {
                clearInterval(intervalloMonete);
                moneta.remove();
            }

if (collisione(moneta)) {
                punteggio++;
                document.getElementById('punteggio').innerText = `Punteggio: ${punteggio}`;
                clearInterval(intervalloMonete);
                moneta.remove();
            }
        }, 10);
    }

function collisione(moneta) {
        const giocatore = document.getElementById('giocatore');
        const rect1 = giocatore.getBoundingClientRect();
        const rect2 = moneta.getBoundingClientRect();
        
        return !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
    }

setInterval(generaMoneta, 1000);

const punteggioDisplay = document.createElement('div');
    punteggioDisplay.id = 'punteggio';
    punteggioDisplay.innerText = 'Punteggio: 0';
    document.body.appendChild(punteggioDisplay);
</script>

</body>
</html>
```