13
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ベレの方法

Last updated at Posted at 2018-07-02

ベレの方法とは

Verlet Integration。物理っぽい動きを簡単にシミュレーションするもの(だと思う)。

わかりやすい野中さんの解説(動画あり)
http://www.fumiononaka.com/Sample/Creators_MeetUp/Creators_MeetUp_150516.html

kyndさんのおしゃれなデモ
https://kynd.github.io/p5sketches/verlet.html

まず、野中さんの解説動画をみて、kyndをみればかなり理解できる。

2つの処理

Verlet Point

  • 速度のプロパティは持たず、1フレーム前の位置だけ保持する。そして、その差分を速度とする。
  • 壁などのぶつかったら、めり込んだ分だけpositionを戻す。

野中サンプル
Kyndサンプル

Verlet Strick

VerletPoint 2点を線でつなぐ。2点の距離を最初に定めておく。毎フレのposition更新のあと、2点のベレポイントが、定めた距離以上にならないように、制限する。

野中サンプル

テクニック

四角を作るとき

4点を4つの線でつないだだけだと、つぶれちゃうので斜め2本も使う。
野中サンプル

重力を与える

毎フレーム position.y -= 0.1 とかしときゃいい。
kyndサンプル

自分で作ったもの

13
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?