Processing講座 第三回
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
*第三回 [#h055b4eb]
**関数 [#vdaa4120]
プログラミングにおいて、特定の処理をまとめておくことは重...
関数は以下のようにして書くことができます。
戻り値の型 関数名(引数1の型 引数1の名前,引数2の型 引数...
{
関数の処理
return 戻り値;
}
数学的な関数と同じように、プログラム上の関数でも何か関数...
この代入する値を''引数''、帰ってくる結果を''戻り値''とい...
また、引数を持たなかったり戻り値を返さない関数も作ること...
void 関数名(){
関数の処理
}
戻り値がない場合、returnは省略することができます。~
一般的には関数を先に宣言してからでないと関数や変数を使う...
また、Processingは言語であり、IDEでもあるのでタブ機能が備...
***関数の使い方 [#x1d819ea]
関数は以下のようにして使うことができます。
関数名(引数リスト);
また、引数のない関数は引数リストを省略して書くことができ...
第一回で描いてもらった図形や色などは、すべてProcessingに...
その他にも標準で様々なお役立ち関数があります。~
|関数|戻り値|説明|
|sqrt(value)|浮動小数点数|引数の平方根を返します|
|abs(value)|整数,浮動小数点数|引数の絶対値を返します|
|pow(a,b)|浮動小数点数|aのb乗を返します|
|sin(rad)|浮動小数点数|ラジアンで測られた角度のサインの値...
|cos(rad)|浮動小数点数|ラジアンで測られた角度のコサインの...
|tan(rad)|浮動小数点数|ラジアンで測られた角度のタンジェン...
|random(value1,value2)|整数,浮動小数点数|引数1と引数2の範...
これはほんの一部で、もっと詳しく知りたい方は
[[こちら>https://processing.org/reference/]]
**ステートメント [#d4c8b7b7]
***条件分岐 [#x3628285]
Pcocessingにはプログラムの流れを制御する専用の構文が用意...
条件分岐命令はif構文で行うことができます~
if(条件1){
条件1が真の時の処理
}else if(条件2){
条件2が真の時の処理
}else{
すべての条件が偽の時の処理
}
if文は条件ごとに処理を行いたい場合に利用し、else ifやelse...
条件の部分に比較演算子を使い、条件分岐させる場合が多いで...
***繰り返し [#l13940de]
条件が真の間中処理を繰り返します。
繰り返しにはfor構文とwhile構文があります。
for(初期化式;条件式;更新式){
繰り返す処理
}
初期化式とはfor構文の最初に必ず実行される式です。更新式は...
通常は初期化式で変数を初期化して、更新式で変数を変更しま...
変数には一般的に''i''が使われることが多いです。~
具体的には
int sum = 0;
for(int i=0; i<10; i++){
sum += i;
}
このようにして使います。これはiを0～9まで回し、sumにiを足...
ちなみに、「i++」というのはiにインクリメント演算子をくっ...
説明だけではわかりにくいので実際に使って慣れるべし~
一方while構文は
while(条件式){
繰り返す処理
}
または
do{
繰り返す処理
}while(条件式);
do whileは先に処理を実行してから条件を判断します。
*その他 [#k97c044d]
**読みやすいきれいなコードを書こう！ [#n0a00889]
少し何かを表示させるだけなどの簡単なプログラムならコード...
そのためどこに何が書かれているか一目でわかるように、見や...
***改行 [#h517bde8]
まずはコードが見やすくなるよう、プログラムの意味ごとに改...
background(255);noFill();ellipse(250,250,300,300);
line(250,0,250,500);line(0,250,500,250);fill(0);
line(250,250,x,y);ellipse(x,y,5,5);
x = cos(t)*150+250;y = -sin(t)*150+250;
改行が適当だと非常に見づらい...~
background(255);
noFill();
ellipse(250,250,300,300);
line(250,0,250,500);
line(0,250,500,250);
fill(0);
line(250,250,x,y);
ellipse(x,y,5,5);
x = cos(t)*150+250;
y = -sin(t)*150+250;
命令が終わる(セミコロンがつく)ごとに改行しよう！
***インデント [#c63d6479]
for文などの構文を使うとき中カッコを使う場面があるだろう。~
中カッコがどこで始まり、どこで終わるのかわかりやすいイン...
for(int y=0; y<img.height; y++){
for(int x=0; x<img.width; x++){
int position = y * img.width + x;
double a = img.width/2;
double b = img.height/2;
if( ((x-a)*(x-a))/(a*a)+((y-b)*(y-b))/(b*b)>1){
img.pixels[position] = color(0,0,0);}}}
なぁにこれ どこでどうループが回ってんのかわかりにくっ72！
for(int y=0; y<img.height; y++){
for(int x=0; x<img.width; x++){
int position = y * img.width + x;
double a = img.width/2;
double b = img.height/2;
if( ((x-a)*(x-a))/(a*a)+((y-b)*(y-b))/(b*b)>1){
img.pixels[position] = color(0,0,0);
}
}
}
中かっこの終わりとはじまりの位置を統一することで、分の始...
**宗教上な理由 [#v84ff2f5]
関数やif文、for文などを使うとき中カッコを使うだろう。~
しかし、プログラミングの入門書などを見ると本によって字下...
プログラムを書く人によってスタイルが違うため、宗教戦争が...
for文の例
for(i=0; i<30; i++){
j++;
}
for(i=0; i<30; i++)
{
j++;
}
if文の例
if(a < b){
j++;
}else{
k++;
}
if(a < b)
{
j++;
}else
{
k++;
}
どちらでも正しく動くので完全に''好み''である。~
ちなみにページ作成主は前者推し
終了行:
*第三回 [#h055b4eb]
**関数 [#vdaa4120]
プログラミングにおいて、特定の処理をまとめておくことは重...
関数は以下のようにして書くことができます。
戻り値の型 関数名(引数1の型 引数1の名前,引数2の型 引数...
{
関数の処理
return 戻り値;
}
数学的な関数と同じように、プログラム上の関数でも何か関数...
この代入する値を''引数''、帰ってくる結果を''戻り値''とい...
また、引数を持たなかったり戻り値を返さない関数も作ること...
void 関数名(){
関数の処理
}
戻り値がない場合、returnは省略することができます。~
一般的には関数を先に宣言してからでないと関数や変数を使う...
また、Processingは言語であり、IDEでもあるのでタブ機能が備...
***関数の使い方 [#x1d819ea]
関数は以下のようにして使うことができます。
関数名(引数リスト);
また、引数のない関数は引数リストを省略して書くことができ...
第一回で描いてもらった図形や色などは、すべてProcessingに...
その他にも標準で様々なお役立ち関数があります。~
|関数|戻り値|説明|
|sqrt(value)|浮動小数点数|引数の平方根を返します|
|abs(value)|整数,浮動小数点数|引数の絶対値を返します|
|pow(a,b)|浮動小数点数|aのb乗を返します|
|sin(rad)|浮動小数点数|ラジアンで測られた角度のサインの値...
|cos(rad)|浮動小数点数|ラジアンで測られた角度のコサインの...
|tan(rad)|浮動小数点数|ラジアンで測られた角度のタンジェン...
|random(value1,value2)|整数,浮動小数点数|引数1と引数2の範...
これはほんの一部で、もっと詳しく知りたい方は
[[こちら>https://processing.org/reference/]]
**ステートメント [#d4c8b7b7]
***条件分岐 [#x3628285]
Pcocessingにはプログラムの流れを制御する専用の構文が用意...
条件分岐命令はif構文で行うことができます~
if(条件1){
条件1が真の時の処理
}else if(条件2){
条件2が真の時の処理
}else{
すべての条件が偽の時の処理
}
if文は条件ごとに処理を行いたい場合に利用し、else ifやelse...
条件の部分に比較演算子を使い、条件分岐させる場合が多いで...
***繰り返し [#l13940de]
条件が真の間中処理を繰り返します。
繰り返しにはfor構文とwhile構文があります。
for(初期化式;条件式;更新式){
繰り返す処理
}
初期化式とはfor構文の最初に必ず実行される式です。更新式は...
通常は初期化式で変数を初期化して、更新式で変数を変更しま...
変数には一般的に''i''が使われることが多いです。~
具体的には
int sum = 0;
for(int i=0; i<10; i++){
sum += i;
}
このようにして使います。これはiを0～9まで回し、sumにiを足...
ちなみに、「i++」というのはiにインクリメント演算子をくっ...
説明だけではわかりにくいので実際に使って慣れるべし~
一方while構文は
while(条件式){
繰り返す処理
}
または
do{
繰り返す処理
}while(条件式);
do whileは先に処理を実行してから条件を判断します。
*その他 [#k97c044d]
**読みやすいきれいなコードを書こう！ [#n0a00889]
少し何かを表示させるだけなどの簡単なプログラムならコード...
そのためどこに何が書かれているか一目でわかるように、見や...
***改行 [#h517bde8]
まずはコードが見やすくなるよう、プログラムの意味ごとに改...
background(255);noFill();ellipse(250,250,300,300);
line(250,0,250,500);line(0,250,500,250);fill(0);
line(250,250,x,y);ellipse(x,y,5,5);
x = cos(t)*150+250;y = -sin(t)*150+250;
改行が適当だと非常に見づらい...~
background(255);
noFill();
ellipse(250,250,300,300);
line(250,0,250,500);
line(0,250,500,250);
fill(0);
line(250,250,x,y);
ellipse(x,y,5,5);
x = cos(t)*150+250;
y = -sin(t)*150+250;
命令が終わる(セミコロンがつく)ごとに改行しよう！
***インデント [#c63d6479]
for文などの構文を使うとき中カッコを使う場面があるだろう。~
中カッコがどこで始まり、どこで終わるのかわかりやすいイン...
for(int y=0; y<img.height; y++){
for(int x=0; x<img.width; x++){
int position = y * img.width + x;
double a = img.width/2;
double b = img.height/2;
if( ((x-a)*(x-a))/(a*a)+((y-b)*(y-b))/(b*b)>1){
img.pixels[position] = color(0,0,0);}}}
なぁにこれ どこでどうループが回ってんのかわかりにくっ72！
for(int y=0; y<img.height; y++){
for(int x=0; x<img.width; x++){
int position = y * img.width + x;
double a = img.width/2;
double b = img.height/2;
if( ((x-a)*(x-a))/(a*a)+((y-b)*(y-b))/(b*b)>1){
img.pixels[position] = color(0,0,0);
}
}
}
中かっこの終わりとはじまりの位置を統一することで、分の始...
**宗教上な理由 [#v84ff2f5]
関数やif文、for文などを使うとき中カッコを使うだろう。~
しかし、プログラミングの入門書などを見ると本によって字下...
プログラムを書く人によってスタイルが違うため、宗教戦争が...
for文の例
for(i=0; i<30; i++){
j++;
}
for(i=0; i<30; i++)
{
j++;
}
if文の例
if(a < b){
j++;
}else{
k++;
}
if(a < b)
{
j++;
}else
{
k++;
}
どちらでも正しく動くので完全に''好み''である。~
ちなみにページ作成主は前者推し
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
