Un juego de pintar dónde arrastras la pantalla para pintar,y que no se mueva la pantalla cuando arrastras, también según la dirección de tu dedo se pintara ahí.'s game

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

No:50557

111

←

Prev Next

→

Un juego de pintar dónde arrastras la pantalla par..ALL
Developer User18058｜Date and time 24/3/9 0:07:12
Build time 4.586 sec｜Game capacity 1.037KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Pintar</title>
</head>
<body>
  <canvas id="canvas" width="400" height="400" style="border:1px solid black;"></canvas>
  <script>
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');
    
    let painting = false;
    
    canvas.addEventListener('mousedown', startPosition);
    canvas.addEventListener('mouseup', finishPosition);
    canvas.addEventListener('mousemove', draw);
    
    function startPosition(e) {
        painting = true;
        draw(e);
    }
    
    function finishPosition() {
        painting = false;
        ctx.beginPath();
    }
    
    function draw(e) {
      if (!painting) return;
      ctx.lineWidth = 10;
      ctx.lineCap = 'round';
      ctx.strokeStyle = '#000000';
      
      ctx.lineTo(e.clientX - canvas.offsetLeft, e.clientY - canvas.offsetTop);
      ctx.stroke();
      ctx.beginPath();
      ctx.moveTo(e.clientX - canvas.offsetLeft, e.clientY - canvas.offsetTop);
    }
  </script>
</body>
</html>