My adventure with Elm

on YouTube ↗44m

" summary

Elm demo builds a playable Snake: keyboard arrows sampled at 20 frames per second feed foldp signals to produce a stream of full game states, a random seed spawns cherries, eating one appends a segment and collision with window.dimensions ends the game. The implementation compiles to JS/HTML, runs in the browser and grows correctly, but the time-traveling debugger accumulates 20 events/sec and Elm pre-1.0 breaking changes have broken demos in updates. Performance is reported comparable to top JS frameworks.

AI-written summary · about

" chapters (25)

1. 0:00Introduction
2. 1:34Functional Reactive Programming
3. 3:34Managing Complexity
4. 7:14State of Transformation
5. 10:52Inspiration
6. 20:29Union types
7. 22:59Nested functions
8. 24:43First signal
9. 27:44Snake demo
10. 28:17Standard rules
11. 28:50Standard template
12. 29:40Default user input
13. 30:24Game state
14. 31:10Map values
15. 31:42Snake dimension
16. 32:08Sheree
17. 33:23Coordinates
18. 33:50Sherry
19. 34:25State Transition
20. 34:53Pattern Matching
21. 36:09Window Dimension
22. 36:44Input Dimension
23. 37:30Random Number Generation
24. 38:39New Sherry
25. 40:28The Snake

" related talks

• 53mAdventures in Elm: Events, Reproducibility, and KindnessJessica Kerr · Philly ETE 2016
• 37mElm and game development, a perfect fitPaulo Diniz · THE CONF 2017
• 47mElm or how I learned to love front end developmentMarco Perone · Codemotion Rome 2016
• 26m"Building a Music Learning Game with Elm, Web MIDI, and SVG Animation"Liz Krane · Elm Conf 2019
• 18mEmulating the Nintendo Game Boy CPU with ElmManuel Fuchs · Oslo Elm Day 2019
• 45mFunctional Reactive Programming in ElmEvan Czaplicki · Strange Loop 2013
• 24mBuilding a Music Learning Game with Elm, Web MIDI, and SVG AnimationLiz Krane · ReactiveConf 2019
• 36mBuilding a Graphical IDE in Elm (...)Claudia Doppioslash · Erlang User Conference 2016