学校法人河合塾の主催で 2019年4月27日  親子でプログラミング体験!「ピクトグラムを動かそう!」が，3月の名古屋に続けて，東京で開催されます．時間は13:30から16:00までの2時間で，場所は河合塾　千駄ヶ谷ＣＢＴセンターです．対象は新小学5年生，新小学6年生とその保護者の方先着25組50名です．講師はピクトグラミング開発者の伊藤一成です．河合塾のスタッフの方々がサポートしてくれます．参加費は無料です．

こちらのURIから参加申し込みできます．奮ってご参加ください．

https://www.kawai-juku.ac.jp/event/list/school-c-knt/dtl0000010120

2019年度　河合塾Wingsの入塾金半額（5,000円）免除の参加特典もあります．

先日の投稿で，体の部位の指定に

「肩」「かた」「肘」「ひじ」「股」「また」「膝」「ひざ」

を使用できるようにしたとアナウンスしましたが，

これらの表記をデフォルトにしてみました．日本語入力モードあるいは，日本語ひらがな入力モードで体の部位をドラックしたり，命令入力支援ボタンを押下して命令を生成した場合に，これらの部位の名称が自動的に入力されます．

もちろんこれまでの，左上腕のように３文字の漢字の組み合わせで８（=2*2*2）通りの部位を表現する入力方式もサポートします．

しばらく様子を見て，使いにくいという声が多ければ，左上腕のように３文字の漢字の組み合わせで８（=2*2*2）通りの部位を表現する方式をデフォルトとする元の形式に戻します．

英語バージョンはこれまでと同様，LUAのように３文字のアルファベットの組み合わせで８（=2*2*2）通りの部位を表現する方式をデフォルトとします．

体の部位と表記の対応

ピクトグラミングにBPM(Beats Per Minute)命令を追加しました．

これにより，これまでR,RW,M,MWをはじめとした秒数に当たる引数を拍数とみなすこともできるようになりました．以下に例を示します．

RW LUA 90 1
BPM 120
RW LUA 90 1
BPM 30
RW LUA 90 1

同じRW LUA 90 1の命令でもテンポが異なるために動作速度が変わります．
命令名は英語ではBPMですが，テンポ，てんぽ，拍，はくでもOKです．

回転待ち 左肩 90 1
テンポ 120
回転待ち 左肩 90 1
拍 30
回転待ち 左肩 90 1

リズム学習やリズム表現活動へのピクトグラミングの活用も進めていきます．

今回はこれまで学んだ内容を踏まえ自由に作品を作ってみましょう。 Lesson2 以降で使った人型ピクトグラムの体自身をその場で動かす命令である「ピクトアニメーション命令」と Lesson6 で使った人型ピクトグラムの動きの履歴で線画を描く「ピクトグラフィックス命令」がありました。この両者をうまく組み合わせると色々な作品を作ることができます．

次はレッスン8です．

社会や身の回りに役立つピクトグラム

これまで，自由な発想で様々な作品を作成してきたと思います．今回は，社会や身の回りに役立つピクトグラムというのを作成してみましょう．下のピクトグラムは，いずれも安全図記号で指定されている図例です．さらに禁止，注意，指示，安全の4項目に関するピクトグラムデザインのガイドラインも策定されています．通常，世の中に広く普及しているピクトグラムは作成ガイドラインに則ってデザインされています．ピクトグラムで大切な事は誰にでも正しく伝わるという事なのです．ピクトグラミングでは通常のモードに加え，禁止(Prohibit)，注意(Attention)，指示(Instruction)，安全(Safety, Safety Green, Safety Red) のピクトグラムを作るための6つのモードを備えています．

それぞれのモードには，単一の命令で変更することができます．

安全色を使った単純なピクトグラムを作ってみました。

SG

SC 0.8

R LUA -140 1

R RUA 140 1

たまにはこのピクト君のように、両腕を伸ばして体を伸ばし、体や心の安心に努めたいですね。2行目のSC 0.8はピクトグラムの大きさを標準の0.8倍にするという意味です。

動くピクトグラム

さて、世の中に溢れるピクトグラムはポスターなど紙媒体上で提示されているので基本は画像（静止画）です。一方最近では、デジタルサイネージ（電子掲示板）の発達により、街中でもアニメーションのピクトグラムを提示させることができるように技術的にはなっています。またスマートフォンなどは位置情報や無線によって、状況に応じて画面上に何らかの表示をすることができるようになっているので、静止画や動画のピクトグラムを表示させて、注意喚起や情報提供をすることができるでしょう。

