この例は、傾斜面で跳ねるボールを示しており、 反射のためのベクトル計算を使用して実装されています。
このコードは、 p5.Vector クラスを広範囲に使用しており、 createVector() 関数を使用して新しいベクトルを作成し、 ベクトル計算のためのベクトルメソッド add() および dot() を使用しています。
非直交反射 by p5.js Contributors and the Processing Foundation is licensed under CC BY-NC-SA 4.0.
関連する実例

キャンバスの底にある傾斜した平面の上に浮かぶ小さな緑の円。
非直交反射
傾斜面で跳ねるボールをシミュレートします。

黒い背景にある黄色の五角形。
ソフトボディ
マウスに向かって加速するソフトボディの物理をシミュレートします。

9つの多色の円が灰色の背景に異なる高さで配置されています。
力
物体が液体を通過する際の力をシミュレートします。

右に向かって傾いた虹色の煙、その上に右を指す白い矢印。
スモークパーティクル
パーティクルシステムで煙をシミュレートします。

黒い線で描かれた白い背景の正方形のグリッド。一部の正方形は黒で塗りつぶされています。
ライフゲーム
ジョン・コンウェイのセルオートマトンを再現します。

マンデルブロ集合のカラフルな描画。
マンデルブロ集合
フラクタル構造を生成する数学的集合を視覚化します。