これまでさまざまな題材を通して、プログラミングの基礎を学んできました。条件分岐のif文、変数、繰り返しのwhile/for文、配列、関数…。いずれもプログラミングに欠かせない大切な要素です。

どれくらい使えるようになりましたか？苦手なものはありますか？

練習問題集

振り返りのために練習問題をたくさん用意したので、ぜひチャレンジしてみてください。新しい表現を模索するのも楽しいですが、たまには完成像を見ながら再現してみるのも、パズル的な要素があって楽しいものです。

ペン

マウス関連の機能、 mousePressed() や mouseDragged() ブロックを利用するスケッチです。

ドラッグで線を引くシンプルなペン

• 難易度：★☆☆☆☆
• 要素：なし
• 回答例：（→pen）

右クリックで切り替える多機能ペン

• 難易度：★★☆☆☆
• 要素：if文、変数
• 回答例：（→pen_multi）

サイコロ

乱数を扱うスケッチです。

クリックで振るサイコロ

• 難易度：★★☆☆☆
• 要素：if文、変数、乱数
• 回答例：（→dice）

波紋

繰り返しの制御構文の復習に最適なスケッチです。クリックした位置を中心に波紋を描いていきます。

波紋

• 難易度：★★☆☆☆
• 要素：変数、for文
• 回答例：（→ripple）

太くなる波紋

• 難易度：★★☆☆☆
• 要素：変数、for文
• 回答例：（→ripple_bolder）

間隔が広がる波紋

• 難易度：★★★☆☆
• 要素：変数、for文
• 回答例：（→ripple_sparser）

エージェント

何らかのルールに従って動く「エージェント」のスケッチです。位置を覚えておくためには変数が必要なのでしたね。

エージェント（ランダムウォーク）

• 難易度：★★☆☆☆
• 要素：変数、乱数
• 回答例：（→agent_random_walk）

エージェント（ランダムウォークの軌跡）

• 難易度：★★☆☆☆
• 要素：変数、乱数
• 回答例：（→agent_random_walk_line）

エージェント（クリック位置からランダムウォーク軌跡）

• 難易度：★★★★☆
• 要素：変数、乱数、for文
• 回答例：（→agent_lightning）

エージェント（カーソルに追従）

• 難易度：★★★★☆
• 要素：if文、変数、乱数
• 回答例：（→agent_follow）

エージェント（群衆ランダムウォーク）

• 難易度：★★★★☆
• 要素：変数、乱数、for文、配列
• 回答例：（→agent_crowd）

グリッド

規則的に整列したグリッドです。2重のfor文や2次元配列を活用します。

グリッド

• 難易度：★★★☆☆
• 要素：for文
• 回答例：（→grid_template）

しまうまグリッド

• 難易度：★★★★☆
• 要素：if文、for文
• 回答例：（→grid_zebra）

一松グリッド

• 難易度：★★★★★
• 要素：if文、for文
• 回答例：（→grid_checker）

一松グリッド2倍サイズ

• 難易度：★★★★★＋
• 要素：if文、for文
• 回答例：（→grid_checker_2x）

1方向グラデーション

• 難易度：★★★★☆
• 要素：for文
• 回答例：（→grid_gradient_1d）

2方向グラデーション

• 難易度：★★★★★
• 要素：for文
• 回答例：（→grid_gradient_2d）

ネットワーク

点同士を線で結ぶ、よく見かけるアレです。難しめなので余裕があれば挑戦してみてください。

ネットワーク

• 難易度：★★★★★＋＋
• 要素：if文、for文
• 回答例：（→network）

多層ネットワーク

• 難易度：★★★★★＋＋
• 要素：if文、for文、関数
• 回答例：（→network_layer）