ピクトグラミングは，静止画だけではなく動画（アニメーション）のピクトグラムを作成することができます。ぜひ、単なる静止画のピクトグラムではなく、オリジナルのアニメーションピクトグラムを作成してみましょう。

作品例

ピクトグラミングで作成したピクトグラムの例です．

本テキストの著作権は青山学院大学 社会情報学部 伊藤一成に帰属します。
© 青山学院大学 社会情報学部 伊藤一成研究室 All rights reserved.

ピクトグラミングでは３通りの方法で線画を描くことができます．まずは，体の部位を使って描く方法です．

１．体の部位を使って描く

PEN命令の様式と処理は以下の通りです．また描画する線の太さを変えるPENW命令もあります．

ペンを持つことができる体の位置は以下の9箇所です

サンプルを示します．

SK
PEN HOLD LH
REPEAT 4
RW LUA 90
END

で左手を使って四角形を描くことができます．

ちなみに1行目のSK命令は，人型ピクトグラムの体を透明にする命令です．描画の様子がわかりやすくなります．

例えば，

SK
PEN HOLD LH
R LUA 360 1

で左手を使って円を描くことができます．

その他様々な工夫で色々な図形が描画できます．

これまで，R arg1 arg2 0  と RW arg1 arg2 0　は同じ命令でした．M arg1 arg2 0 と MW arg1 arg2 0 も同じです．しかし，R arg1 arg2 と RW arg1 arg2 ，M arg1 arg2 と MW arg1 arg2 は，描画を伴う場合に以下のように異なる挙動となります．

時間0のR命令，M命令は，元の位置と，R命令，M命令からなる複数の命令の動きを全て実行したあとの位置を両端とする線分を描画します．

時間0のRW命令，MW命令は，元の位置とその命令を実行したあとの位置を両端とする線分を描画します．

この違いを例に示します．

SK
PENW 10
PEN HOLD LH
RW LUA 45
RW LUA 45

は下のようになります．左腕の初期位置から，左上腕を反時計回りに45度回転した位置まで線分を描きます．さらに左上腕を反時計回りに45度回転した位置まで別の線分を描きます．

SK
PENW 10
PEN HOLD LH
R LUA 45
R LUA 45

は下のようになります．左腕の初期位置から，左上腕を反時計回りに90(=45+45)度回転した位置まで線分を描きます．

よって

SK
PENW 10
PEN HOLD LH
REPEAT 8
RW LUA 45
END

は下のような正8角形を描きますが．

SK
PENW 10
PEN HOLD LH
REPEAT 8
R LUA 45
END

は何も描きません．なぜなら左腕の初期位置と，初期位置から左上腕を反時計回りに360(=45*8)度回転した位置は同じだからです．

同様に，

SK
PENW 3
PEN HOLD LH
M 100 0
M 0 100

は下のようになりますが，

SK
PENW 3
PEN DOWN LLA
MW 100 0
MW 0 100

は下のようになります．

2. 歩いて描く

次は歩いて描く方法です．人型ピクトグラムの体の部位を動かすのではなく、人型ピクトグラム自体を動かしましょう。みなさんもその場で体を動かすこともあれば、歩行して移動することもありますよね。歩行の履歴を使って色々な図形を描いてみましょう。

では早速、人型ピクトグラムを歩行させてみましょう。人型ピクトグラムが少し大きすぎるので、人型ピクトグラムの大きさを変えてみましょう。

SC 0.1
PEN HOLD

1行目の命令、これは人型ピクトグラムの大きさを 0.1 倍にするという意味です。

動かすのに使う命令は以下の4つです。

ちなみに最初の進行方向は上向きになっています。

SC 0.1
PEN HOLD
FD 100

SC 0.1
PEN HOLD
FD 100
RT 90
FD 100

というふうに描けます．

ではこの調子で続けて正方形を書いてみてください．

さらに右に曲がる角度と繰り返す回数を色々変えると様々な形を描くことができます。

３. 第３者視点で描く

最後は，あなたの視点で描く方法です．座標を直接指定して線が描きます．線分の両端の座標を指定して描くL,LW命令，楕円を描くO命令というのが用意されています，仕様は以下の通りです．

ピクトグラミングの座標系は次のようになっています．

例えば，次のようなエレベータピクトグラムは

