Create a nurse patient game with cartoon characters, movements, activities's game

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

No:6117

4004

←

Prev Next

→

Create a nurse patient game with cartoon character..ALL
Developer anonymous｜Date and time 70/1/1 9:56:53
Build time unknown sec｜Game capacity 3.413KB｜

Script

Sure! Here's a sample nurse-patient game implemented as a single HTML file using JavaScript. This game assumes smartphone operation and uses cartoon characters, movements, and activities.

This is a very basic implementation of a nurse-patient game using simple movements for the characters and a treatment action. The nurse and patient can be moved left and right within the game container using the respective buttons, and upon clicking the "Do Treatment" button, an alert is shown indicating that the treatment has been performed. Please note that this is just a simple sample and can be further enhanced with animations, additional activities, and customization as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a sample nurse-patient game implemented as a single HTML file using JavaScript. This game assumes smartphone operation and uses cartoon characters, movements, and activities.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Nurse-Patient Game</title>
    <style>
        #game-container {
            position: relative;
            width: 400px;
            height: 600px;
            border: 2px solid black;
            margin: 0 auto;
            overflow: hidden;
            background-color: #eeeeee;
        }
        .character {
            position: absolute;
            width: 100px;
            height: 100px;
            background-color: yellow;
            border-radius: 50%;
            transition: all 0.5s ease-in-out;
        }
        #nurse {
            left: 50px;
            top: 400px;
        }
        #patient {
            left: 250px;
            top: 400px;
        }
        #button-container {
            margin-top: 20px;
            text-align: center;
        }
        button {
            padding: 10px 20px;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="nurse" class="character"></div>
        <div id="patient" class="character"></div>
    </div>
    <div id="button-container">
        <button onclick="moveNurse()">Move Nurse</button>
        <button onclick="movePatient()">Move Patient</button>
        <button onclick="doTreatment()">Do Treatment</button>
    </div>

// Patient Position
        let patientLeft = 250;
        let patientTop = 400;

// Move Nurse to the Left
        function moveNurse() {
            nurseLeft -= 50;
            if (nurseLeft < 0) {
                nurseLeft = 0;
            }
            document.getElementById('nurse').style.left = nurseLeft + 'px';
        }

// Move Nurse to the Right
        function moveNurse() {
            nurseLeft += 50;
            if (nurseLeft > 300) {
                nurseLeft = 300;
            }
            document.getElementById('nurse').style.left = nurseLeft + 'px';
        }

// Move Patient to the Left
        function movePatient() {
            patientLeft -= 50;
            if (patientLeft < 0) {
                patientLeft = 0;
            }
            document.getElementById('patient').style.left = patientLeft + 'px';
        }

// Move Patient to the Right
        function movePatient() {
            patientLeft += 50;
            if (patientLeft > 300) {
                patientLeft = 300;
            }
            document.getElementById('patient').style.left = patientLeft + 'px';
        }

// Perform Treatment
        function doTreatment() {
            alert('Treatment performed!');
        }
    </script>
</body>
</html>
```

Please note that this is just a simple sample and can be further enhanced with animations, additional activities, and customization as per your requirements.