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

No:12878

153

←

Prev Next

→

A game where you get to decide what your body will..ALL
Developer User4920｜Date and time 23/8/24 10:55:36
Build time 43.01 sec｜Game capacity 6.178KB｜

Script

Sure! Here's a simple game implementation in a single HTML file where you can customize your character's body transformation and choose how your parents treat you:

Body Transformation Game

Select Body Transformation

Get Taller
Become Handsomer
Get More

Select Parent's Treatment

To play the game: 1. Open the HTML file in a web browser. 2. Click on the "Start Game" button. 3. Select the body transformations you want by checking the corresponding checkboxes. 4. Press the "Done" button to finalize your choices. 5. Select how you want your parents to treat you from the dropdown menu. 6. The selected transformations and parent treatment will be displayed on the screen. Please note that this is a basic implementation, and you can customize and enhance the game further 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 simple game implementation in a single HTML file where you can customize your character's body transformation and choose how your parents treat you:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Body Transformation Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game-container {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        #transformation-form {
            display: none;
        }
        #done-button-container {
            display: none;
            margin-top: 20px;
        }
        .button {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Body Transformation Game</h1>
    <div id="game-container">
        <button class="button" id="start-button">Start Game</button>
        <div id="transformation-form">
            <h2>Select Body Transformation</h2>
            <input type="checkbox" id="tallerCheckbox">
            <label for="tallerCheckbox">Get Taller</label><br>
            <input type="checkbox" id="handsomeCheckbox">
            <label for="handsomeCheckbox">Become Handsomer</label><br>
            <input type="checkbox" id="moreCheckbox">
            <label for="moreCheckbox">Get More</label><br>
            <button class="button" id="done-button">Done</button>
        </div>
        <div id="parent-treatment-form">
            <h2>Select Parent's Treatment</h2>
            <select id="parentTreatment">
              <option value="strict">Strict</option>
              <option value="supportive">Supportive</option>
              <option value="indifferent">Indifferent</option>
            </select>
            <div id="result-container"></div>
        </div>
    </div>

const parentTreatments = {
            strict: "Strict",
            supportive: "Supportive",
            indifferent: "Indifferent"
        };

// Store the selected transformations and parent treatment
        let selectedTransformations = [];
        let selectedParentTreatment = "";

// Event listeners for buttons
        document.getElementById("start-button").addEventListener("click", startGame);
        document.getElementById("done-button").addEventListener("click", finishTransformations);

// Function to handle game start
        function startGame() {
            document.getElementById("start-button").style.display = "none";
            document.getElementById("transformation-form").style.display = "block";
        }

// Function to handle completion of transformations
        function finishTransformations() {
            document.getElementById("transformation-form").style.display = "none";
            document.getElementById("done-button").style.display = "none";
            document.getElementById("parent-treatment-form").style.display = "block";

const resultContainer = document.getElementById("result-container");
            resultContainer.innerHTML = `<h2>Results:</h2>`;

// Display selected transformations
            if (selectedTransformations.length > 0) {
                resultContainer.innerHTML += `<p>You transformed your body to:</p>`;
                for (const transformation of selectedTransformations) {
                    resultContainer.innerHTML += `<p>${transformation}</p>`;
                }
            }

// Display selected parent treatment
            if (selectedParentTreatment !== "") {
                resultContainer.innerHTML += `<p>Your parents treated you:</p>`;
                resultContainer.innerHTML += `<p>${selectedParentTreatment}</p>`;
            }
        }

// Event listener for body transformations checkboxes
        const checkboxes = document.querySelectorAll('input[type="checkbox"]');
        checkboxes.forEach((checkbox) => {
            checkbox.addEventListener('change', (event) => {
                const transformation = event.target.id.replace("Checkbox", "");
                if (event.target.checked) {
                    selectedTransformations.push(transformations[transformation]);
                } else {
                    selectedTransformations = selectedTransformations.filter(function (value) {
                        return value !== transformations[transformation];
                    });
                }
                if (selectedTransformations.length > 0) {
                    document.getElementById("done-button").style.display = "block";
                } else {
                    document.getElementById("done-button").style.display = "none";
                }
            });
        });

// Event listener for parent treatment selection
        const parentTreatmentSelect = document.getElementById("parentTreatment");
        parentTreatmentSelect.addEventListener("change", (event) => {
            selectedParentTreatment = parentTreatments[event.target.value];
            document.getElementById("done-button").style.display = "block";
        });
    </script>
</body>
</html>
```

To play the game:
1. Open the HTML file in a web browser.
2. Click on the "Start Game" button.
3. Select the body transformations you want by checking the corresponding checkboxes.
4. Press the "Done" button to finalize your choices.
5. Select how you want your parents to treat you from the dropdown menu.
6. The selected transformations and parent treatment will be displayed on the screen.

Please note that this is a basic implementation, and you can customize and enhance the game further as per your requirements.