Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
430
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
200
Single File Ruby Programs 2.0
Avatar for Christian Bäuerlein fabrik42
1
230
Single File Ruby Programs
Avatar for Christian Bäuerlein fabrik42
0
330
Agile Software Development for Software Developers
Avatar for Christian Bäuerlein fabrik42
0
65
Phoenix Live View
Avatar for Christian Bäuerlein fabrik42
0
660
Rails API-only considerations
Avatar for Christian Bäuerlein fabrik42
0
420
Org-Mode
Avatar for Christian Bäuerlein fabrik42
0
580
Cleaner, scalable views with object oriented components
Avatar for Christian Bäuerlein fabrik42
0
390
Headless Browser Experiments
Avatar for Christian Bäuerlein fabrik42
0
440

Other Decks in Programming

See All in Programming
ジョジョの世界をXRで再現する
Avatar for mofurune mofurune
0
160
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
150
Verilogで学ぶCPU自作入門
Avatar for uyuki uyuki234
8
4.1k
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
180
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
980
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
290
Ghostty + Neovimで作る 透明でカッコ良い開発環境
Avatar for Kanade Nonomura j341nono
0
170
IBM Bob でAI駆動開発『QC-Playbook』
Avatar for 1kano ichirokano2
0
110
難しいけど、読めた。- OSSの入口に立った話。
Avatar for shota sts11142
0
150
外から家のPCの電源入れたい！をＰＨＰで解決する
Avatar for かわしも（Shimokawa Shion） kawashimo0
1
130
[2026-09-26]空論ジェネリックプロセス～テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話～
Avatar for tosite tosite
0
270
ソニーのクラウド共通基盤の変遷と AI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
Avatar for KenjiYoneyama kenjiyoneyama
0
250

Featured

See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
490
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
510
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
560
HDC tutorial
Avatar for Michiel Stock michielstock
2
960
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
4k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.2k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
450
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
409
67k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
550
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
300

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/