Processing皆さんどうもこんにちは。今回はプログラミングの経験のない方でも遊びながらプログラミングや数学の基礎を学べる内容にしてみたいと思います。何よ?って話ですよね。アートやビジュアルデザインに特化したオープンソースのグラフィックプログラミング環境です。非常に簡単にグラフィックプログラミングをすることができます。開発を始めることができるのも魅力のひとつです。ダウンロードしてみてください。ダブルクリックしてみてください。すると以下のようなユーザーインターフェースが起動すると思います。これだけで開発環境が整いました。良いところのひとつです。ボタンを押してみてください。20);}すると以下のリンク先のような画像が表示されて、その上をマウスカーソルでなぞるとカラフルな円が描画されると思います。数行のソースコードでグラフィックプログラミングを楽しむことができます。コードの説明をしたいと思います。囲った部分の処理をプログラム実行時の最初に1度だけ実行します。後に簡単に呼び出したり繰り返し使用したりするためのものです。プログラミングでは関数を定義することでプログラムの可読性や保守性を高くすることができます。関数で最初の初期化処理を行なっているわけです。画面領域の大きさを指定。背景色を指定しています。円など何かを描画する際に輪郭線を表示しないように指定するものです。関数の後に実行されプログラムが停止されるまで繰り返し処理されます。関数を順を追ってみていきます。塗りつぶし色を指定します。色を指定、第二引数は不透明度を指定しています。引数と第二引数は長方形の基準点を指定、第三引数は横幅、第四引数は縦幅を指定します。システム変数といって画面の大きさと一致します。ここでは画面と全く同じ大きさの長方形を不透明度20%の黒で描画していることになります。ここで長方形を描画しているのかはまたあとで説明します。100);ここでは円の塗りつぶし色を指定しています。引数で色相を指定しているのですが、何か特殊な形で指定していますね。ここでは色相のアニメーションをさせるためにこのようになっています。経過時間を表していると思ってください。していますが、これは余剰計算です。