Microsoft Paint app. First select canvas, then select color, and then draw freely's game

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

No:43349

←

Prev Next

→

Microsoft Paint app. First select canvas, then sel..ALL
Developer User19162｜Date and time 24/2/15 8:44:59
Build time 5.386 sec｜Game capacity 2.221KB｜

Script

Sure! Here's an example of a simple drawing game implemented in a single HTML file using JavaScript:

To use this game: 1. Open any text editor and create a new file. 2. Copy and paste the above code into the new file. 3. Save the file with the extension ".html" (e.g., `drawing_game.html`). 4. Open the HTML file with any web browser (on your smartphone or computer). 5. You should see a canvas area where you can draw freely. 6. There are three buttons to change the color (red, blue, and green). 7. Click and hold your finger (or mouse) on the canvas to start drawing. 8. Move your finger (or mouse) to draw on the canvas. 9. Release to stop drawing. 10. Use the color buttons to change the drawing color. Enjoy your drawing game!

←

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 drawing game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Drawing Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="400" height="400"></canvas>

<div>
      <button onclick="changeColor('red')">Red</button>
      <button onclick="changeColor('blue')">Blue</button>
      <button onclick="changeColor('green')">Green</button>
    </div>

function startDrawing(event) {
        isMouseDown = true;
        var x = event.pageX - canvas.offsetLeft;
        var y = event.pageY - canvas.offsetTop;
        context.beginPath();
        context.moveTo(x, y);
      }

function draw(event) {
        if (!isMouseDown) return;
        var x = event.pageX - canvas.offsetLeft;
        var y = event.pageY - canvas.offsetTop;
        context.lineTo(x, y);
        context.strokeStyle = currentColor;
        context.lineWidth = 5;
        context.stroke();
      }

function stopDrawing() {
        isMouseDown = false;
      }

function changeColor(color) {
        currentColor = color;
      }
    </script>
  </body>
</html>
```

To use this game:

1. Open any text editor and create a new file.
2. Copy and paste the above code into the new file.
3. Save the file with the extension ".html" (e.g., `drawing_game.html`).
4. Open the HTML file with any web browser (on your smartphone or computer).
5. You should see a canvas area where you can draw freely.
6. There are three buttons to change the color (red, blue, and green).
7. Click and hold your finger (or mouse) on the canvas to start drawing.
8. Move your finger (or mouse) to draw on the canvas.
9. Release to stop drawing.
10. Use the color buttons to change the drawing color.

Enjoy your drawing game!