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

No:15160

102

It's like the combination of the first 3 games of ..ALL
Developer User6536｜Date and time 23/9/6 17:47:46
Build time 50.185 sec｜Game capacity 4.576KB｜

Sure! Here's a basic implementation of a game similar to the first three games in the Five Nights at Freddy's series, designed for smartphone operation. The game uses pictograms and allows players to monitor different rooms, repair broken doors, and give electro shocks to fend off animatronics. Please note that this is a simplified version and may require further development to be a fully functional game.

Five Nights at Freddy's: Smartphone Edition

Repair Door

Toggle Cameras

Give Shock

In the provided code, I have implemented the basic structure of the game using HTML, CSS, and JavaScript. The game screen is represented by the `gameScreen` element, and the control buttons are located under the `controls` div. The game logic handles the repair mode, camera mode, and shock functionality based on user interactions. The game state is updated and displayed through the `updateGameScreen` function. Please note that the images (repair.png, cameras.png, broken.png, working.png) referenced in the code need to be present in the same directory as the HTML file for them to load properly. Feel free to customize and expand upon this code to create a more complete and engaging game experience.

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

Sure! Here's a basic implementation of a game similar to the first three games in the Five Nights at Freddy's series, designed for smartphone operation. The game uses pictograms and allows players to monitor different rooms, repair broken doors, and give electro shocks to fend off animatronics. Please note that this is a simplified version and may require further development to be a fully functional game.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Five Nights at Freddy's: Smartphone Edition</title>
    <style>
        body {
            background-color: black;
            color: white;
            font-family: Arial, sans-serif;
            text-align: center;
        }

#gameScreen {
            width: 100%;
            height: 400px;
            background-color: darkgray;
            border: 4px solid gray;
            margin-bottom: 10px;
        }

#controls {
            display: flex;
            justify-content: space-between;
        }

.control {
            width: 30%;
            padding: 10px;
            background-color: #333;
            cursor: pointer;
            border: 2px solid gray;
            border-radius: 5px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <h1>Five Nights at Freddy's: Smartphone Edition</h1>
    <div id="gameScreen"></div>
    <div id="controls">
        <div class="control" onclick="repairDoor()">Repair Door</div>
        <div class="control" onclick="toggleCamera()">Toggle Cameras</div>
        <div class="control" onclick="giveShock()">Give Shock</div>
    </div>

<script>
        var isRepairMode = false;
        var isCameraMode = false;
        var shockCount = 3;
        var animatronics = [
            { name: "Freddy", isBroken: false, isInRoom: false },
            { name: "Bonnie", isBroken: false, isInRoom: false },
            { name: "Chica", isBroken: false, isInRoom: false }
        ];

function repairDoor() {
            isRepairMode = true;
            updateGameScreen();
        }

function toggleCamera() {
            isCameraMode = !isCameraMode;
            updateGameScreen();
        }

function giveShock() {
            if (shockCount > 0) {
                shockCount--;
                updateGameScreen();

// Check if any animatronics are nearby and shock them
                var animatronicInRoom = animatronics.find(a => a.isInRoom);
                if (animatronicInRoom) {
                    shockAnimatronic(animatronicInRoom);
                }
            }
        }

function shockAnimatronic(animatronic) {
            // Implement animatronic shock logic here
            console.log("Shocked " + animatronic.name);
        }

function updateGameScreen() {
            var gameScreen = document.getElementById("gameScreen");
            gameScreen.innerHTML = "";

if (isRepairMode) {
                gameScreen.innerHTML = "<img src='repair.png' alt='Repair'></img>";
            } else if (isCameraMode) {
                gameScreen.innerHTML = "<img src='cameras.png' alt='Cameras'></img>";
            } else {
                // Show room status
                animatronics.forEach(a => {
                    var roomStatus = a.isInRoom ? "Occupied" : "Empty";
                    var doorStatus = a.isBroken ? "Broken" : "Working";
                    var imgSrc = a.isBroken ? "broken.png" : "working.png";
                    var html = "<div><img src='" + imgSrc + "' alt='" + doorStatus + "'></img><p>" +
                        a.name + "<br>Room Status: " + roomStatus + "<br>Door Status: " + doorStatus + "</p></div>";
                    gameScreen.innerHTML += html;
                });
            }
        }

// Start the game
        updateGameScreen();
    </script>
</body>
</html>
```

In the provided code, I have implemented the basic structure of the game using HTML, CSS, and JavaScript. The game screen is represented by the `gameScreen` element, and the control buttons are located under the `controls` div. The game logic handles the repair mode, camera mode, and shock functionality based on user interactions. The game state is updated and displayed through the `updateGameScreen` function.

Please note that the images (repair.png, cameras.png, broken.png, working.png) referenced in the code need to be present in the same directory as the HTML file for them to load properly. Feel free to customize and expand upon this code to create a more complete and engaging game experience.