kazuki_nagasawa https://blog.hatena.ne.jp/kazuki_nagasawa/ 雑食性雑感雑記 https://kazuki-nagasawa.hatenablog.com/ JavaScript Canvas 前回 : 等速度運動。 等速度運動やったなら、斜方投射もやっておこうと物理の計算を復習。 作成物 マウスオーバーで円 (= ボール) を作り出すのは前回と同じ。 右方向を0°として、0° ～ 180°の方向にランダムなボールを生成して投射します。 X方向の範囲外部分はループ。 Y方向下側が地面になっていて、衝突するとバウンドします。 技術要素 投射 物理の知識に詳しい記事はいっぱいあるので省略。 コンストラクタで初速を設定し、それを X 方向・Y方向に分割して速度を算出し、更に位置も算出します。 class Point { constructor(x, y, ts) { // 初期位置および初… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkazuki-nagasawa.hatenablog.com%2Fentry%2Fmemo_20221027_javascript_canvas_move_points_2" title="【JavaScript &amp; Canvas】 投射と跳ね返り - 雑食性雑感雑記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kazuki_nagasawa/20221027/20221027202145.png Hatena Blog https://hatena.blog 2022-10-27 21:02:19 rich https://kazuki-nagasawa.hatenablog.com/entry/memo_20221027_javascript_canvas_move_points_2 1.0 100%