States of matter
Canonical Scrwly scene example: states-of-matter-comparison
Scene JSON
{
"version": "0.1",
"id": "states-of-matter-comparison",
"title": "States of matter",
"canvas": {
"width": 900,
"height": 430,
"background": "background",
"padding": 40
},
"theme": {
"id": "clean-light"
},
"nodes": [
{
"id": "title",
"x": 450,
"y": 58,
"type": "text",
"text": "Solids, liquids and gases",
"fontSize": 27,
"fontWeight": 650,
"align": "center"
},
{
"id": "solid",
"x": 90,
"y": 118,
"width": 210,
"height": 238,
"style": {
"fill": "#f6f6f1",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "roundedRect",
"radius": 8,
"label": "Solid"
},
{
"id": "liquid",
"x": 345,
"y": 118,
"width": 210,
"height": 238,
"style": {
"fill": "#e3e3dc",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "roundedRect",
"radius": 8,
"label": "Liquid"
},
{
"id": "gas",
"x": 600,
"y": 118,
"width": 210,
"height": 238,
"style": {
"fill": "#cfcfc6",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "roundedRect",
"radius": 8,
"label": "Gas"
},
{
"id": "solidHeading",
"x": 195,
"y": 162,
"type": "text",
"text": "Solid",
"fontSize": 22,
"fontWeight": 600,
"align": "center"
},
{
"id": "liquidHeading",
"x": 450,
"y": 162,
"type": "text",
"text": "Liquid",
"fontSize": 22,
"fontWeight": 600,
"align": "center"
},
{
"id": "gasHeading",
"x": 705,
"y": 162,
"type": "text",
"text": "Gas",
"fontSize": 22,
"fontWeight": 600,
"align": "center"
},
{
"id": "solidText",
"x": 195,
"y": 246,
"width": 164,
"type": "text",
"text": "Particles packed tightly\nKeeps its shape",
"fontSize": 19,
"align": "center",
"wrap": true
},
{
"id": "liquidText",
"x": 450,
"y": 246,
"width": 164,
"type": "text",
"text": "Particles move around\nTakes shape of container",
"fontSize": 19,
"align": "center",
"wrap": true
},
{
"id": "gasText",
"x": 705,
"y": 246,
"width": 164,
"type": "text",
"text": "Particles spread out\nFills available space",
"fontSize": 19,
"align": "center",
"wrap": true
}
]
}