A bank is getting ready for the Halloween spirit,and you have to decorate it!Add Halloween pumpkins, ghosts,and Halloween-themed popsicles!'s game

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

No:20818

←

Prev Next

→

A bank is getting ready for the Halloween spirit,a..ALL
Developer FirstNormalPerson｜Date and time 23/10/11 6:38:15
Build time 13.894 sec｜Game capacity 3.435KB｜

Script

Sure! Here's a sample HTML file that allows you to decorate a bank for Halloween using JavaScript. The game can be played on a smartphone. I have used pictograms for Halloween pumpkins, ghosts, and Halloween-themed popsicles.

Make sure you have the pictogram images (pumpkin.png, ghost.png, popsicle.png) in the same directory as the HTML file to display them correctly on the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Bank Decoration Game</title>
  </head>
  <body>
    <canvas id="canvas"></canvas>
    <script>
      // Function to detect touch events on smartphone
      function detectTouch(e) {
        if (e.touches) {
          return e.touches[0];
        } else {
          return e;
        }
      }

// Function to handle touchstart event (when a user touches the screen)
      function touchStart(e) {
        var touch = detectTouch(e);
        startX = touch.pageX;
        startY = touch.pageY;
      }

// Function to handle touchmove event (when a user moves finger on the screen)
      function touchMove(e) {
        e.preventDefault();
        var touch = detectTouch(e);
        var deltaX = touch.pageX - startX;
        var deltaY = touch.pageY - startY;

// Move the selected decoration based on finger movement
        if (selectedDecoration) {
          selectedDecoration.x += deltaX;
          selectedDecoration.y += deltaY;
        }

// Update the start position for the next touchmove event
        startX = touch.pageX;
        startY = touch.pageY;

// Redraw the canvas
        draw();
      }

// Function to handle touchend event (when a user releases finger from the screen)
      function touchEnd(e) {
        // Reset the selected decoration
        selectedDecoration = null;
      }

// Function to draw all the decorations on the canvas
      function draw() {
        var canvas = document.getElementById('canvas');
        var ctx = canvas.getContext('2d');

// Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the bank building
        ctx.fillStyle = '#ffcc66';
        ctx.fillRect(100, 100, 300, 200);

// Draw the decorations
        decorations.forEach(function (decoration) {
          ctx.drawImage(decoration.image, decoration.x, decoration.y);
        });
      }

// Initialize the decorations array
      var decorations = [];

// Pumpkin decoration
      var pumpkinImg = new Image();
      pumpkinImg.src = 'pumpkin.png';

// Ghost decoration
      var ghostImg = new Image();
      ghostImg.src = 'ghost.png';

// Popsicle decoration
      var popsicleImg = new Image();
      popsicleImg.src = 'popsicle.png';

// Add the decorations to the array
      decorations.push({ image: pumpkinImg, x: 150, y: 150 });
      decorations.push({ image: ghostImg, x: 200, y: 180 });
      decorations.push({ image: popsicleImg, x: 250, y: 220 });

// Initialize selected decoration
      var selectedDecoration = null;

// Attach touch events to the canvas
      var canvas = document.getElementById('canvas');
      canvas.addEventListener('touchstart', touchStart, false);
      canvas.addEventListener('touchmove', touchMove, false);
      canvas.addEventListener('touchend', touchEnd, false);

// Call the draw function to initially render the decorations
      draw();
    </script>
  </body>
</html>
```

Make sure you have the pictogram images (pumpkin.png, ghost.png, popsicle.png) in the same directory as the HTML file to display them correctly on the canvas.