AI game creator

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

No:19742

←

Prev Next

→

Puzzles
Developer User8808｜Date and time 23/10/6 13:17:01
Build time 13.47 sec｜Game capacity 2KB｜

Script

Como programador, posso ajudá-lo a criar um jogo simples com base nas informações fornecidas. Aqui está um exemplo de um jogo de quebra-cabeça usando pictogramas.

Neste exemplo, usamos imagens de pictogramas (pictogram1.png, pictogram2.png, etc.) como as peças do quebra-cabeça. Essas imagens podem ser substituídas pelos pictogramas reais que você deseja usar. As peças do quebra-cabeça são arrastáveis e podem ser movidas para a área de queda (drop zone). Quando você arrastar uma peça e soltá-la na área de queda, ela será anexada lá. Você pode adicionar mais peças ao jogo, modificando ou adicionando elementos `<img>` dentro do `<div id="puzzleContainer">`. Lembre-se de adaptar e personalizar esse exemplo de acordo com suas necessidades específicas. Espero que isso tenha sido útil para começar com seu jogo de quebra-cabeça!

←

Prev　Next

→ 　

Back　

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

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

Como programador, posso ajudá-lo a criar um jogo simples com base nas informações fornecidas. Aqui está um exemplo de um jogo de quebra-cabeça usando pictogramas.

```html
<!DOCTYPE html>
<html lang="pt">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jogo de Quebra-Cabeça</title>
</head>
<body>
    <div id="puzzleContainer">
        <img src="pictogram1.png" id="piece1" draggable="true" ondragstart="drag(event)">
        <img src="pictogram2.png" id="piece2" draggable="true" ondragstart="drag(event)">
        <img src="pictogram3.png" id="piece3" draggable="true" ondragstart="drag(event)">
        <img src="pictogram4.png" id="piece4" draggable="true" ondragstart="drag(event)">
    </div>
    
    <div id="dropZone" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

function drag(event) {
            event.dataTransfer.setData("text", event.target.id);
        }

function drop(event) {
            event.preventDefault();
            var data = event.dataTransfer.getData("text");
            event.target.appendChild(document.getElementById(data));
        }
    </script>
</body>
</html>
```

As peças do quebra-cabeça são arrastáveis e podem ser movidas para a área de queda (drop zone). Quando você arrastar uma peça e soltá-la na área de queda, ela será anexada lá. Você pode adicionar mais peças ao jogo, modificando ou adicionando elementos `<img>` dentro do `<div id="puzzleContainer">`.

Lembre-se de adaptar e personalizar esse exemplo de acordo com suas necessidades específicas. Espero que isso tenha sido útil para começar com seu jogo de quebra-cabeça!