ピクトグラミングの学習用テキストを更新しました。一つ前のバージョン20210909に対して、「5章　ピクトスイミング」「6章　物体移動」の2章を追加しました。また8章を変更しました。

Pictogramming（ピクトグラミング）

Pictogramming学習用テキスト(英語命令　8章　20211024版)

Pictogramming学習用テキスト(日本語命令　8章　20211024版)

ピクトグラミングの学習用テキストのページからダウンロードできます。こちらのページも更新いたしました。

引き続きピクトグラミングシリーズをよろしくお願いします。

ブロックピクトグラミング(日本語PC版)にビデオモーションセンサーの機能を実装しました

画面右上にチェック☑を入れて操作するアイコンがあると思います。一番右のビデオのアイコンの右にあるにチェック☑をオンにしましょう。

するとカメラの映像がピクトグラム表示領域にオーバレイされます．

イベントカテゴリのブロック一覧は以下の通りです．

イベントカテゴリのブロックは「実行ボタンが押されたとき」のコ型ブロック内の実行が終了するまで有効なので，実行ボタンが押されたときに「n秒まつ」のブロックを入れておくと良いと思います．この点ご注意ください．

ビデオモーションセンサーのブロックは以下の3通りを用意しています．ある特定の座標の色情報の変化が特定の条件を満たすとそのコ型ブロックの内部のプログラムが実行されます．色情報の取得及びプログラムの実行タイミングは0.5秒おきになっています．

体の特定の場所の明るさの値が30以上変化したときに実行されるブロック．明るさ（明度）の値は，0（暗い）から255（明るい）の間の整数値をとります．最新の値を取得した際，一つ前（0.5秒前）に取得した値より30以上変化しているときに実行されます．

体の特定の場所の明るさor赤色成分or緑色成分or青色成分（0から255）が一定以上変化or一定以上に変化or一定以下に変化したときに実行されるブロック．特定の座標の色情報は，RGBカラーモデルに基づいて保持されています．RGBカラーモデルでは，それぞれの座標に対して，「赤色成分」「緑色成分」「青色成分」に分割し，それぞれの色成分も明るさと同様に0から255の値をとります．このブロックは，指定した体の特定の場所の座標の明るさあるいは指定した色成分の最新の値を取得した際，一つ前（0.5秒前）に取得した値との比較して条件を満たしたときに実行されます．

特定の座標の明るさor赤色成分or緑色成分or青色成分（0から255）が一定以上変化or一定以上に変化or一定以下に変化したときに実行されるブロック　一つ上のブロックでは，体の特定の場所の座標の値を変化の検知の対象にしていますが，こちらは，指定された特定の座標を対象としています．

イベントの検知及び発生タイミングは0.5秒おきになっています．

下は，人型ピクトグラムの左手を触ってあげると喜ぶプログラムです．

とりあえずの実装なので，ご容赦ください．Tentativeバージョンとして，今後改良をしていきます．

ちなみにイベントカテゴリには，キーイベントのブロックも実装してますので，ちょっとしたミニゲームなどを作成することもできます．

ビデオ機能のない，一つ前のブロックピクトグラミング（日本語PC版旧版）旧版を使いたい方はこちらからアクセスください．

ピクトグラミングシリーズには，タートルグラフィックスの機能があります．

ピクトググラミングシリーズ独自の特徴として

1. 移動や進行方向の変化に時間の概念を取り入れ可能

2. 人型ピクトグラム回転，移動命令と同じく，「待ち」命令を取り入れている．

があります．

ブロックピクトグラミングを例にあげます．タートルグラフィックス関係のブロック（命令）は以下のとおりです．

ピクトグラミングでは，以下の通りです．第２引数に時間を指定できるようになっています．また，後ろにWをつけたFDW，BKW，RTW，LTW命令もあり．Wが付くか付かないかの挙動は，R,RW命令やM,MW命令と同様の対応関係になっています．Picthon（ピクトグラミングPython版）やJavaScpict（ピクトグラミングJavaScript版）でも同様になります．

また各言語の表記は以下の通りです．

今回，以下の変更を行いました．

1. タートル描画に関する命令を使った場合，自動的に大きさ0.1, 線の太さ1, 体に対する描画がonになる．

2. 描画中は人型ピクトグラムが進行方向を向く．

1.は，ピクトグラム作成が主題ですので，大きさや線の太さはデフォルトにしています．よってタートル描画をする際，大きさや線の太さを変更する命令を記述することが最初に必要でしたが，これを省略し，描画に集中できるようにしました．

また，ピクトグラミングシリーズは正面からの視点でした．タートルグラフィックスでは上からの視点が望ましいです．2.は，プールや海の上で泳いでいるのを上からの視点で表示しているイメージを想像してもらうために進行方向を向くようにしました．人型ピクトグラムは顔や衣服などがないので，このような泳ぎメタファの導入によって正面視点と上から視点の両方の切り替えが可能となりました．

