ToonTalk Widgets and Tools

You can make things in a work area. You can resize work areas by dragging the right or bottom edge.


{ "semantic": { "type": "top_level" }, "view": { "background_color": "rgba(245, 240, 240, 0.941176)", "frontside_width": 0, "frontside_height": 0, "backside_width": 484, "backside_height": 117, "backside_left": 8, "backside_top": 185.1875, "backside_geometry": { "x_scale": 1, "y_scale": 1, "original_width": 1200, "original_height": 475 }, "drag_x_offset": 107, "drag_y_offset": 70.8125, "backside": true }, "version": 1 }

You can pick up and drop any of the following widgets:

{ "semantic": { "type": "number", "operator": "+", "numerator": "1", "denominator": "1", "format": "improper_fraction" }, "view": { "frontside_width": 76, "frontside_height": 55, "frontside_left": 57, "frontside_top": 82, "drag_x_offset": 19, "drag_y_offset": 46 }, "version": 1 }
Numbers for doing arithmetic.
{ "semantic": { "type": "box", "size": 2, "contents": [ null, null ], "horizontal": true, "running": true }, "view": { "frontside_width": 164, "frontside_height": 68, "frontside_left": 268, "frontside_top": 53, "backside_geometry": { "x_scale": 1, "y_scale": 1, "original_width": 171, "original_height": 39 }, "drag_x_offset": 68, "drag_y_offset": 66 }, "version": 1 }
Boxes for storing widgets.
{ "semantic": { "type": "nest", "contents": [] }, "view": { "frontside_width": 116, "frontside_height": 141 }, "version": 1 }
Birds and nests for sending messages.
{ "semantic": { "type": "scale", "size": 2, "contents": [ null, null ], "horizontal": true }, "view": { "frontside_width": 123, "frontside_height": 91, "frontside_left": 268, "frontside_top": 53, "backside_geometry": { "x_scale": 1, "y_scale": 1, "original_width": 123, "original_height": 91 }, "drag_x_offset": 68, "drag_y_offset": 66 }, "version": 1 }
Scales for comparing things.
{ "semantic": { "type": "sensor", "contents": [], "guid": "sensor sensor", "waiting_robots": [], "event_name": "keydown", "attribute": "key" }, "view": { "frontside_width": 116, "frontside_height": 98, "frontside_left": 6, "frontside_top": 6, "drag_x_offset": 48, "drag_y_offset": 50 }, "version": 1 }
Sensors for sensing browser events like mouse clicks or key presses.
This will be replaced by a bird. a 'sum' function bird
{ "semantic": { "type": "bird", "nest": { "semantic": { "type": "function_nest", "function_type": "number", "function_name": "sum" }, "view": { "backside": false }, "version": 1 } }, "view": { "frontside_width": 70, "frontside_height": 102, "saved_width": 70, "saved_height": 102, "backside": false }, "version": 1 }
Functions birds take boxes and return with the results of computing a function.
Browser elements. You can drag images and rich text from other web pages and then make them do things.
{"semantic":{"type":"robot","body":{"type":"body","steps":[],"run_once":false}}, "view": {"drag_x_offset":31,"drag_y_offset":48}}
Robots that you can train to work for you.

To give behaviors to widgets or customise them click on them to open their backsides.

There are two tools you can use:

{ "semantic": { "type": "wand" }, "view": { "frontside_width": 191, "frontside_height": 31, "frontside_left": 6, "frontside_top": 6 }, "version": 1 }
A Magic Wand for copying things.
{ "semantic": { "type": "vacuum" }, "view": { "frontside_width": 123, "frontside_height": 45, "frontside_left": 6, "frontside_top": 6 }, "version": 1 }
Dusty the Vacuum for removing and erasing things.

The easiest way to save and share your programs is to use the settings button () on a work space.

Learn more about ToonTalk Reborn.

Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01 Image 01