simple elm examples, runnable in your browser
(for source code, see https://github.com/oresmus/elm-examples; most use Elm 0.17, but a few (noted below) use Elm 0.18)
dragging
-
copy of elm-lang.org/examples/drag; drag a single object, shown as an html div:
html-drag-1
-
the same code, extended to support dragging of several objects independently:
html-drag-2
-
an svg drag example, pieced together from various other examples (now upgraded to Elm 0.18):
svg-drag-1
[unexplained bug in Safari but not in Chrome, in Elm 0.17 (not yet retested in 0.18):
if user is idle for a minute or so, the next drag takes 10-30 seconds to respond]
-
a fancier svg drag example (various features to be added over time; for Elm 0.18):
svg-drag-fancy
animation and keyboard
-
Mario example by someone else (shows use of Keyboard and animationFrame in Elm 0.17; known bug: missing image):
pdamoc-Mario
other
-
the elm-lang.org "time" example (clock in svg), after doing the suggested exercise (pause button):
elmguide-time-exercise