操作

Pointer Events ドラッグ操作

マウス・タッチ・ペンを1つの処理で扱える、Canvas向けドラッグ操作です。

ライセンス: CC0・商用利用／改変／再配布可・クレジット不要
使い方: canvas 要素の作成後に追加し、movePlayer(x, y) をゲーム側の移動処理へ置き換えてください。

組み込みコード

canvas.style.touchAction = "none";
canvas.addEventListener("pointerdown", (event) => {
  canvas.setPointerCapture(event.pointerId);
  move(event);
});
canvas.addEventListener("pointermove", (event) => {
  if (canvas.hasPointerCapture(event.pointerId)) move(event);
});
function move(event) {
  const rect = canvas.getBoundingClientRect();
  const x = (event.clientX - rect.left) * canvas.width / rect.width;
  const y = (event.clientY - rect.top) * canvas.height / rect.height;
  movePlayer(x, y);
}

MADE WITH THIS ASSET

このアセットを使ったゲーム

このアセットを利用した公開作品はまだありません。