サーディンラン

k.tanaka

License: MIT License

Fork
1
Fav
11
View
1645
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 187 lines
  • HTML 3 lines
  • CSS 13 lines
boidsのアルゴリズムを参考にして小魚の群れの動きを表現してみました。
一応、サーディンランを意識しています。

ご存知の方も多いと思いますが、boidsのアルゴリズムとは次の3つの行動原理から成り立っています。

(A)各個体の距離が近い場合は互いに離れようとする
(B)各個体は群れの中心に集まろうとする
(C)各個体は群れ全体の進行方向に自分の進行方向を合わせようとする

今回は(B)と(C)を次のように変更してみました。

(B)各個体は一定範囲内の個体との距離が遠い場合は互いに近づこうとする
(C)各個体は一定範囲内の個体の進行方向に自分の進行方向を合わせようとする

更に、近づいたり離れたりする速度を互いの距離によって調整したり、
色々なパラメータ値を調整することにより、群れ全体の挙動を制御しています。

また群れ全体の進行ベクトルの平均値に連動して背景の明るさを変更することで、
群れ全体の躍動感を表現してみました。

IE11、Firefox、Chromeで動作確認済み。
  • サーディンラン
  • サーディンラン

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

k.tanaka

Author

Lei Hau'oliというWeb制作会社で、開発と新人教育の仕事をしています。 開発ではjavascriptのコーディングを担当しています。 制御系、サーバ系、フロント系と一通り経験してきましたが、今の仕事が一番自分の性に合っているような気がします。 canvasが好きな割には実務で使用する機会が少ないので、ここではcanvasメインの投稿をさせて頂きたいと思っています。

Lei Hau'oliホームページ https://www.leihauoli.com/

Lei Hau'oliエンジニアブログ http://tech.leihauoli.com/

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by