今日の作業は「クリックしたライフ位置を計算する」です。
こんな感じのコードになりました。
function handleMouseDown(event) {
_canvas = document.getElementById("canvas");
let rcCanvas = _canvas.getBoundingClientRect();
_canvasOffsetX = rcCanvas.left + window.pageXOffset;
_canvasOffsetY = rcCanvas.top + window.pageYOffset;
let x = event.pageX - _canvasOffsetX;
let y = event.pageY - _canvasOffsetY;
let xDotIndex = Math.floor(1 + _life.bw * (x / window.innerWidth));
let yDotIndex = Math.floor(1 + _life.bh * (y / window.innerHeight));
}
_life.bwは、横方向のライフ数、_life.bhは、縦方向のライフ数です。xDotIndexとyDotIndexが目的のクリックしたライフ位置になります。
どうでも良いですが、GTR-NISMOの本家のデアゴスティーニの箱の方が消化出来ずに積み上がってきました。なんとか消化したいです。
｡･ﾟ･(ﾉД`)･ﾟ･｡えーん
以上です！