a platformer game where pewdiepie is the main character and he needs to deliver pizzas to markiplier and jacksepticeye's game | AI game creator

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

No:30441

51

a platformer game where pewdiepie is the main char..ALL
Developer User14785｜Date and time 23/12/21 20:44:37
Build time 39.227 sec｜Game capacity 6.012KB｜

Sure, here's an example of a simple platformer game implemented as a single HTML file using JavaScript. In this game, you play as PewDiePie who needs to deliver pizzas to Markiplier and Jacksepticeye. The controls are designed for smartphone operation, and pictograms are used for visual representation. Note: This implementation is just a basic starting point and can be extended further with more levels, mechanics, and features as desired.

Score: 0

To run this code, save it to a file with a .html extension (e.g., game.html). You would also need to replace 'emozi_cat.png', 'emozi_rabbit.png', 'emozi_apple.png', and 'emozi_all/pizza.png' with the actual image files you want to use in the same directory as the HTML file. This game sets up a platformer-like environment where you can control PewDiePie's character using touch or keyboard (left/right) controls. The goal is to deliver pizzas by catching them mid-air and scoring points. The score is displayed at the top left. Markiplier and Jacksepticeye are represented on the platform and act as visual targets. The pizzas fall from the top of the game area, and PewDiePie needs to catch them to earn points.

→ 　

0　

0　

　
　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

Sure, here's an example of a simple platformer game implemented as a single HTML file using JavaScript. In this game, you play as PewDiePie who needs to deliver pizzas to Markiplier and Jacksepticeye. The controls are designed for smartphone operation, and pictograms are used for visual representation.

Note: This implementation is just a basic starting point and can be extended further with more levels, mechanics, and features as desired.

```html
<!DOCTYPE html>
<html>
<head>
    <title>PewDiePie's Pizza Delivery</title>
    <style>
        #game {
            position: relative;
            width: 300px;
            height: 400px;
            border: 2px solid #000;
            overflow: hidden;
        }

.character {
            position: absolute;
            width: 30px;
            height: 40px;
            background-image: url('pewdiepie.png');
            background-repeat: no-repeat;
            background-size: contain;
        }

#pewdiepie {
            top: 360px;
            left: 135px;
        }

#markiplier {
            top: 100px;
            left: 70px;
            background-image: url('markiplier.png');
        }

#jacksepticeye {
            top: 200px;
            left: 200px;
            background-image: url('jacksepticeye.png');
        }

#pizza {
            position: absolute;
            top: -40px;
            width: 30px;
            height: 30px;
            background-image: url('pizza.png');
            background-repeat: no-repeat;
            background-size: contain;
        }

#score {
            position: absolute;
            top: 10px;
            left: 10px;
            font-family: Arial, sans-serif;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <div id="game">
        <div class="character" id="pewdiepie"></div>
        <div class="character" id="markiplier"></div>
        <div class="character" id="jacksepticeye"></div>
        <div id="pizza"></div>
    </div>
    <div id="score">Score: 0</div>

<script>
        window.addEventListener('load', function () {
            const game = document.getElementById('game');
            const pewdiepie = document.getElementById('pewdiepie');
            const markiplier = document.getElementById('markiplier');
            const jacksepticeye = document.getElementById('jacksepticeye');
            const pizza = document.getElementById('pizza');
            const scoreElement = document.getElementById('score');

let score = 0;

// Move PewDiePie based on touch/click event
            game.addEventListener('touchstart', function (event) {
                const touchX = event.touches[0].clientX;
                const pewdiepieLeft = parseFloat(pewdiepie.style.left);

if (touchX < pewdiepieLeft + 15) {
                    movePewDiePie(-30);
                } else if (touchX > pewdiepieLeft + 15) {
                    movePewDiePie(30);
                }
            });

// Move PewDiePie based on keyboard arrow keys
            window.addEventListener('keydown', function (event) {
                const key = event.key;

if (key === 'ArrowLeft') {
                    movePewDiePie(-30);
                } else if (key === 'ArrowRight') {
                    movePewDiePie(30);
                }
            });

// Move PewDiePie and check for pizza delivery
            function movePewDiePie(distance) {
                const pewdiepieLeft = parseFloat(pewdiepie.style.left) || 0;
                const newLeft = pewdiepieLeft + distance;

if (newLeft >= 0 && newLeft <= game.offsetWidth - pewdiepie.offsetWidth) {
                    pewdiepie.style.left = newLeft + 'px';

// Check for pizza delivery
                    if (isPizzaDelivered()) {
                        score++;
                        scoreElement.innerText = 'Score: ' + score;
                        resetPizza();
                    }
                }
            }

// Check if PewDiePie is close to the pizzas
            function isPizzaDelivered() {
                const pewdiepieRect = pewdiepie.getBoundingClientRect();
                const pizzaRect = pizza.getBoundingClientRect();
                return Math.abs(pewdiepieRect.x - pizzaRect.x) < 30 &&
                    Math.abs(pewdiepieRect.y - pizzaRect.y) < 40;
            }

// Reset pizza position
            function resetPizza() {
                const randomX = Math.floor(Math.random() * (game.offsetWidth - pizza.offsetWidth));
                pizza.style.left = randomX + 'px';
                pizza.style.top = '-40px';
            }

function animatePizza() {
                let top = -40;

function frame() {
                    top++;
                    pizza.style.top = top + 'px';

if (top < game.offsetHeight) {
                        requestAnimationFrame(frame);
                    } else {
                        resetPizza();
                    }
                }

requestAnimationFrame(frame);
            }

resetPizza();
            animatePizza();
        });
    </script>
</body>
</html>
```

To run this code, save it to a file with a .html extension (e.g., game.html). You would also need to replace 'pewdiepie.png', 'markiplier.png', 'jacksepticeye.png', and 'pizza.png' with the actual image files you want to use in the same directory as the HTML file.

This game sets up a platformer-like environment where you can control PewDiePie's character using touch or keyboard (left/right) controls. The goal is to deliver pizzas by catching them mid-air and scoring points. The score is displayed at the top left. Markiplier and Jacksepticeye are represented on the platform and act as visual targets. The pizzas fall from the top of the game area, and PewDiePie needs to catch them to earn points.