Adiciona uma estrela, letra G, Emoji feliz, Pizza, emoji triste, letra ル e Lua, esses objetos vão tá coloridos e se movendo e girando's game

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

No:29164

←

Prev Next

→

Adiciona uma estrela, letra G, Emoji feliz, Pizza,..ALL
Developer User14419｜Date and time 23/12/16 9:43:01
Build time 33.366 sec｜Game capacity 4.499KB｜

Script

Aqui está um exemplo de um jogo simples implementado em um único arquivo HTML, usando JavaScript para animar e girar objetos pictográficos.

★ G 😊 🍕 🙁 ル 🌓

Este código cria um jogo simples onde os objetos (estrela, letra G, emoji feliz, pizza, emoji triste, letra ル e lua) são mostrados no display de um smartphone. Cada objeto é colorido de acordo com sua descrição. Os objetos se movem aleatoriamente e giram continuamente. Espero que isso tenha atendido às suas necessidades!

←

Prev　Next

→ 　

Back　

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

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

Aqui está um exemplo de um jogo simples implementado em um único arquivo HTML, usando JavaScript para animar e girar objetos pictográficos.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Pictogramas</title>
    <style>
        #game-container {
            position: relative;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
        }
        .object {
            position: absolute;
            font-size: 48px;
            animation: rotate 3s infinite linear;
        }
        .star {
            color: yellow;
            left: 10%;
            top: 10%;
            animation-name: move;
            animation-duration: 5s;
            animation-direction: alternate;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }
        .letter-g {
            color: green;
            left: 50%;
            top: 20%;
            animation-name: move;
            animation-duration: 4s;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }
        .happy-emoji {
            left: 80%;
            top: 50%;
            animation-name: move;
            animation-duration: 6s;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }
        .pizza {
            color: brown;
            left: 30%;
            top: 60%;
            animation-name: move;
            animation-duration: 7s;
            animation-direction: alternate;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }
        .sad-emoji {
            left: 70%;
            top: 80%;
            animation-name: move;
            animation-duration: 8s;
            animation-direction: alternate;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }
        .letter-ru {
            color: red;
            left: 90%;
            top: 40%;
            animation-name: move;
            animation-duration: 5s;
            animation-direction: alternate;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }
        .moon {
            color: gray;
            left: 40%;
            top: 30%;
            animation-name: move;
            animation-duration: 9s;
            animation-direction: alternate;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }
        @keyframes move {
            0% { transform: translate(0, 0); }
            50% { transform: translate(100%, 100%); }
            100% { transform: translate(0, 0); }
        }
        @keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
    </style>
</head>
<body>
    <div id="game-container">
        <span class="object star">★</span>
        <span class="object letter-g">G</span>
        <span class="object happy-emoji">😊</span>
        <span class="object pizza">🍕</span>
        <span class="object sad-emoji">🙁</span>
        <span class="object letter-ru">ル</span>
        <span class="object moon">🌓</span>
    </div>

// Função para animar objetos
        function animateObjects() {
            const objects = document.getElementsByClassName('object');
            for (let i = 0; i < objects.length; i++) {
                let obj = objects[i];
                obj.style.left = Math.random() * 80 + '%';
                obj.style.top = Math.random() * 80 + '%';
            }
            requestAnimationFrame(animateObjects);
        }

// Iniciar jogo quando a página for carregada
        window.addEventListener('load', startGame);
    </script>
</body>
</html>
```

Espero que isso tenha atendido às suas necessidades!