javascript 【JavaScript】 球と球の衝突反応 最も簡単な衝突反応 球と球が衝突した時の動き(衝突反応)をJavaScriptで実現してみる。ビリヤードの球の動きが典型例で、昔からあるおはじきやビー玉遊びも含まれるだろう。ビデオゲームではスマホアプリの「モンスターストライク」などが代表... 2023.01.28 javascriptゲームアルゴリズム
javascript 【JavaScript】角度のついた跳ね返り 基本の角度のついた跳ね返り 水平面や垂直面に対する跳ね返りは、単に速度を反転させればよく簡単だが(【JavaScript】ボールを壁で跳ね返させる)、反射面に角度がついている場合は難しい。そこで、ボールが反射面に当たった時、システムの座標... 2023.01.18 javascriptゲームアルゴリズム
javascript 【JavaScript】当たり判定を行う 下はJavaScriptで実装した円形当たり判定のデモ。赤円をドラッグし青円に当てると「HIT!」と表示される。 円形の当たり判定はピタゴラスの定理を使い斜線の距離から割り出す。ピタゴラスの定理とは、直角三角形の斜辺(c)の2... 2023.01.09 javascriptゲームアルゴリズム
javascript 【JavaScript】オブジェクトにバネ運動させる オブジェクトにバネ運動をさせるスクリプト。Canvas上をクリックすると、左上からCanvas中央に向かって猫画像が移動する。 まず、猫画像を表示するCatクラス。 /** * 猫画像を表示(cat.js) */ ... 2023.01.06 javascript
javascript 【JavaScript】オブジェクトをイージング(比例運動)させる イージング(比例運動)とは、出発点から目標点に近づくにつれ、徐々に遅くなって止まるような動き。出発から到着まで同じ速度の等速運動と違い自然な動き見える。 下のスクリプトはCanvasの中心を目標点に設定し、マウスでCanvas内をクリ... 2023.01.01 javascriptゲームアルゴリズム