create a new entity in an area using a position and a key(string).

Turn the area into Html. Animation can only happen within an area. If an entity should move from one area into another, you have to use pileAbove to define the sub-areas.

You can change the transition speed:

speedInSec =
    0.5


toHtml [Html.Attributes.style "transition" ("transform " ++ String.fromInt speedInSec ++ "s")]

Map the contents of a list of entities

Map the position of each entity in a list

Move each element of the list to a random position.

Map the rotation of each entity in a list

Apply a random rotation to each element of the list.

Map the z-Index of each entity in a list

assigns three events: onMouseUp, onMouseDown and onClick (useful for touch screens).

onClick will perform the onPress action and if that does not exist, it will perform the onRelease action instead.

Define hover events

Create a pile in an area.

rotate each element of a list evenly within a given interval.

move each element in a list evenly with respect to angle and distance of the original position.