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

No:15839

100

←

Prev Next

→

Catfish game see if you can tell the person you ta..ALL
Developer User6924｜Date and time 23/9/12 15:05:24
Build time 25.544 sec｜Game capacity 2.743KB｜

Script

Sure! Here's a simple implementation of the "Catfish Game" where you can determine if the person you are talking to is real or fake. The game will be played on a smartphone and will use pictograms for a user-friendly experience.

Catfish Game

In this game, we have a pre-defined list of people with their names and whether they are real or fake. Each time the "Evaluate" button is clicked, a random person is selected from the list, and their image changes accordingly to represent a real or fake person. The result is displayed below the image. The game uses the `getRandomPerson()` function to get a random person from the list, and then the `evaluatePerson()` function is called when the button is clicked, which updates the image and displays the result based on whether the person is real or fake. You can replace the `emozi_all/person.png`, `emozi_bear.png`, and `emozi_chicken.png` images with appropriate pictograms/icons to make the game visually engaging.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Catfish Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        img {
            width: 100px;
            height: 100px;
        }
        button {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        #result {
            font-size: 24px;
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <h1>Catfish Game</h1>
    <img id="personImage" src="person.png" alt="Person">
    <button onclick="evaluatePerson()">Evaluate</button>
    <div id="result"></div>

function getRandomPerson() {
            var index = Math.floor(Math.random() * personList.length);
            return personList[index];
        }

function evaluatePerson() {
            var person = getRandomPerson();
            var personImage = document.getElementById("personImage");
            var resultElement = document.getElementById("result");

personImage.src = person.real ? "real.png" : "fake.png";

if (person.real) {
                resultElement.innerHTML = "Real person!";
                resultElement.style.color = "green";
            } else {
                resultElement.innerHTML = "Fake person!";
                resultElement.style.color = "red";
            }
        }
    </script>
</body>
</html>
```

The game uses the `getRandomPerson()` function to get a random person from the list, and then the `evaluatePerson()` function is called when the button is clicked, which updates the image and displays the result based on whether the person is real or fake.

You can replace the `person.png`, `real.png`, and `fake.png` images with appropriate pictograms/icons to make the game visually engaging.