A thing where you get to make a image 1st thing to do with stretch out the image how you like Then You can spray what You like From this type in what you want The image and it Will make the image up here And you can add stickers if you want And you will have a ingame gallery For the pictures's game

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

No:36039

←

Prev Next

→

A thing where you get to make a image 1st thing to..ALL
Developer Game Studio｜Date and time 24/1/16 9:04:05
Build time 14.035 sec｜Game capacity 3.806KB｜

Script

Sure! Here's an example of a simple game where you can stretch an image, spray paint, add stickers, and view the gallery.

Note: Please replace the `default-image.jpg` and `emozi_rabbit.png` with actual image files you have. The image sizes for `canvas`, as well as the styling and customization, can be adjusted as per your preference.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game where you can stretch an image, spray paint, add stickers, and view the gallery.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Image Manipulation Game</title>
  <style>
    canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  <button id="sprayBtn">Spray Paint</button>
  <input id="textInput" type="text" placeholder="Type something...">
  <button id="addStickerBtn">Add Sticker</button>
  <div id="gallery"></div>

// Load initial image
    image.onload = function() {
      ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
    };

// Set initial image source
    image.src = "default-image.jpg";

// Stretch out the image using user input
    function stretchImage() {
      let inputSize = parseInt(prompt("Enter new size (pixels):"));
      canvas.width = inputSize;
      canvas.height = inputSize;
      ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
    }

// Enable spray paint mode
    function enableSprayPaint() {
      isSpraying = true;
      canvas.addEventListener("mousemove", sprayPaint);
      canvas.addEventListener("mouseup", disableSprayPaint);
      canvas.addEventListener("mouseout", disableSprayPaint);
    }

// Disable spray paint mode
    function disableSprayPaint() {
      isSpraying = false;
      canvas.removeEventListener("mousemove", sprayPaint);
      canvas.removeEventListener("mouseup", disableSprayPaint);
      canvas.removeEventListener("mouseout", disableSprayPaint);
    }

// Spray paint on canvas
    function sprayPaint(e) {
      if (!isSpraying) {
        return;
      }
      let x = e.clientX - canvas.offsetLeft;
      let y = e.clientY - canvas.offsetTop;
      ctx.fillRect(x, y, 5, 5); // Customize spray paint style
    }

// Add sticker to canvas at random position
    function addSticker() {
      let sticker = new Image();
      sticker.src = "sticker.png"; // Replace with actual sticker image
      sticker.onload = function() {
        let xPos = Math.floor(Math.random() * (canvas.width - sticker.width));
        let yPos = Math.floor(Math.random() * (canvas.height - sticker.height));
        ctx.drawImage(sticker, xPos, yPos);
      };
      stickers.push(sticker);
    }

// Save current canvas as an image in the gallery
    function saveImage() {
      let imgData = canvas.toDataURL("image/png");
      let galleryElement = document.createElement("img");
      galleryElement.src = imgData;
      document.getElementById("gallery").appendChild(galleryElement);
    }

// Event listeners for buttons
    document.getElementById("sprayBtn").addEventListener("click", enableSprayPaint);
    document.getElementById("addStickerBtn").addEventListener("click", addSticker);
    document.getElementById("textInput").addEventListener("keyup", function(event) {
      if (event.keyCode === 13) { // Trigger action on Enter key press
        let text = document.getElementById("textInput").value;
        let x = Math.floor(Math.random() * canvas.width);
        let y = Math.floor(Math.random() * canvas.height);
        ctx.font = "20px Arial";
        ctx.fillText(text, x, y);
        document.getElementById("textInput").value = "";
      }
    });
    canvas.addEventListener("mouseup", saveImage);
  </script>
</body>
</html>
```

Note: Please replace the `default-image.jpg` and `sticker.png` with actual image files you have. The image sizes for `canvas`, as well as the styling and customization, can be adjusted as per your preference.