Viscuit で背景を作る。

　プログラミング学習の教材の１つ、Viscuit。《ビジュアルプログラミング言語》と称している。

ビスケット viscuit

　プログラミング教育は、文科省によれば、令和２年度から導入される。

小学校プログラミング教育に関する研修教材：文部科学省

　小学校プログラミング教育に関する研修教材で指定されている言語教材は、ScratchとViscuitである。

　ブログラミンはどうなったかと言えば、Adobe Flash Playerが、令和２年末終了に伴い、使用不可になる。

「プログラミン」は2020年12月31日で利用不可に

　それでは、ビジュアルプログラミング言語と称している、Viscuit。なにか言えば、

　描いた絵が動かせるお絵描きソフトである。動かせる絵を描き、眼鏡の中に入れると動き出す。この行程がプログラミング思考を醸成すると思われる。

　歯車を押すと、画面設定ができる。簡単に２色グラデーションを作れる。スクリーンショットを取って切り抜いて背景を作る。

　雲を描いて流すように仕向けて、スクリーンショットを取る。

　この背景を元にZEPETOを用い合成させたのを以下に示す。

　作成画面の歯車にマウスポインタを置き、マウスの左ボタンを長押しすると、コード（JSON）が表示される。これをコピペし、テキストエディタに貼り付けて保存できる。反対に、初期状態で、作成画面の歯車にマウスポインタを置き、マウスの左ボタンを長押し、コード画面に貼り付けると、作成物が蘇る。

流れる雲のコード

{
"stage": [
{
"rotation": 0,
"name": "P0",
"x": 32.01,
"type": "vispict",
"y": 193.62
},
{
"rotation": 0,
"name": "P0",
"x": 32.01,
"type": "vispict",
"y": 185.58
}
],
"rules": [
{
"x": 219.44,
"type": "rule",
"body": [
{
"rotation": 0,
"name": "P0",
"x": 104.25,
"type": "vispict",
"y": 77.12
},
{
"rotation": 0,
"name": "P0",
"x": 75.65,
"type": "vispict",
"y": 74.23
}
],
"y": 186.77,
"head": [
{
"rotation": 0,
"name": "P0",
"x": 50.8,
"type": "vispict",
"y": 80.82
}
]
}
],
"base": "1/1.json",
"type": "viscuit",
"version": "5.0",
"machine": "20190601022118428471757",
"view": {
"width": 512,
"maxobj": 1000,
"height": 384,
"version": 1,
"speed": 400,
"ihloop": 0,
"dynamic": true,
"hidetools": {},
"grid": 0,
"ivloop": 0,
"type": "view",
"c1": 2763735,
"hasrotatebtn": true,
"c2": 65023
},
"picts": [
{
"name": "P0",
"type": "picture",
"base64": "eNo9VFtu3DAM5EOyd4M06E+A/vQsvVqukuv0PEW7tkSyQ8qbJWRpZZIaDkf+SRHx64OIHOM3Eb8RyRtTUL6hpznGXDOHBDtHGQnlEGYRWn+wwL+1jSd8yXjIyChxRJKGUnelPTSEdtIyZlUSbSysLFd0ZQEWThA43WAhxt5cYvNGd2r0wkytcaLAjCcLMkkrWJ3EPcJPRM+qI0/P0zpshxc8aMMpGmzd+WxGpxo/eNBfhBw0fdiMyPrDhzudkWyACBLrkWCKChCCbUPEQX8wBj3IwsLdzH0eWA7HRhYL76rP+UmvFcW+SM8TfTpWsWquUY4oDTWDxYugpEiLcOX8EaoHh/3rJfBlKJqAitKQxlcYWOKLN86MoKzoaAFa/Gb7VFQtz9MTGPLYFj0ZY5DdOPt3c40+ZfYHTz14lr+Hg8lkQYccHQ3bvahXeZGdvs1um8nkk0Bulj1KYlVau92bvvY7vcsdCsnOj+O0Qf/mCCSuypp0tDcNvYhhZgMEXwSCcsBIvVpzQkAYKF11GAEMo8JW6sv29xKupnYViUU65kJbSoRuZYp375Sbr7TxLalWWTrtLOXbliryaqCzMtTkgdVI4Wd/eV0jaCN1Udq4dI3tPvrYaPfvtgERNj09hg2Ht0/LO/l1GxNRIO3VMVmiSjDAJNX7FMWFr+RxzZIqNyj8AKbUA+jIlOKJXPEh4AnJYhR//jw0So2eH4pP+PzArMVm0H9qd4D3"
}
]
}