The Life of Stoowarb the Orange Cute Monster!'s game

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

No:11058

132

←

Prev Next

→

The Life of Stoowarb the Orange Cute Monster!
Developer User4714｜Date and time 23/8/7 3:10:22
Build time 17.164 sec｜Game capacity 2.174KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
   <title>The Life of Stoowarb the Orange Cute Monster!</title>
   <style>
      canvas { 
         border: 1px solid black;
      }
   </style>
</head>
<body>
   <canvas id="gameCanvas" width="480" height="320"></canvas>

// Game variables
      var canvas;
      var canvasContext;
      var stoowarbX = 50;
      var stoowarbY = 50;

// Initialization function
      window.onload = function() {
         canvas = document.getElementById('gameCanvas');
         canvasContext = canvas.getContext('2d');

// Set the update interval for the game
         setInterval(update, 1000/30);

// Event listener for touch events
         canvas.addEventListener('touchstart', handleTouchStart, false);
         canvas.addEventListener('touchmove', handleTouchMove, false);
         canvas.addEventListener('touchend', handleTouchEnd, false);
      }

// Update function for game logic
      function update() {
         // Clear the canvas
         colorRect(0, 0, canvas.width, canvas.height, 'white');

// Update Stoowarb's position
         colorRect(stoowarbX, stoowarbY, 50, 50, 'orange');
      }

// Function to draw colored rectangles on the canvas
      function colorRect(topX, topY, width, height, color) {
         canvasContext.fillStyle = color;
         canvasContext.fillRect(topX, topY, width, height);
      }

// Function to handle touch start events
      function handleTouchStart(event) {
         event.preventDefault();
         var touch = event.touches[0];
         stoowarbX = touch.clientX - 25;
         stoowarbY = touch.clientY - 25;
      }

// Function to handle touch move events
      function handleTouchMove(event) {
         event.preventDefault();
         var touch = event.touches[0];
         stoowarbX = touch.clientX - 25;
         stoowarbY = touch.clientY - 25;
      }

// Function to handle touch end events
      function handleTouchEnd(event) {
         event.preventDefault();
         stoowarbX = 50;
         stoowarbY = 50;
      }
   </script>
</body>
</html>