Guide · 11 of 15
Controls
Controls are the interactive widgets the learner uses. They write to state variables, which re-evaluates all object expressions.
slider#
A horizontal slider bound to a numeric state variable. min/max override the param's range.
slider <bind> { [label: "text"], [min: <n>], [max: <n>], [step: <n>] }
Example
stepper#
A − / + stepper bound to a numeric state variable.
stepper <bind> { [label: "text"], [step: <n>] }
Example
rectangles
4
picker#
A row of pill buttons bound to a choice state variable, one per option. The buttons show the option values; labels: gives them other text, one string per option in order, for when the values are keywords the scene reads (like carriers) or the lesson is not in English.
picker <bind> { [label: "text"], [labels: ["...", "..."]] }
Example
pick a shape