A red triangle platformer game's game

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

No:38445

←

Prev Next

→

A red triangle platformer game
Developer User17401｜Date and time 24/1/24 22:10:14
Build time 7.766 sec｜Game capacity 1.665KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Red Triangle Platformer</title>
    <style>
        #player {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: red;
            top: 0;
            left: 0;
            transition: 0.2s;
        }

#platform {
            position: absolute;
            width: 120px;
            height: 20px;
            background-color: gray;
            top: 300px;
            left: 240px;
        }
    </style>
</head>
<body>
    <script>
        var player = document.getElementById('player');
        var platform = document.getElementById('platform');
        var jumpCount = 0;

document.onkeydown = function(event) {
            if (event.keyCode === 32 && jumpCount < 2) { // Spacebar key
                jump();
            }
        };

function jump() {
            jumpCount++;
            player.style.bottom = '60px';
            setTimeout(function() {
                player.style.bottom = '0px';
            }, 300);
        }

function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var platformRect = platform.getBoundingClientRect();

if (
                playerRect.bottom > platformRect.top &&
                playerRect.top < platformRect.bottom &&
                playerRect.right > platformRect.left &&
                playerRect.left < platformRect.right
            ) {
                jumpCount = 0;
            }
        }

setInterval(checkCollision, 10);
    </script>