= Processing インストールと確認 = == ダウンロードとインストール == * ダウンロード http://processing.org/ からダウンロードリンクを選択 [[Image(wiki:misc/processing/file:processing_download1.png, 400px)]] * 寄付をするかどうかというページが出るので、今回は "No Donation" とする。いずれは寄付したい。 [[Image(wiki:misc/processing/file:processing_download2.png, 400px)]] * 対応するOSを選択してzipファイルを保存 * Windows 64/32, Linux 64/32, MacOSX から選択 [[Image(wiki:misc/processing/file:processing_download3.png, 400px)]] * 今回は processing-2.2.1-windows64.zip というファイルになった。2.2.1 (19 May 2014) * ダウンロードしたファイルを展開して、適当なフォルダに入れる * 今回は自分の趣味で、C:\Tool\processing-2.2.1 とした。 * すぐにプログラムを書きたくなる気持ちをおさえて、まずは Tutorial をみる * https://processing.org/tutorials/ にある "Hello Processing" by Daniel Shiffman et al. を一通りみる * プログラムを知っている人にとっては当たり前すぎることを話しているのだが、 "プログラムの教え方"という観点から見ると参考になるかと。 * Level: Beginner から Intermediate, Advanced まで、いろいろある == テストプログラムの作成・実行 == * C:\Tool\processing-2.2.1\processing.exe を実行する [[Image(wiki:misc/processing/file:processing_install1.png, 300px)]] * スプラッシュウィンドウ [[Image(wiki:misc/processing/file:processing_install2.png, 200px)]] * Java セキュリティに関するメッセージがでたら、承認。 [[Image(wiki:misc/processing/file:processing_install3.png, 400px)]] * 最初のテストプログラムを書く {{{ void setup() { size(640, 480); } void draw() { background(0); rect(50, 20, 200,300); } }}} [[Image(wiki:misc/processing/file:processing_install4.png, 400px)]] * ファイルを保存 * デフォルトで日付+"a"のついたファイルができる * 「ドキュメント」フォルダの下にできる [[Image(wiki:misc/processing/file:processing_install5.png, 400px)]] * 実行 * セキュリティの警告が出る場合は承認 * 黒地に白い四角形が出るはず [[Image(wiki:misc/processing/file:processing_install6.png, 400px)]] * あとは File -> Examples... から適当なデモをひらいてみてみるとか、webでいろいろなサンプルをみるとか、Tutorial をみるとか。 [[Image(wiki:misc/processing/file:processing_install7.png, 200px)]]