Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Flocking Simulation with Phoenix Channels

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Christian Bäuerlein Christian Bäuerlein
April 19, 2018
Programming
420
1

Flocking Simulation with Phoenix Channels

Code can be found here: https://github.com/fabrik42/flocking_elixir

Avatar for Christian Bäuerlein

Christian Bäuerlein

April 19, 2018

More Decks by Christian Bäuerlein

See All by Christian Bäuerlein
Single File Ruby Programs @ RubyUnconf 2023
Avatar for Christian Bäuerlein fabrik42
0
180
Single File Ruby Programs 2.0
Avatar for Christian Bäuerlein fabrik42
1
220
Single File Ruby Programs
Avatar for Christian Bäuerlein fabrik42
0
310
Agile Software Development for Software Developers
Avatar for Christian Bäuerlein fabrik42
0
63
Phoenix Live View
Avatar for Christian Bäuerlein fabrik42
0
650
Rails API-only considerations
Avatar for Christian Bäuerlein fabrik42
0
400
Org-Mode
Avatar for Christian Bäuerlein fabrik42
0
570
Cleaner, scalable views with object oriented components
Avatar for Christian Bäuerlein fabrik42
0
380
Headless Browser Experiments
Avatar for Christian Bäuerlein fabrik42
0
430

Other Decks in Programming

See All in Programming
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
0
400
Spec Driven Development | AI Summit Lisbon
Avatar for Daniel Sogl danielsogl
PRO
0
200
並列実装の現場、2ヶ月間実務でAIを使い倒したAIもPCも私も限界が近い
Avatar for ming ming_ayami
0
130
メソッドのジェネリクスでGoの夢は広がるか？ / Kyoto.go #65
Avatar for utagawa kiki utgwkk
3
850
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
Avatar for Wagyu wagyu
0
250
そのテスト、説明できますか？~LWテスト戦略FW~のご紹介
Avatar for Kei Nakahara nakahara
0
150
AI 輔助遺留系統現代化的經驗分享
Avatar for James Wang jame2408
1
840
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
230
A2UI という光を覗いてみる
Avatar for SatohJohn satohjohn
1
140
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
Avatar for hideki kinjyo o0h
PRO
0
260
jQueryをバージョンアップする前に使いたいjQuery Migrate
Avatar for Atsushi Matsuo matsuo_atsushi
0
560
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
Avatar for Yuku Kotani yukukotani
3
4.3k

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
210
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
160
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.2k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
390

Transcript

  1. Flocking Simulation with Phoenix Channels

  2. Flocking Theory

  3. None

  4. Use case: Cinematic effects

  5. Boid: One member of a flock

  6. * Location

  7. * Location * Perception Radius

  8. * Location * Perception Radius * Velocity * Heading

  9. You Need Three Behaviours

  10. 1. Cohesion

  11. 1. Cohesion

  12. 1. Cohesion

  13. 2. Alignment

  14. 2. Alignment

  15. 2. Alignment

  16. 3. Separation

  17. 3. Separation

  18. 3. Separation ! !

  19. 3. Separation ! !

  20. * Cohesion * Alignment * Separation = Next move

  21. Architecture

  22. Phoenix BoidsChannel Receives Updates Changes Settings GenServer WorldStateUpdater Calling itself

    
 30 times per second Simulation Calculates new positions per boid based on world state <canvas> Renderer Renders updated world state Socket Connection Receives Updates Changes Settings

  23. Demo Time!

  24. Read on! http://harry.me/blog/2011/02/17/neat-algorithms-flocking/ http://www.red3d.com/cwr/boids/