以下のプログラムで記述できます．

PENW 10
L -200 -280 200 -280
L -200 280 200 280
L -200 -280 -200 280
L 200 -280 200 280
L 0 -320 0 -280
L 0 280 0 320

いずれの方法で描いた図形も，これまでに描いた図形を消す場合は、CS(Clear Screen)命令を使います。

ピクトグラミングは視点の異なる３通りの方法で様々な図形を描けるのが特徴です．描画したい図形の性質に応じて適切な方法を使ってみてください．

次はレッスン7です．

人型ピクトグラムに考えてもらおう。

これまでは、あなたが人型ピクトグラムに命令をしてきました。しかし、人型ピクトグラムも考えることができます。今回は人型ピクトグラムに考えさせるための方法を知りましょう。まずはそのための準備！人型ピクトグラムの位置を知りましょう。

ピクトグラミングの座標

中心が(0,0)でこれは人型ピクトグラムの初期位置です。

右上が( 320, -320)、

左上が(-320, -320)、

左下が(-320, 320)、

右下が( 320, 320)、

つまり

x軸正方向が右、

y軸正方向が下となります。

人型ピクトグラムはM命令またはMW命令を用いて体全体を平行移動することができます。

人型ピクトグラムの画面上に、座標系を表示させることができます。

右上にある「座標系の表示」アイコンの右のチェックボックスをクリックすると有効になります。

例：人型ピクトグラムの位置を動かす

M命令の使用例です。

M -240 0

M 480 0 1

人型ピクトグラムに考えさせる方法

人型ピクトグラムは考える事ができます。ここでは人型ピクトグラムに考えさせる方法があります。その書き方を学びます。まずは、ランダムな数字を考えてもらう方法です。

ランダムな数を思い浮かばせる

人型ピクトグラムに命令するときに、今までは引数に数値を入力していました。その数値を人型ピクトグラムに考えてもらいます。それには関数を使います。関数の説明は、少し後にしますので、まずは具体的な例を見てみましょう。

ここではランダムな値を取得できる関数を使ってみます。

関数を使うときはその両側を[ ]で閉じます。

例：脚を回す人型ピクトグラム （関数の使い方）

REPEAT 50
RW LUL [RAND(-90, 90)] 0.2
END

「関数」は、与えられた文字や数字の組（引数の組）に対して定められた処理を行って結果（戻り値）を返す機能のことを言います。例えば「-90(度)以上90(度)以下の角度の1つ決めてください」という処理に対して「37」を結果として返すということです。対して、これまで学んできた「命令」は戻り値はありません。これが命令と関数の違いです。ピクトグラミングではいくつかの関数が定義されています。書き方も命令と少し異なります。ここではランダムな値を取得できる関数を使ってみます。

引数に関数を使って人型ピクトグラムを動かす

人型ピクトグラムに乱数を使って命令します。

例：ぶるぶる震えるピクさん （関数の使い方：引数に関数）

SC 0.3
REPEAT 1000
MW [RAND(-10,10)] [RAND(-10,10)] 0.02
END

例：ロボットダンス（関数の使い方：引数に関数）

REPEAT 50
R LUA [RAND(-90, 90)] 0.2 // 左腕を動かす
RW RUA [RAND(-90, 90)] 0.2
END

使用できる関数一覧

挑戦状

4回目の挑戦状です。挑戦状は、あなたがやりたいと思うところからやってください。チャレンジ1から順に取り組む必要はありません。また、全てのチャレンジに取り組む必要もありません。あなたがやりたいチャレンジに取り組んでください。

チャレンジ１　パタパタさせよう

次のプログラムを作ってみましょう。

(1) 次に示す(2)を50回繰り返してください。

(2) 0.1秒かけて-90度から+90度のいずれかの角度，左腕と右腕を同時に（その同じ角度だけ）動かしてください。ただし(2)でうごかす-90度から+90度のいずれかの角度は50回の繰返しで毎回ランダムで選ばれるようにしてください。

チャレンジ2     オリジナルピクトグラムをつくろう

自由に作品を作ってみてください。

ただし関数を使うこと。

レッスン5は2通りあります．簡単なバージョンは上のリンクをたどってください．

次のリンクは条件式を設定するのでやや難しくなってます．

本テキストの著作権は青山学院大学 社会情報学部 伊藤一成に帰属します。
© 青山学院大学 社会情報学部 伊藤一成研究室 All rights reserved.