► |  | Fr Time: A Language for Reactive Programs

1 | Primitives
2 | Defining Custom Input Signals
3 | Signal-Processing Procedures
4 | Fred: Functional Reactive Wrapper around GRacket
5 | Graphical Demo Programs

Fr Time: A Language for Reactive Programs
1`` Primitives
undefined
undefined?
behavior?
event?
signal?
seconds
milliseconds
never-e
2`` Defining Custom Input Signals
new-cell
set-cell!
event-receiver
send-event
3`` Signal-Processing Procedures
value-now
delay-by
integral
derivative
map-e
==>
filter-e
=#>
merge-e
once-e
changes
hold
switch
accum-e
accum-b
collect-e
collect-b
when-e
lift-strict
4`` Fred: Functional Reactive Wrapper around GRacket
ft-frame%
new
ft-message%
new
ft-button%
new
get-value-e
ft-check-box%
new
get-value-b
ft-slider%
new
get-value-b
ft-text-field%
new
get-value-b
ft-radio-box%
new
get-selection-b
ft-choice%
new
get-selection-b
ft-list-box%
new
get-selection-b
get-selections-b
5`` Graphical Demo Programs

6.8
top ← prev up next →

## FrTime: A Language for Reactive Programs

Greg Cooper

#lang frtime | package: frtime

The frtime language supports declarative construction of reactive systems in a syntax very similar to that of Racket. It extends racket.

Within DrRacket, as an alternative to using #lang frtime, you can choose FrTime from the Choose Language menu.

### 1`` Primitives

> value undefined : any/c

stands for an undefined value.

> procedure (undefined? val) → boolean?
> val : any/c

return #t iff val is undefined.

> procedure (behavior? val) → boolean?
> val : any/c

returns #t iff val is a behavior (a time-varying value whose current value can be projected at any time).

> procedure (event? val) → boolean?
> val : any/c

returns #t iff val is an event (a time-varying stream of values that can occur at arbitrary times).

> procedure (signal? val) → boolean?
> val : any/c

returns #t iff val is a signal. (signal? v) is equivalent to (or (behavior? v) (event? v)).

> value seconds : behavior?

updates approximately once per second with the value of (current-seconds).

> value milliseconds : behavior?

updates frequently with the value of (current-inexact-milliseconds).

> value never-e : event?

is an event that never occurs.

### 2`` Defining Custom Input Signals

> procedure (new-cell [init-expr]) → signal?
> init-expr : signal? = undefined

returns a signal whose values initially track that of init-expr, but that may be rewired to a different signal by set-cell!.

> procedure (set-cell! cell val) → void?
> cell : signal?
> val : signal?

rewires cell (which must have been created by new-cell) to take on the value(s) of val.

> procedure (event-receiver) → event?

returns an event stream that can be triggered imperatively by send-event.

> procedure (send-event rcvr val) → void?
> rcvr : event?
> val : any/c

emits val on rcvr (which must have been created by event-receiver).

### 3`` Signal-Processing Procedures

> procedure (value-now val) → any/c
> val : any/c

projects the current value of a behavior or constant.

> procedure (delay-by val duration) → behavior?
> val : behavior?
> duration : number?

delays val by duration milliseconds.

> procedure (integral val) → behavior?
> val : (or/c number? behavior?)

computes a numeric approximation of the integral of val with respect to time (measured in milliseconds).

> procedure (derivative val) → behavior?
> val : behavior?

computes a numeric approximation of the derivative of val with respect to time.

> procedure (map-e proc ev) → event?
> proc : (-> any/c any)
> ev : event?
> procedure (==> ev proc) → event?
> ev : event?
> proc : (-> any/c any)

returns an event stream that fires whenever ev fires, whose values are transformed by application of proc.

