AI game creator

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

No:16514

100

←

Prev Next

→

لعبة رسم
Developer User7061｜Date and time 23/9/18 23:03:18
Build time 19.486 sec｜Game capacity 2.359KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>لعبة الرسم</title>
    <style>
        #canvas {
            width: 100%;
            height: 400px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>

// Pictograms as images
            const pictograms = [
                { src: "tree.png", name: "شجرة" },
                { src: "car.png", name: "سيارة" },
                { src: "cat.png", name: "قطة" },
                // ... add more pictograms here
            ];

// Function to draw pictograms
            function drawPictogram(pictogram) {
                const img = new Image();
                img.src = pictogram.src;
                img.onload = function() {
                    context.drawImage(img, 0, 0);
                }
            }

// Function to handle touch events
            function handleTouch(event) {
                const touchX = event.touches[0].clientX;
                const touchY = event.touches[0].clientY;
                
                // Loop through all the pictograms to check if touch occurred on any of them
                for (let i = 0; i < pictograms.length; i++) {
                    const pictogramX = canvas.width / pictograms.length * i;
                    const pictogramY = 0;

if (touchX >= pictogramX && touchX < pictogramX + canvas.width / pictograms.length && touchY >= pictogramY && touchY < pictogramY + canvas.height) {
                        // Clear the canvas
                        context.clearRect(0, 0, canvas.width, canvas.height);
                        
                        // Draw the selected pictogram
                        drawPictogram(pictograms[i]);
                        
                        // Break the loop as we found the matching pictogram
                        break;
                    }
                }
            }

// Add touch event listener to the canvas
            canvas.addEventListener("touchstart", handleTouch);
        });
    </script>
</body>
</html>