ブロックピクトグラミングを使った例を示します．

まずは正五角形です．

”待ち”のあるなしと時間をうまく組み合わせることにより様々な図形を描画できます．

今回の変更はピクトグラミングシリーズ全てが対象です．ピクトグラミングのPython言語版Picthonの例です．同じくWと時間をうまく組み合わせることにより様々な図形を描画できます．

for _ in range(4):
    pic.FD(200 * math.pi * 1/4, 2)
    pic.RTW(90, 1)
    pic.LTW(90, 1)
    pic.RT(90)

ブロックピクトグラミングのブロックカテゴリ名も，「タートル」から「泳ぎ」（英語版 Swimming）に変更いたします．

またタートルグラフィックスの機能に関する名称に関しましても，ピクトグラミングシリーズでは以後，説明で参照する場合を除き，この機能に関しては「ピクトスイミング」という名称を使っていきたいと考えております．これまでも，「私は人型なのになぜ”タートル”なのか」と人型ピクトグラムから常に言われておりました．やっと肩の荷が降りました．このアイデアは，すっとこさまよりいただきました．ありがとうございました．

ピクトグラミングを更新しました．PC・タブレット版，スマートフォン版両方です．

追加した機能は

1. 反転表示

2. 線画オブジェクトのグループ化と移動

です．

いずれもすでに先行してブロックピクトグラミングには反映していましたが，ピクトグラミングにも反映させました．

1. 反転表示

ピクトグラムというとサイン用途で使われるものが有名ですが，コミュニケーション用途で用いるピクトグラムのデザイン指針を定めたJIST0103（コミュニケーション支援用絵記号デザイン原則）およびISO19027(Design principles for communication support board using pictorial symbols)では，サイン用途の配色と反転した，黒背景に白のピクトグラムが推奨されています．そのため「RV」(Reverse)の命令を追加しました．

2. 線画オブジェクトの移動

ピクトグラミングシリーズでは，人型ピクトグラム以外のオブジェクトは基本図形（線分または円）の集合で描きます．従来からフレーム単位の描画（Processingで採用されているような描いて全て消すの繰返し）をすればオブジェクトを移動させる（ように見える）ことはできました．しかしより簡便で理解しやすい方法を実装しました．

一つ以上の基本図形から構成されるオブジェクトを定義できる命令，定義されたオブジェクトを等速直線移動する命令を追加しました．．

ブロックピクトグラミングと，同じ実行結果になるピクトグラミング（日本語版）のプログラムを下に例を示します．「物体を定義するためDO(物定義)命令を使って「りんご」というラベルを設定して定義しています．内部には，円と線分を描く二つの命令があります．これが構成要素となります．平行移動する命令(MO 物移動，MOW　物移動待ち)があり，これにより「りんご」が等速で落下します．オブジェクトの作成を通じて，複数の命令をまとめラベリングする手続き化の処理に慣れ親しんでもらいます

反転
回転待ち 右肩 69
回転待ち 右肘 41
物移動 りんご 0 320 0.5

物定義 りんご
円 211 -50 42 42 0
線 211 -55 211 -85
終わり

アプリケーション下側の命令入力支援領域のボタンも更新しました．

作品集のページの「やり投げ」もこの機能を使ったバージョンに更新しました．引き続きピクトグラミングシリーズをよろしくお願いします．

関数や手続きの中で自分自身を呼び出す処理を再帰呼出しといいます．

プログラミングを学習する際，この再帰の概念でつまづく人も少なくありません．

懸垂を10回するプログラムを例に再帰について考えてみたいと思います．

図 (1)

図 (2)

これを再帰を使わずにブロックピクトグラミング（ピクトグラミングブロック版）で作成した例です．回数を引数指定して懸垂をする関数（実際は手続き）「懸垂」，図(1)の状態にする手続き「初期状態」と，図(1)→図(2)→図(1)の状態変化をアニメーションで表現する手続き「1回曲げ伸ばし」が定義されておりこちらは折りたたんで表示してあります．人型ピクトグラムとは異なる視点である第三者視点だと，繰返しを使った表現が思いつくでしょう．

次に再帰を使って，記述してみます．こちらは関数（実際には手続き）「懸垂」の中で「懸垂」を呼び出しています．皆さん1回懸垂をしては，あと何回だ！がんばろう！と繰り返し念じた経験はないでしょうか？もちろん懸垂以外の，腕立て伏せ，トラック一周，漢字の書き取り…..など繰り返す処理であれば同じことが言えます．これは，実際に懸垂をする人型ピクトグラムになりきって考えた視点と考えられるでしょう．

再帰の考え方を教えるのにご苦労されている先生方多いと思います．ハノイの塔だったり，再帰図形だったりと色々工夫されたりしますが，一度こういうのからスタートするのはいかがでしょうか？いかなる人も反復的な身体動作に関する身体知は有していると思います．