> procedure (filter-e pred ev) → event?
> pred : (-> any/c boolean?)
> ev : event?
> procedure (=#> ev pred) → event?
> ev : event?
> pred : (-> any/c boolean?)

returns an event stream that passes through only the values from ev for which pred returns #t.

> procedure (merge-e ev ...) → event?
> ev : event?

merges all of the input event sources into a single event source.

> procedure (once-e ev) → event?
> ev : event?

returns an event source that carries only the first occurrence of ev. (The rest are filtered out.)

> procedure (changes val) → event?
> val : behavior?

returns an event source that occurs each time the argument behavior changes. The value of the occurrence is the behavior’s new value.

> procedure (hold ev [init]) → behavior?
> ev : event?
> init : any/c = undefined

constructs a behavior that starts out as init and then takes on the last value produced by ev

> procedure (switch ev [init]) → behavior?
> ev : event?
> init : behavior? = undefined

returns a behavior that starts as init. Each time ev yields a (potentially time-varying) value, the behavior switches to that value.

> procedure (accum-e ev init) → event?
> ev : event?
> init : any/c

constructs an event source by accumulating changes (carried by the given event source) over an initial value.

> procedure (accum-b ev init) → behavior?
> ev : event?
> init : any/c

combines functionality from accum-e and hold to construct a behavior. (accum-b ev init) is equivalent to (hold init (accum-e ev init)).

> procedure (collect-e ev init proc) → event?
> ev : event?
> init : any/c
> | proc |  | : |  |
> (-> any/c any/c
> any)

is similar to accum-e, except the transformer function is fixed and is applied to the event occurrence and the current accumulator (in that order).

> procedure (collect-b ev init proc) → behavior?
> ev : event?
> init : any/c
> proc : (-> any/c any/c any)

is similar to collect-e in the same way as accum-b is similar to accum-e.

> procedure (when-e val) → event?
> val : behavior?

returns an event stream that carries an occurrence each time val changes from #f to anything else.

> procedure (lift-strict proc val ...) → any
> proc : (-> [arg any/c] ... any)
> val : any/c

provides a mechanism for applying ordinary Racket primitives to behaviors. If any of the vals are behaviors, returns a behavior whose current value is always equal to (proc (value-now arg) ...). In FrTime, many Racket primitives are implicitly lifted.

The following forms allow importation of lifted procedures that aren’t included in the basic FrTime language.

> (require (lifted module-spec proc-name ...) ...)
> (require (lifted:nonstrict module-spec proc-name ...) ...)

### 4`` Fred: Functional Reactive Wrapper around GRacket

(require frtime/gui/fred) | package: frtime

class ft-frame% : class?
superclass: frame%
extends: | top-level-window<%>

> > > constructor
> > > (new ft-frame% |
> > > |  | [label label] |
> > > | [ | [parent parent] |
> > > |  | [width width] |
> > > |  | [height height] |
> > > |  | [x x] |
> > > |  | [y y] |
> > > |  | [style style] |
> > > |  | [enabled enabled] |
> > > |  | [border border] |
> > > |  | [spacing spacing] |
> > > |  | [alignment alignment] |
> > > |  | [min-width min-width] |
> > > |  | [min-height min-height] |
> > > |  | [stretchable-width stretchable-width] |
> > > |  | [stretchable-height stretchable-height] |
> > > |  | [shown shown]]) |
> > → (is-a?/c ft-frame%)
> > label : (or/c label-string? behavior?)
> > parent : (or/c (is-a?/c frame%) false/c) = #f
> > width : (or/c (integer-in 0 10000) false/c) = #f
> > height : (or/c (integer-in 0 10000) false/c) = #f
> > x : (or/c (integer-in -10000 10000) false/c) = #f
> > y : (or/c (integer-in -10000 10000) false/c) = #f
> > | style |  | : |  |
> > (listof (one-of/c 'no-resize-border 'no-caption
> > 'no-system-menu 'hide-menu-bar
> > 'mdi-parent 'mdi-child
> > 'toolbar-button 'float 'metal))
> > |  |  | = |  | null
> > enabled : any/c = #t
> > border : (integer-in 0 1000) = 0
> > spacing : (integer-in 0 1000) = 0
> > | alignment |  | : |  |
> > (list/c (one-of/c 'left 'center 'right)
> > (one-of/c 'top 'center 'bottom))
> > |  |  | = |  | '(center top)
> > min-width : (integer-in 0 10000) = graphical-minimum-width
> > min-height : (integer-in 0 10000) = graphical-minimum-height
> > stretchable-width : any/c = #t
> > stretchable-height : any/c = #t
> > shown : any/c = #f

> The constructor arguments are as in frame%, except that shown label, enabled, stretchable-width, and stretchable-height may be time-varying.

class ft-message% : class?
superclass: message%
extends: | control<%>

> > > constructor
> > > (new ft-message% |
> > > |  | [label label] |
> > > |  | [parent parent] |
> > > | [ | [style style] |
> > > |  | [font font] |
> > > |  | [enabled enabled] |
> > > |  | [vert-margin vert-margin] |
> > > |  | [horiz-margin horiz-margin] |
> > > |  | [min-width min-width] |
> > > |  | [min-height min-height] |
> > > |  | [stretchable-width stretchable-width] |
> > > |  | [stretchable-height stretchable-height]]) |
> > → (is-a?/c ft-message%)
> > | label |  | : |  |
> > (or/c label-string? behavior? (is-a?/c bitmap%)
> > (or-of/c 'app 'caution 'stop))
> > | parent |  | : |  |
> > (or/c (is-a?/c frame%) (is-a?/c dialog%)
> > (is-a?/c panel%) (is-a?/c pane%))
> > style : (listof (one-of/c 'deleted)) = null
> > font : (is-a?/c font%) = (racket normal-control-font)
> > enabled : (or/c any/c behavior?) = #t
> > vert-margin : (integer-in 0 1000) = 2
> > horiz-margin : (integer-in 0 1000) = 2
> > min-width : (integer-in 0 10000) = graphical-minimum-width
> > min-height : (integer-in 0 10000) = graphical-minimum-height
> > stretchable-width : any/c = #f
> > stretchable-height : any/c = #f

> The constructor arguments are the same as in message%, except that label, enabled, stretchable-width, and stretchable-height may be time-varying.

class ft-button% : class?
superclass: button%
extends: | control<%>

> > > constructor
> > > (new ft-button% |
> > > |  | [label label] |
> > > |  | [parent parent] |
> > > | [ | [style style] |
> > > |  | [font font] |
> > > |  | [enabled enabled] |
> > > |  | [vert-margin vert-margin] |
> > > |  | [horiz-margin horiz-margin] |
> > > |  | [min-width min-width] |
> > > |  | [min-height min-height] |
> > > |  | [stretchable-width stretchable-width] |
> > > |  | [stretchable-height stretchable-height]]) |
> > → (is-a?/c ft-button%)
> > label : (or/c label-string? behavior (is-a?/c bitmap%))
> > | parent |  | : |  |
> > (or/c (is-a?/c frame%) (is-a?/c dialog%)
> > (is-a?/c panel%) (is-a?/c pane%))
> > style : (one-of/c 'border 'deleted) = null
> > font : (is-a?/c font%) = (racket normal-control-font)
> > enabled : any/c = #t
> > vert-margin : (integer-in 0 1000) = 2
> > horiz-margin : (integer-in 0 1000) = 2
> > min-width : (integer-in 0 10000) = graphical-minimum-width
> > min-height : (integer-in 0 10000) = graphical-minimum-height
> > stretchable-width : any/c = #f
> > stretchable-height : any/c = #f

> The constructor arguments are the same as in message%, except that label, enabled, stretchable-width, and stretchable-height may be time-varying.

> > method (send a-ft-button get-value-e) → event?

> returns an event stream that yields a value whenever the user clicks the button.

class ft-check-box% : class?
superclass: check-box%
extends: | control<%>

> > > constructor
> > > (new ft-check-box% |
> > > |  | [label label] |
> > > |  | [parent parent] |
> > > | [ | [style style] |
> > > |  | [value value] |
> > > |  | [font font] |
> > > |  | [enabled enabled] |
> > > |  | [vert-margin vert-margin] |
> > > |  | [horiz-margin horiz-margin] |
> > > |  | [min-width min-width] |
> > > |  | [min-height min-height] |
> > > |  | [stretchable-width stretchable-width] |
> > > |  | [stretchable-height stretchable-height] |
> > > |  | [value-set value-set]]) |
> > → (is-a?/c ft-check-box%)
> > label : (or/c label-string? behavior? (is-a?/c bitmap%))
> > | parent |  | : |  |
> > (or/c (is-a?/c frame%) (is-a?/c dialog%)
> > (is-a?/c panel%) (is-a?/c pane%))
> > style : (listof (one-of/c 'deleted)) = null
> > value : any/c = #f
> > font : (is-a?/c font%) = (racket normal-control-font)
> > enabled : any/c = #t
> > vert-margin : (integer-in 0 1000) = 2
> > horiz-margin : (integer-in 0 1000) = 2
> > min-width : (integer-in 0 10000) = graphical-minimum-width
> > min-height : (integer-in 0 10000) = graphical-minimum-height
> > stretchable-width : any/c = #f
> > stretchable-height : any/c = #f
> > value-set : event? = never-e

> The constructor arguments are the same as in check-box%, except that label, enabled, stretchable-width, and stretchable-height may be time-varying. Also, any occurrence on value-set sets the check box’s state to that of the event value.

> > method (send a-ft-check-box get-value-b) → behavior?

> returns a value that always reflects the current state of the check box.

class ft-slider% : class?
superclass: slider%
extends: | control<%>

> > > constructor
> > > (new ft-slider% |
> > > |  | [label label] |
> > > |  | [min-value min-value] |
> > > |  | [max-value max-value] |
> > > |  | [parent parent] |
> > > | [ | [init-value init-value] |
> > > |  | [style style] |
> > > |  | [font font] |
> > > |  | [enabled enabled] |
> > > |  | [vert-margin vert-margin] |
> > > |  | [horiz-margin horiz-margin] |
> > > |  | [min-width min-width] |
> > > |  | [min-height min-height] |
> > > |  | [stretchable-width stretchable-width] |
> > > |  | [stretchable-height stretchable-height] |
> > > |  | [value-set value-set]]) |
> > → (is-a?/c ft-slider%)
> > label : (or/c label-string? behavior? false/c)
> > min-value : (integer-in -10000 10000)
> > max-value : (integer-in -10000 10000)
> > | parent |  | : |  |
> > (or/c (is-a?/c frame%) (is-a?/c dialog%)
> > (is-a?/c panel%) (is-a?/c pane%))
> > init-value : (integer-in -10000 10000) = min-value
> > | style |  | : |  |
> > (listof (one-of/c 'horizontal 'vertical 'plain
> > 'vertical-label 'horizontal-label
> > 'deleted))
> > |  |  | = |  | '(horizontal)
> > font : (is-a?/c font%) = normal-control-font
> > enabled : any/c = #t
> > vert-margin : (integer-in 0 1000) = 2
> > horiz-margin : (integer-in 0 1000) = 2
> > min-width : (integer-in 0 10000) = graphical-minimum-width
> > min-height : (integer-in 0 10000) = graphical-minimum-height
> > stretchable-width : any/c = (memq 'horizontal style)
> > stretchable-height : any/c = (memq 'vertical style)
> > value-set : event? = never-e

> The constructor arguments are the same as in check-box%, except that label, enabled, stretchable-width, and stretchable-height may be time-varying. Also, any occurrence on value-set sets the slider’s state to that of the event value.

> > method (send a-ft-slider get-value-b) → behavior?

> returns a value that always reflects the current state of the slider.

class ft-text-field% : class?
superclass: text-field%
extends: | control<%>

> > > constructor
> > > (new ft-text-field% |
> > > |  | [label label] |
> > > |  | [parent parent] |
> > > | [ | [init-value init-value] |
> > > |  | [style style] |
> > > |  | [font font] |
> > > |  | [enabled enabled] |
> > > |  | [vert-margin vert-margin] |
> > > |  | [horiz-margin horiz-margin] |
> > > |  | [min-width min-width] |
> > > |  | [min-height min-height] |
> > > |  | [stretchable-width stretchable-width] |
> > > |  | [stretchable-height stretchable-height] |
> > > |  | [value-set value-set]]) |
> > → (is-a?/c ft-text-field%)
> > label : (or/c label-string? false/c)
> > | parent |  | : |  |
> > (or/c (is-a?/c frame%) (is-a?/c dialog%)
> > (is-a?/c panel%) (is-a?/c pane%))
> > init-value : string? = ""
> > | style |  | : |  |
> > (listof (one-of/c 'single 'multiple 'hscroll 'password
> > 'vertical-label 'horizontal-label
> > 'deleted))
> > |  |  | = |  | '(single)
> > font : (is-a?/c font%) = (racket normal-control-font)
> > enabled : any/c = #t
> > vert-margin : (integer-in 0 1000) = 2
> > horiz-margin : (integer-in 0 1000) = 2
> > min-width : (integer-in 0 10000) = graphical-minimum-width
> > min-height : (integer-in 0 10000) = graphical-minimum-height
> > stretchable-width : any/c = #t
> > stretchable-height : any/c = (memq 'multiple style)
> > value-set : event? = never-e

> The constructor arguments are the same as in check-box%, except that label, enabled, stretchable-width, and stretchable-height may be time-varying. Also, any occurrence on value-set sets the text field’s state to that of the event value.

> > method (send a-ft-text-field get-value-b) → behavior?

> returns a value that always reflects the current state of the text field.

class ft-radio-box% : class?
superclass: radio-box%
extends: | control<%>

> > > constructor
> > > (new ft-radio-box% |
> > > |  | [label label] |
> > > |  | [choices choices] |
> > > |  | [parent parent] |
> > > | [ | [style style] |
> > > |  | [selection selection] |
> > > |  | [font font] |
> > > |  | [enabled enabled] |
> > > |  | [vert-margin vert-margin] |
> > > |  | [horiz-margin horiz-margin] |
> > > |  | [min-width min-width] |
> > > |  | [min-height min-height] |
> > > |  | [stretchable-width stretchable-width] |
> > > |  | [stretchable-height stretchable-height] |
> > > |  | [value-set value-set]]) |
> > → (is-a?/c ft-radio-box%)
> > label : (or/c label-string? behavior? false/c)
> > choices : (or/c (listof label-string?) (listof (is-a?/c bitmap%)))
> > | parent |  | : |  |
> > (or/c (is-a?/c frame%) (is-a?/c dialog%)
> > (is-a?/c panel%) (is-a?/c pane%))
> > | style |  | : |  |
> > (listof (one-of/c 'horizontal 'vertical
> > 'vertical-label 'horizontal-label
> > 'deleted))
> > |  |  | = |  | '(vertical)
> > selection : exact-nonnegative-integer? = 0
> > font : (is-a?/c font%) = normal-control-font
> > enabled : any/c = #t
> > vert-margin : (integer-in 0 1000) = 2
> > horiz-margin : (integer-in 0 1000) = 2
> > min-width : (integer-in 0 10000) = graphical-minimum-width
> > min-height : (integer-in 0 10000) = graphical-minimum-height
> > stretchable-width : any/c = #f
> > stretchable-height : any/c = #f
> > value-set : event? = never-e

> The constructor arguments are the same as in check-box%, except that label, enabled, stretchable-width, and stretchable-height may be time-varying. Also, any occurrence on value-set sets the text field’s state to that of the event value.

> > method (send a-ft-radio-box get-selection-b) → behavior?

> returns a value that always reflects the currently selected element in the radio box.

class ft-choice% : class?
superclass: choice%
extends: | control<%>

> > > constructor
> > > (new ft-choice% |
> > > |  | [label label] |
> > > |  | [choices choices] |
> > > |  | [parent parent] |
> > > | [ | [style style] |
> > > |  | [selection selection] |
> > > |  | [font font] |
> > > |  | [enabled enabled] |
> > > |  | [vert-margin vert-margin] |
> > > |  | [horiz-margin horiz-margin] |
> > > |  | [min-width min-width] |
> > > |  | [min-height min-height] |
> > > |  | [stretchable-width stretchable-width] |
> > > |  | [stretchable-height stretchable-height] |
> > > |  | [value-set value-set]]) |
> > → (is-a?/c ft-choice%)
> > label : (or/c label-string? false/c)
> > choices : (listof label-string?)
> > | parent |  | : |  |
> > (or/c (is-a?/c frame%) (is-a?/c dialog%)
> > (is-a?/c panel%) (is-a?/c pane%))
> > | style |  | : |  |
> > (listof (one-of/c 'horizontal-label 'vertical-label
> > 'deleted))
> > |  |  | = |  | null
> > selection : exact-nonnegative-integer? = 0
> > font : (is-a?/c font%) = (racket normal-control-font)
> > enabled : any/c = #t
> > vert-margin : (integer-in 0 1000) = 2
> > horiz-margin : (integer-in 0 1000) = 2
> > min-width : (integer-in 0 10000) = graphical-minimum-width
> > min-height : (integer-in 0 10000) = graphical-minimum-height
> > stretchable-width : any/c = #f
> > stretchable-height : any/c = #f
> > value-set : event? = never-e

> The constructor arguments are the same as in check-box%, except that label, enabled, stretchable-width, and stretchable-height may be time-varying. Also, any occurrence on value-set sets the text field’s state to that of the event value.

> > method (send a-ft-choice get-selection-b) → behavior?

> returns a value that always reflects the currently selected element in the choice control.

class ft-list-box% : class?
superclass: list-box%
extends: | control<%>

> > > constructor
> > > (new ft-list-box% |
> > > |  | [label label] |
> > > |  | [choices choices] |
> > > |  | [parent parent] |
> > > | [ | [style style] |
> > > |  | [selection selection] |
> > > |  | [font font] |
> > > |  | [label-font label-font] |
> > > |  | [enabled enabled] |
> > > |  | [vert-margin vert-margin] |
> > > |  | [horiz-margin horiz-margin] |
> > > |  | [min-width min-width] |
> > > |  | [min-height min-height] |
> > > |  | [stretchable-width stretchable-width] |
> > > |  | [stretchable-height stretchable-height] |
> > > |  | [value-set value-set]]) |
> > → (is-a?/c ft-list-box%)
> > label : (or/c label-string? false/c)
> > choices : (listof label-string?)
> > | parent |  | : |  |
> > (or/c (is-a?/c frame%) (is-a?/c dialog%)
> > (is-a?/c panel%) (is-a?/c pane%))
> > | style |  | : |  |
> > (listof (one-of/c 'single 'multiple 'extended
> > 'vertical-label 'horizontal-label
> > 'deleted))
> > |  |  | = |  | '(single)
> > selection : (or/c exact-nonnegative-integer? false/c) = #f
> > font : (is-a?/c font%) = (racket view-control-font)
> > label-font : (is-a?/c font%) = (racket normal-control-font)
> > enabled : any/c = #t
> > vert-margin : (integer-in 0 1000) = 2
> > horiz-margin : (integer-in 0 1000) = 2
> > min-width : (integer-in 0 10000) = graphical-minimum-width
> > min-height : (integer-in 0 10000) = graphical-minimum-height
> > stretchable-width : any/c = #t
> > stretchable-height : any/c = #t
> > value-set : event? = never-e

> The constructor arguments are the same as in check-box%, except that label, enabled, stretchable-width, and stretchable-height may be time-varying. Also, any occurrence on value-set sets the text field’s state to that of the event value.

> > method (send a-ft-list-box get-selection-b) → behavior?

> returns a value that always reflects the primary selection in the list box.

> > method (send a-ft-list-box get-selections-b) → behavior?

> returns a value that always reflects the current set of selected elements in the list box.

### 5`` Graphical Demo Programs

TODO: document the animation library itself!

To run the following animation/GUI demos, simply set the language level to FrTime, open the corresponding file, and Execute. See the demo source code for more information.

"orbit-mouse.rkt" : A collection of balls that move in circles around the mouse pointer.

"piston.rkt" : Simulation of a piston/cylinder.

"rotation.rkt" : Balls moving in circles.

"delay-mouse.rkt" : A trail of balls following the mouse.

"ball-on-string.rkt" : A ball chasing the mouse.

"pong.rkt" : A simple pong/air-hockey game. The left paddle moves with numeric keypad; the right paddle moves with the mouse. The ’r’ key resets the score.

"pizza.rkt" : A simple "pizza ordering" user interface based on an HtDP exercise.

"calculator.rkt" : A simple calculator interface, also based on an HtDP exercise except that the result updates continuously as the arguments and operator change.

The next three animation examples are courtesy of Robb Cutler:

"analog-clock.rkt" : An animated real-time clock. A slider adjusts the radius of the face. Click and drag to move the face around.

"growing-points.rkt" : A field of points that grow as the mouse approaches.

"needles.rkt" : A field of needles that point at the mouse.

top ← prev up next →