2014-03-22

openFrameworksの環境構築(Mac編)

まずは下記サイトにアクセスして
プログラミングするための開発環境であるXcodeをダウンロードします。

https://developer.apple.com/jp/technologies/tools/
（左側の青い　Xcodeのダウンロード　をクリック）

f:id:hariganet:20140322025855p:plain

ダウンロードが完了するまでしばしまちます。

.
.
.

次に、下記URLからopenFrameworks本体をダウンロードします。

http://www.openframeworks.cc/versions/v0.8.0/of_v0.8.0_osx_release.zip

両方をダウンロードできたら、
ダウンロードしたof_v0.8.0_osx_release.zipを解凍します。
（zipファイルをダブルクリックでOKです。）

解凍したら、of_v0.8.0_osx_releaseというディレクトリが生成されたと思います。
このディレクトリの中にopenFrameworksを動かすのに必要な
プログラムファイルや設定ファイルなどが全て入っています。

実は、openFrameworksのインストールはこれで完了です。
圧縮されたzipファイルを解凍するだけで、
他に細かい設定などは不要ですぐ使えるのがopenFrameworksの良いところです。

では、念のため、動作確認を行ってみましょう。
今回は元からopenFrameworksに入っている
サンプルプログラムを動かすことで動作確認を行います。

of_v0.8.0_osx_releaseのディレクトリの中を見ると中身が
このようになっていると思います。
f:id:hariganet:20140322030103p:plain

では、このディレクトリの中の
example -> graphics -> graphicsExample -> graphicsExample.xcodeproj
をダブルクリックして開きましょう。

f:id:hariganet:20140322030319p:plain

こんな感じの画面が開かれたかと思います。
多少違うからもしれませんが、私の画面は既に何度かこのファイルを開いているためで
その違いはあまり重要ではありません。

f:id:hariganet:20140322030822p:plain

次に開いた画面の左上がopenframeworksになっていることを確認します。

f:id:hariganet:20140322030951p:plain
（My Mac 32-bitの左です。）

確認したら、左側の▲の再生ボタンを押します。

f:id:hariganet:20140322031126p:plain

下記のようなBuild Succeededが表示された成功です。

f:id:hariganet:20140322031249p:plain

次に先ほど

f:id:hariganet:20140322030951p:plain

だった部分をgraphicsExample Debugに変更します。

f:id:hariganet:20140322031436p:plain

もう一度三角の再生ボタンを押します。BuildSucceededで成功です。

f:id:hariganet:20140322031126p:plain
f:id:hariganet:20140322031249p:plain

成功するとともに下記のような画面が表示されたと思います。

f:id:hariganet:20140322031611p:plain

こちらはopenFrameworksで一番簡単なグラフィックを
描画した場合のサンプルプログラムです。
終了したい時はescキーを押して下さい。

これで、openFrameworksの動作確認は完了です。
おつかれさまでした。
講習会参加者の方で、ここまでたどり着くまでの間に
何か問題の起こった方は、連絡下さい。原因を調べたいと思います。

以上、openFrameworksの環境構築(Mac編)でした。

2014-03-01

プログラミング事前課題　その２　数値計算と結果の表示

では、数値の計算を行っていきましょう。

やる内容は単純な足し算、引き算、掛け算、割り算とかです。

解説についてはまず、プログラムの見本を見せて

それを打ち込んで貰って順に解説する形式でいきたいと思います。

見本はこのブログにそのまま書き込むので

それをコピーペーストするか（できたら自分で同じ内容を打ち込んで）

実行ボタンを押してみて下さい。

#include <iostream>
using namespace std;

int main() {
	// your code goes here
	
	int num1 = 2;
	int num2 = 3;
	int ans;	
		
	ans = num1 + num2;

	cout << ans << endl;
		
	return 0;
}

結果は
5
と出力されると思います。
Errorが出た人は、書き込んだプログラムの内容がどこか間違ってます。
上の例と比べて間違っている箇所を見つけて修正をお願いします。

では解説していきましょう

まず、一番初めの行です。

	int num1 = 2;

ここでは num1 という変数に 2 という数字を入れています。
変数と言うのはデータを一時的に保存しておくための箱のようなものです。
ここでは num1 という箱を用意して、そこに数字 2 を入れていることになります。
num1 の前についている int は英語のInteger（整数）の略で
num1の種類（ここでは整数）を示しています。
ちなみに行の最後についている ; は行の終わりを示す記号で
日本語で言うところの句読点の。みたいなものです。
忘れずに;を書くようにしましょう。

	int num2 = 3;

次に、2行目です。ここも整数を入れるnum2を作って、そこに3を入れています。

次に3行目から5行目です。

	int ans;	
		
	ans = num1 + num2;

ここでは整数を入れるansという箱を作って
そこにnum1とnum2を足した結果を入れています。
プログラミングでは = の右側の計算結果を左側の変数に入れるルールになっています。
この辺り、普段 1 + 1 = 2 とかの計算をするのと逆になってますが、
まあ、そういうもんだと思って下さい。

次の行を見てみましょう。

	cout << ans << endl;

これは変数の中身を結果出力欄に表示するための命令です。
cout <<
と<< endl;
の間に挟んだ変数の内容が結果出力欄に表示されます。

ここではansの中身は 5 なので、結果出力欄には 5 と表示されるはずです。

以上が、プログラミングでの数値計算の基礎です。

では、自分で

	int num1 = 11;
	int num2 = 56;

などnum1やnum2の数値を変えてみたり

	int num1 = 2;
	int num2 = 3;
	int num3 = -2;	
		
	ans = (num1 + num2) * num3;

など新しく変数を追加したり、引き算、掛け算、割り算を追加して実行してみましょう。
ちなみにプログラムでは
足し算は　+
引き算は　-
掛け算は　*
割り算は　/
の記号で表します。

自分でプログラムを変更してみることで
結果がどうなるかを確かめてみて下さい。
Errorが起きた
プログラムが動かない。
他、質問などありましたら、このブログのコメント欄で連絡下さい。
このブログを毎日見ている訳ではないので
コメント欄に詳細を書いて、Facebookで一緒に連絡をくれるとよりスムーズかもしれません。

次回以降、時間を見つけて、
残りの繰り返し処理なんかについて記事を追加したいと思います。
（当日までの間でそのうち）

では皆さん、当日までの準備よろしくお願いします。

次
http://hariganet.hatenablog.com/entry/2014/03/24/233130