3-D hair grower hair on a walkway will be placed and when someone touches it, their hair gets longer's game

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

No:24838

←

Prev Next

→

3-D hair grower hair on a walkway will be placed a..ALL
Developer User11847｜Date and time 23/11/13 1:16:20
Build time 89.954 sec｜Game capacity 3.173KB｜

Script

Sure! Here's an example of a simple game called "3-D Hair Grower":

When you open this HTML file on your smartphone, you'll see a blank canvas with a hair pictogram. By touching and dragging the hair pictogram, you can grow the length of the hair. The hair length will increase gradually until it reaches its maximum length (150 units). The hair color is set to black in this example, but you can modify it to any color you prefer. Please note that this is a simplified version of the game and can be further enhanced with additional features and graphics.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game called "3-D Hair Grower":

```html
<!DOCTYPE html>
<html>
<head>
  <title>3-D Hair Grower</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    
    canvas {
      display: block;
      background-color: #f2f2f2;
    }
  </style>
</head>
<body>
  <script>
    // Wait for the HTML document to fully load
    document.addEventListener('DOMContentLoaded', function() {
      // Create a canvas element
      var canvas = document.createElement('canvas');
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      document.body.appendChild(canvas);

// Get the 2D context of the canvas
      var ctx = canvas.getContext('2d');

// Hair object
      var hair = {
        x: canvas.width / 2, // Initial position
        y: canvas.height / 2,
        length: 50,
        maxLength: 150,
        growthRate: 2,
        isGrowing: false,
        color: '#000000'
      };

// Handle touch events on the canvas
      canvas.addEventListener('touchstart', function(event) {
        var touchX = event.touches[0].pageX;
        var touchY = event.touches[0].pageY;

if (isColliding(touchX, touchY, hair.x, hair.y, 20)) {
          hair.isGrowing = true;
        }
      });

canvas.addEventListener('touchend', function() {
        hair.isGrowing = false;
      });

canvas.addEventListener('touchmove', function(event) {
        var touchX = event.touches[0].pageX;
        var touchY = event.touches[0].pageY;

if (hair.isGrowing) {
          hair.length += hair.growthRate;

if (hair.length > hair.maxLength) {
            hair.length = hair.maxLength;
          }

drawHair(hair.x, hair.y, hair.length);
        }

hair.x = touchX;
        hair.y = touchY;
      });

// Function to check collision between two circles
      function isColliding(x1, y1, x2, y2, radius) {
        var dx = x1 - x2;
        var dy = y1 - y2;
        var distance = Math.sqrt(dx * dx + dy * dy);
        return distance <= radius;
      }

// Function to draw the hair
      function drawHair(x, y, length) {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        ctx.beginPath();
        ctx.lineWidth = 5;
        ctx.moveTo(x, y);
        ctx.lineTo(x, y - length);
        ctx.strokeStyle = hair.color;
        ctx.stroke();

ctx.beginPath();
        ctx.arc(x, y, 20, 0, 2 * Math.PI);
        ctx.fillStyle = hair.color;
        ctx.fill();
      }

// Initial drawing
      drawHair(hair.x, hair.y, hair.length);
    });
  </script>
</body>
</html>
```

When you open this HTML file on your smartphone, you'll see a blank canvas with a hair pictogram. By touching and dragging the hair pictogram, you can grow the length of the hair. The hair length will increase gradually until it reaches its maximum length (150 units). The hair color is set to black in this example, but you can modify it to any color you prefer.

Please note that this is a simplified version of the game and can be further enhanced with additional features and graphics.