function drawLoopSquare() { /* Canvas要素の定義など */ var cs = document.getElementById('myCanvas'); var ctx = cs.getContext('2d'); var w = cs.width; var h = cs.height; var x = 0; /* 描画フロー */ function render() { // Canvas全体をクリア ctx.clearRect(0, 0, w, h); // 要素を描画する ctx.beginPath(); ctx.strokeRect(x, 0, 10, 10); // 要素を動かす // 四角形のx座標がCanvasの横幅を超えたら初期位置(x座標を0)へ // そうでなければ、x座標を1増やす if (x > cs.width) { x = 0;