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

No:20790

Ein Pixel farming Simulator in dem man Freundschaf..ALL
Developer User9153｜Date and time 23/10/11 1:45:49
Build time 26.698 sec｜Game capacity 4.096KB｜

Script

Pixel Farming Simulator

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: #f0f0f0;
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

h1 {
            text-align: center;
            color: #333;
        }

#game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 400px;
            height: 400px;
            background-color: #fff;
            border: 1px solid #ccc;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
        }

#player {
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            background-color: #ff6666;
            border-radius: 50%;
        }

#friend {
            position: absolute;
            top: 80px;
            left: 260px;
            width: 40px;
            height: 40px;
            background-color: #66cc66;
            border-radius: 50%;
        }

#love-interest {
            position: absolute;
            top: 260px;
            left: 80px;
            width: 40px;
            height: 40px;
            background-color: #6699ff;
            border-radius: 50%;
        }

#child {
            position: absolute;
            top: 320px;
            left: 320px;
            width: 40px;
            height: 40px;
            background-color: #ffcc66;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <h1>Pixel Farming Simulator</h1>
    <div id="game-container">
        <div id="player"></div>
        <div id="friend"></div>
        <div id="love-interest"></div>
        <div id="child"></div>
    </div>

document.addEventListener("keydown", function (event) {
                const keyCode = event.keyCode;

// Arrow Up
                if (keyCode === 38) {
                    player.style.top = parseInt(player.style.top) - 10 + "px";
                }
                // Arrow Down
                else if (keyCode === 40) {
                    player.style.top = parseInt(player.style.top) + 10 + "px";
                }
                // Arrow Left
                else if (keyCode === 37) {
                    player.style.left = parseInt(player.style.left) - 10 + "px";
                }
                // Arrow Right
                else if (keyCode === 39) {
                    player.style.left = parseInt(player.style.left) + 10 + "px";
                }

checkInteractions();
            });

function checkInteractions() {
                if (checkCollision(player, friend)) {
                    console.log("You made a new friend!");
                    friend.remove();
                }

if (checkCollision(player, loveInterest)) {
                    console.log("You are in love!");
                    loveInterest.remove();
                }

if (checkCollision(player, child)) {
                    console.log("Congratulations on the new child!");
                    child.remove();
                }
            }

function checkCollision(element1, element2) {
                const rect1 = element1.getBoundingClientRect();
                const rect2 = element2.getBoundingClientRect();

return !(rect1.right < rect2.left || 
                         rect1.left > rect2.right || 
                         rect1.bottom < rect2.top || 
                         rect1.top > rect2.bottom);
            }
        });
    </script>
</body>
</html>