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

No:15752

104

Make the most detailed game made
Developer User6862｜Date and time 23/9/11 8:34:10
Build time 17.532 sec｜Game capacity 4.577KB｜

Juego de Pictogramas

Este es un juego de pictogramas diseñado para ser jugado en un smartphone. El juego consiste en tocar los pictogramas que aparecen en la pantalla para obtener puntos. El objetivo es tocar el pictograma correcto y evitar tocar pictogramas incorrectos. El juego está escrito en HTML y JavaScript, y todo el código se encuentra en un solo archivo HTML. El juego utiliza etiquetas de script para incluir el código JavaScript necesario. También se utiliza la etiqueta canvas para dibujar los elementos del juego en pantalla. El juego comienza mediante la función `init()`, que inicializa las variables y elementos del juego y agrega los eventos táctiles necesarios para jugar en un smartphone. El juego dibuja el puntaje y el pictograma actual en el canvas, y actualiza continuamente la pantalla utilizando la función `draw()` que se llama mediante `requestAnimationFrame()`. Además, se genera un pictograma aleatorio utilizando la función `generatePictogram()`. Cuando se toca la pantalla, se verifica si el toque es en la posición correcta del pictograma utilizando la función `handleTouch()`. Si el toque es correcto, se suma un punto y se genera un nuevo pictograma. Si el toque es incorrecto, se marca el juego como terminado y se muestra un mensaje en pantalla. Espero que este juego de pictogramas cumpla con tus requisitos y proporcione una experiencia de juego detallada y entretenida. ¡Diviértete jugando!

→ 　

0　

0　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Juego de Pictogramas</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }
    #canvas {
        background-color: #eee;
        border: 1px solid #ccc;
        margin: 0 auto;
        display: block;
        touch-action: none;
    }
</style>
</head>
<body>
<h1>Juego de Pictogramas</h1>
<canvas id="canvas" width="400" height="600"></canvas>
<script>

// Definir pictogramas (Aquí se pueden agregar más pictogramas si se desea)
const pictograms = [
    { emoji: "⚽️", name: "balón de fútbol" },
    { emoji: "🎾", name: "pelota de tenis" },
    { emoji: "🏀", name: "balón de baloncesto" },
    { emoji: "🏈", name: "balón de fútbol americano" },
    { emoji: "🎱", name: "billar" },
    { emoji: "🥏", name: "disco volador" },
    { emoji: "🏸", name: "pluma de bádminton" },
    { emoji: "🎯", name: "diana" },
    { emoji: "🏉", name: "balón de rugby" },
    { emoji: "🎳", name: "bolos" }
];

// Variables y elementos del juego
let canvas, ctx, score, pictogram, pictogramX, pictogramY, lastPictogram, gameOver;

// Inicializar variables y elementos del juego
function init() {
    canvas = document.getElementById("canvas");
    ctx = canvas.getContext("2d");
    score = 0;
    pictogramX = canvas.width / 2;
    pictogramY = canvas.height / 2;
    gameOver = false;
    
    // Agregar eventos táctiles para jugar en un smartphone
    canvas.addEventListener("touchstart", handleTouch);
    canvas.addEventListener("touchmove", handleTouch);
    canvas.addEventListener("touchend", handleTouch);
    
    draw();
    generatePictogram();
}

// Dibujar elementos en el canvas
function draw() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    
    // Dibujar el puntaje
    ctx.font = "20px Arial";
    ctx.fillText("Puntaje: " + score, 10, 30);
    
    // Dibujar el pictograma actual
    ctx.font = "80px Arial";
    ctx.fillText(pictogram, pictogramX, pictogramY);
    
    if (gameOver) {
        ctx.font = "30px Arial";
        ctx.fillText("Juego Terminado", canvas.width/2 - 120, canvas.height/2 + 30);
    }
    
    requestAnimationFrame(draw);
}

// Generar un pictograma aleatorio
function generatePictogram() {
    const randomIndex = Math.floor(Math.random() * pictograms.length);
    pictogram = pictograms[randomIndex].emoji;
    // Evitar pictogramas repetidos consecutivos
    if (pictogram === lastPictogram) {
        generatePictogram();
    } else {
        lastPictogram = pictogram;
    }
}

// Actualizar la posición del pictograma al tocar la pantalla
function handleTouch(event) {
    if (gameOver) {
        return;
    }
    const touchX = event.touches[0].clientX - canvas.offsetLeft;
    const touchY = event.touches[0].clientY - canvas.offsetTop;
    if (touchX >= pictogramX && touchX <= pictogramX + 80 && touchY >= pictogramY - 50 && touchY <= pictogramY) {
        // Si se toca el pictograma correctamente, se suma un punto
        score++;
        generatePictogram();
    } else {
        gameOver = true;
    }
}

// Inicia el juego
init();

</script>
</body>
</html>
```

Este es un juego de pictogramas diseñado para ser jugado en un smartphone. El juego consiste en tocar los pictogramas que aparecen en la pantalla para obtener puntos. El objetivo es tocar el pictograma correcto y evitar tocar pictogramas incorrectos.

El juego está escrito en HTML y JavaScript, y todo el código se encuentra en un solo archivo HTML. El juego utiliza etiquetas de script para incluir el código JavaScript necesario. También se utiliza la etiqueta canvas para dibujar los elementos del juego en pantalla.

El juego comienza mediante la función `init()`, que inicializa las variables y elementos del juego y agrega los eventos táctiles necesarios para jugar en un smartphone.

El juego dibuja el puntaje y el pictograma actual en el canvas, y actualiza continuamente la pantalla utilizando la función `draw()` que se llama mediante `requestAnimationFrame()`. Además, se genera un pictograma aleatorio utilizando la función `generatePictogram()`.

Cuando se toca la pantalla, se verifica si el toque es en la posición correcta del pictograma utilizando la función `handleTouch()`. Si el toque es correcto, se suma un punto y se genera un nuevo pictograma. Si el toque es incorrecto, se marca el juego como terminado y se muestra un mensaje en pantalla.

Espero que este juego de pictogramas cumpla con tus requisitos y proporcione una experiencia de juego detallada y entretenida. ¡Diviértete jugando!