Un juego donde podamos dibujar como si fuera paint's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Un juego donde podamos dibujar como si fuera paint's game | AI game creator

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

No:22696

133

←

Prev Next

→

Un juego donde podamos dibujar como si fuera paint
Developer User3408｜Date and time 23/10/24 7:34:55
Build time 29.036 sec｜Game capacity 2.196KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Mi Juego de Dibujo</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
      }

canvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas"></canvas>

var painting = false;
        var previousX, previousY;

canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

canvas.addEventListener("mousedown", startPainting);
        canvas.addEventListener("touchstart", startPainting);

canvas.addEventListener("mousemove", draw);
        canvas.addEventListener("touchmove", draw);

canvas.addEventListener("mouseup", stopPainting);
        canvas.addEventListener("mouseleave", stopPainting);
        canvas.addEventListener("touchend", stopPainting);

function startPainting(event) {
          painting = true;
          var coordinates = getCoordinates(event);
          previousX = coordinates.x;
          previousY = coordinates.y;
        }

function draw(event) {
          if (!painting) return;

var coordinates = getCoordinates(event);
          var currentX = coordinates.x;
          var currentY = coordinates.y;

context.lineWidth = 5;
          context.lineCap = "round";
          context.strokeStyle = "#000000";

context.beginPath();
          context.moveTo(previousX, previousY);
          context.lineTo(currentX, currentY);
          context.stroke();

previousX = currentX;
          previousY = currentY;
        }

function stopPainting() {
          painting = false;
        }

function getCoordinates(event) {
          var x, y;

if (event.touches && event.touches.length === 1) {
            x = event.touches[0].clientX;
            y = event.touches[0].clientY;
          } else {
            x = event.clientX;
            y = event.clientY;
          }

return { x: x, y: y };
        }
      };
    </script>
  </body>
</html>