proce55ing　プログラミングアート全般

■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
垢版 |
2007/08/06(月) 16:19:13
大自然描くのにサインコサインタンジェント
激しく遠回りで面倒なプログラミングアート制作について語ろう

環境てproce55ingぐらいしかマトモには知らないのだが、凄い重かった
ベクター生成とかはともかく、Javaでフル解像度リアルタイムピクセル処理はキツいな

ネイティブなら何を使うといいのだろう。
SDLとかだろうか。文系にはいきなり敷居が高くなる

物理シミュレートとか描画方法はゲーム系の豊富な資料が非常に参考になりそうだ
参考になるサイト等あれば教えてくれ

そんな話をしないか
2008/09/21(日) 06:11:00
void movieEvent(Movie m) {
m.read();
m.loadPixels();}
void draw() {
background(0);
pushMatrix();
float hgap = width / float(myMovie.width);
float vgap = height / float(myMovie.height);
scale(max(hgap, vgap) * fontSize);
textFont(font, fontSize);
int index = 0;
for (int y = 1; y < myMovie.height; y++) {
translate(0, 1.0 / fontSize);
pushMatrix();
for (int x = 0; x < myMovie.width; x++) {
int pixelColor = myMovie.pixels[index];
int r = (pixelColor >> 16) & 0xff;
int g = (pixelColor >> 8) & 0xff;
int b = pixelColor & 0xff;
int pixelBright = max(r, g, b);
float diff = pixelBright - bright[index];
bright[index] += diff * 0.1;
fill(pixelColor);
int num = int(bright[index]);
text(letters[num], 0, 0);
index++;
translate(1.0 / fontSize, 0);}
popMatrix();}
popMatrix();}
2008/09/21(日) 12:27:30
>>171
エラーとかでてる？　でてるならちゃんと読みなよ
後、コードに無駄が多すぎるから、もっと精進してください
2008/09/21(日) 15:15:09
エラーログ
java.lang.ArrayIndexOutOfBoundsException: 1

指摘箇所
float diff = pixelBright - bright[index];

インデックス値が間違ってるの？
2008/09/21(日) 22:19:45
そう思ったらインデックス値を調べては
2008/09/22(月) 02:01:08
これっすか先輩

int index = int(map(i, 0, 256, 0, letterOrder.length()));

初心者故、どこが不具合なのか判別つきませぬ…
2008/09/22(月) 10:10:50
index++の方だろ
2008/09/22(月) 16:17:25
>>174

指摘箇所での index がいくつになってるのかを調べてみたら？
index++だけして大きすぎるかどうか判定してないからだとおもうけど。


>>176
その行のindexはsetupの中だけで有効だ！
2008/09/23(火) 01:55:54
まずは、グローバル変数、ローカル変数、とかをググるといいよ。

それから、変数の宣言と初期化がごっちゃになってると思うから、

宣言→ int i;
初期化→ i = 0;
宣言＆初期化→　int i = 0;

を意識して。

ひとまずいえることは、
setup()内の、int index = int(map(i, 0, 256, 0, letterOrder.length())); と、
draw()内の、int index = 0; の2つのindexは別物

2008/09/23(火) 02:42:08
こんなことここできくなや
一人で解決しろ、ろくすっぽ一人でできいないなら触るなよ
やっぱりこういうのをみるに
アーティストと実装は分けた方がいい気がするというか
ちゃんと両方できる人しか兼任したらあかんとおもう
日本だと根付かないなと実感する
2008/09/23(火) 11:17:55
>>180
おまえ先輩じゃないな！
祝日前夜にアーティストとの区分けなんて詰まらないこと考えてるのかよ
オープンソースなんだし楽しくやろうよ
いろんなユーザがいていいもんだ
2008/09/23(火) 14:20:28
そこはスルーだろjk
2008/09/23(火) 14:28:51
お礼の一言でもほしいもんだな。

2008/09/23(火) 16:45:21
失礼いたしました。
有り難うございます。
しかし、まだ解決できませぬ。。

java.lang.ArrayIndexOutOfBoundsException: 1
at Temporary_5388_2263.draw(Temporary_5388_2263.java:48)

java.lang.ArrayIndexOutOfBoundsException: 1
at Temporary_5388_2263.draw(Temporary_5388_2263.java:48)
at processing.core.PApplet.handleDisplay(PApplet.java:1465)
at processing.core.PGraphics.requestDisplay(PGraphics.java:690)
at processing.core.PApplet.run(PApplet.java:1562)
at java.lang.Thread.run(Thread.java:613)
2008/09/23(火) 17:28:12
なんか見た目よりも中身はあんまアート的には美しくないよな。
普通の描画ライブラリ+独自文法の絵を描くだけのものじゃん、と
感じたので興味が失せたのが4ヶ月前くらい…。
2008/09/23(火) 20:50:21
とりあえず、

println（変数名）;

を適所適所に入れて、値を確認しようぜ
2008/09/24(水) 01:50:45
>>180
いいたいことはわかるぜ、中途半端な奴が多い気がする。
でも色々な使い方があっていいとおもう

>>184
いきなりつくり始めるのではなくて
入門書読んでみたら？日本語のやつあるし
それくらいの時間をかけても良いと思うよ
あまりよくわかってないみたいだし、急ぎ過ぎは禁物

>>185
単なるラッパだからね。でもいきなりコードかけるし入門向けに
にはいいと思う。図形で表示されるし。とっかりにはいい。
2008/09/24(水) 17:15:24
4ヶ月も前に興味を失ったものにネガキャンとかバカなの？死ぬの？
2008/09/29(月) 04:05:45
Processingはライブラリとパーサーの部分で出来てるから、
自分でよく使う描画機能などをライブラリにまとめるのは
そんなに難しくないけど、パーサーを用意してスクリプト言語の
ような感覚で使える環境を作るのは、結構ハードル高いんじゃないかな。
複雑な描画処理を手軽に扱う必要がないプログラミングなら
他にも良い環境は色々あるけど。
2008/10/07(火) 12:08:44
これ本体(クラス及び文法回り)はjavaそのものと考えればいいのけ?
意外とスイスイ書けるもんだな。

と、ログファイルパーサーを作った時点で腹減って、
肝心の描画部分に到達してないというw
191デフォルトの名無しさん
垢版 |
2008/10/07(火) 16:44:12
凝ったことしようとすると、最初からJavaやったほうが早い
2008/10/08(水) 01:09:31
>>189
独自の言語仕様にしなけりゃパーサーとかいらない。
193デフォルトの名無しさん
垢版 |
2008/10/13(月) 02:22:34
Built with Processing改訂版のソース・コードのURLって、何ページに載ってる？
194デフォルトの名無しさん
垢版 |
2008/10/18(土) 14:30:26
>> 193
8ページの「はじめに」の右下ね。
2008/10/20(月) 11:47:25
0150以降processing.exeが起動してくれない。
196デフォルトの名無しさん
垢版 |
2008/10/24(金) 16:32:59
processingのスレあったのか
誰もいないのかな････宿題わからんから助けてほしい
2008/10/24(金) 17:08:54
あんま知らないけど、かかってこい。
198デフォルトの名無しさん
垢版 |
2008/10/25(土) 00:30:37
質問歓迎。

どこかわからないのか。
コード。
エラーメッセージ。
の3点さえしっかり書いてくれれば。
199デフォルトの名無しさん
垢版 |
2008/10/25(土) 04:48:35
間をあけて申し訳ない、正直こんなに早く反応あるとは思わなかったｗ
課題の内容が画面サイズ200×200に背景を真っ赤にして
横幅の真ん中、縦幅の一番上から直径５の白い正円を下方に一定距離(円と円の間が10)おきに
延々と止まらずに動かす問題(つまり円がでて下に移動してしばらくしたらまた新しい円が出る感じ)で、
下のようにプログラミングしたんだけど
200デフォルトの名無しさん
垢版 |
2008/10/25(土) 04:49:21
float x;

void setup(){
size(200,200);
colorMode(RGB, 256);
background(255, 0, 0);
frameRate(15);

x = 0;
}

void draw(){
fadeToWhile();

x = x+1;

fill(255, 255, 255);
ellipse(width/2,x,10,10);
}

void fadeToWhile(){
rectMode(CORNER);
fill(255, 0, 0);
rect(0,0,width,height);
}
201デフォルトの名無しさん
垢版 |
2008/10/25(土) 04:49:54
円を一つ下方に移動させるまではできたんだけど、複数の円を同時に画面に存在させるっていうのは、
その同時に存在する分void draw()内に ellipse(width/2,x,10,10);みたいな感じで
円の個数分、一個一個地道に命令していくしか道はないの？
なんか同じ円が同じ軌道を移動するならfor文とか繰り返しでなんとかならないのかなって思ったんだけど、
上手くできなかった、実際どうなんでしょ？
あと説明わかりにくかったりしたらごめんよ
2008/10/25(土) 05:09:38
こういうイメージ?
setup()省略

int c = 200 / (10+10); // 円を書く個数： 高さ / (直径+幅)

void draw(){
fadeToWhile();

x = x+1;

fill(255, 255, 255);
for(int i=0; i<c; i++) {
ellipse(width/2,x + 20*i,10,10);
}

if(x>20) x=0;
}
2008/10/25(土) 05:11:25
切り替わるときがなんか微妙にぎこちないのでオフセットと個数を適当にいじってくれ。
204デフォルトの名無しさん
垢版 |
2008/10/25(土) 16:01:07
>>203
ありがとう
205デフォルトの名無しさん
垢版 |
2008/10/27(月) 15:20:22
float Cx, Cy;
float Angle;
int Length = 1000;
float[] X = new float[Length];
float[] Y = new float[Length];
float[] R = new float[Length];

void setup(){
size(400, 400);
colorMode(HSB, 100);
background(0);
stroke(100);
frameRate(30);

Cx=width/2;
Cy=height/2;
Angle=0;
206デフォルトの名無しさん
垢版 |
2008/10/27(月) 15:21:25
for(int i=0; i < Length; i++){
Angle += 1;
R[i] = random(400);
X[i] = Cx+(R[i]*sin(radians(Angle)));
Y[i] = Cy+(R[i]*cos(radians(Angle)));
}
}

void draw(){
background(0);

for(int i=0 ; i < Length ; i++){
Angle += 10;
line(X[i],Y[i],X[i],Y[i]);
X[i] += R[i]*sin(radians(Angle));
Y[i] += R[i]*cos(radians(Angle));

}
}
207デフォルトの名無しさん
垢版 |
2008/10/27(月) 15:25:18
ちょっと聞きたいんだけど、これ実行するとどう見える？
無数のドットが画面の中心を軸に円状にグルグル回ってるように見えるかな？
なんかもうちょっとハッキリ円状に回っているなってわかるようにできないかな？
208デフォルトの名無しさん
垢版 |
2008/10/28(火) 12:56:16
どの変数がどういう意味を持ってるかぐらいは説明するべきじゃね？
拾ってきたコード丸投げか？
2008/10/29(水) 19:22:20
drawのangleの増分を0.01にすると円錐が中心点を中心にコマ回転しているような感じになる。
さらにangleの増加を外側に出すとこのコードの本質が見える、はず。

中心点を基準に平面を回転させたいだけなら、円の公式でも勉強しましょう。
2008/11/01(土) 22:46:02
素朴な描画関数郡はN88BASICを思い出すな。
2008/11/03(月) 01:30:06
>>205 こういうこと？
class cc {
float f,a,r,x,y;
cc() { f=random(360.0); a=random(0.1,12); r=random(400.0); }
void calc() {
if((f+=a)>=360) f-=360.0;
float v = radians(f);
ellipse(200+r*sin(v),200+r*cos(v),1,1);
}
}
cc c[] = new cc[2000];
void setup() {
size(400,400); stroke(0xFF);
for(int k=0; k<2000; ++k) c[k] = new cc();
}
void draw() {
background(0);
for(int k=0; k<2000; ++k) c[k].calc();
}
212デフォルトの名無しさん
垢版 |
2008/11/06(木) 23:34:01
minim使った作品の例ってありますか？
2008/11/07(金) 05:40:08
>>212
例って、コードそれとも作品、どっち？
214デフォルトの名無しさん
垢版 |
2008/11/09(日) 17:07:24
＞＞213
とりあえずコードの例です。
参考になるサイトとか知りませんか？
2008/11/12(水) 23:08:09
ttp://code.compartmental.net/minim/examples/
2008/11/12(水) 23:37:07
>>214
スケッチブックにサンプルでついてるお
2008/11/14(金) 23:39:00
>>212
Ruby-processingにvisualizationに使ったサンプルがあった。
Ruby自体は簡単だし、やってることはJavaで再現できるからprocessingでも使えると思うよ。
218989
垢版 |
2008/11/18(火) 21:30:42
２つのスケッチを同時に実行して、
スケッチ間でデータのやりとりをする方法はありますでしょうか？
219デフォルトの名無しさん
垢版 |
2008/11/19(水) 12:26:49
>>218
つ /examples/Libraries/Network/SharedCanvasServer/SharedCanvasServer.pde
つ /examples/Libraries/Network/SharedCanvasClient/SharedCanvasClient.pde
2008/11/19(水) 22:22:47
>>219
おお…最初から入っていたとは…
ありがとうございました！
2008/11/22(土) 23:18:17
オライリーから出るビジュアライジング・データってやつの目次を見て
processingに興味を持ってここに来たのだが・・・
話題にすらなってないのな
2008/11/22(土) 23:44:47
オライリー本は今まで敬遠してたけど
これは欲しいな
2008/11/23(日) 00:05:36
過疎スレだからねぇ
2008/11/23(日) 00:06:48
>>221
俺もその本の目次で興味持って、今しがたProcessing.jsで初体験を済ませて来た所だ
いやあ、ランダムに透明感のある円を書いてるだけでオサレっぽくなってスゲエ楽しい
2008/11/23(日) 01:33:30
オライリーのやつ、英語版持ってるけど翻訳版も欲しい。

p5は日本に統括的なフォーラムの場がないからなー。dev.processing.orgを見ててもいいけど英語がネックになる。
processing.jpは機能してないでしょ。
2008/11/23(日) 02:05:07
なぜか本屋にオライリーの英語版がたくさん並んでたから英語版チラ見してんだが
やけに文章とコードが多かった気が・・・
いや、コードなきゃ始まらないのはわかるが
まあ、買ってお勉強するつもりですが・・・
2008/11/23(日) 11:47:16
プログラミングアート全般なのにprocessingがメインみたいなスレタイだから。
とりあえずprocessing jitter vvvv gemあたりは入れたら。
2008/11/23(日) 20:59:35
processingを冷遇して独立されると全般スレが落ちちゃうぞ！
2008/11/25(火) 21:45:26
Processing 1.0 Launch

何か唐突にキタｗ
2008/11/25(火) 21:50:33
糞重くね？
2008/11/25(火) 22:52:09
わしょーい
2008/11/26(水) 00:26:48
なんにしろ1.0になったのはめでたい。
2008/11/26(水) 00:46:56
サイト重いねｗ
SVNになんて繋がりもしない
2008/11/26(水) 08:12:41
processing = Java
vvvv = C#
の３年戦争勃発
2008/11/28(金) 18:17:35
なぁ、1,0が出たってきいて
落としてみた。Linuxなんだけどもしつもん。

sketchっていうエディタで、サンプルを実行してみた。
んで、stopボタンを押してエディタに戻って、引数を
変えようとしたら、入力出来ないのだけどもどうしましょう。
2008/11/28(金) 22:29:25
macだけどふつうに入力できるよ
2008/11/28(金) 22:35:34
ども。調べて見ます。
2008/12/01(月) 09:56:43
>235
自分もUbuntuで使ってるんですが、確かに入力出来ないです。
Linux版の仕様？
2008/12/01(月) 12:12:15
>>238
centos5もだめ。だれかコミュニティに報告汁
2008/12/01(月) 12:19:22
ちなみに出力出るとこダブルクリックしたら入力できるようになるから。
241238
垢版 |
2008/12/02(火) 02:01:32
>>240
ほんとだ、、、変な仕様、、、
だけどとりあえず助かった！！ありがとう！
2008/12/02(火) 02:35:02
1.01がでてる
2008/12/02(火) 20:22:29
正式にproce55ingに改名しないかしら
2008/12/02(火) 21:16:01
>>243
壮大な勘違いをしてる様だ
2008/12/05(金) 01:52:50
オライリーの本買った人いる？
2008/12/05(金) 19:41:28
ノ
2008/12/05(金) 20:29:51
>>246
もしよければどんな感じかｋｗｓｋ
Buile with 〜より深く解説してる感じ？
2008/12/05(金) 21:18:22
>>247
Built with processingはprocessingを始めた人が読むにはちょうどいい。
オライリーの方は、もっと技術的にprocessingを用いたい人が読む。
情報視覚化という分野の手引きとしても十分価値があると思う。

もしも、Built 〜で満足していない、もっとprocessingを使いこなしたい
と思うなら買ったほうがいい。と個人的な感想を述べる。
2008/12/05(金) 21:21:30
>>248
ありがとう、今度買ってくる
もちょい色々やってみたかったから、丁度ぴったりかもしれない
2008/12/05(金) 22:36:12
1章が抽象的過ぎないか？あやうく投げ出しそうになったぜ
まだ6章までしか読んでないが視覚化とか完全に素人なので勉強になってます。
難点は著者自身もまえがきで書いてるが5章くらいからコードの割合が高すぎる気がする
まあ、オライリー本だからいいんだがｗ
あとは、俺がprocessingはちょっと遊んだ程度なので
説明なしでprocessingのAPIが使われていることがあってちょっと不便
2008/12/05(金) 22:46:15
1章はprocessingというよりは情報視覚化についてだから、抽象的過ぎると言われても仕方がない。

でも逆に、1章に書かれていることは、他の言語にも当てはまることで、
情報視覚化に興味がある、やってみたい、という人は読んどいて損はない。
2008/12/06(土) 18:57:55
processing.jpのヘッダーからリンクされているような、
すんごいビジュアライゼーションを作るための参考書籍ってない？
2008/12/07(日) 19:19:27
オライリーの買ってきた。
基本が、Ben Fryの論文（たしか、彼のサイトからDLできたはず）だから、
単なる解説書ではないね。

情報視覚化の基本的な方法論をおさえてるので、色々と応用できそう。

>>252
ゲーム開発者のための数学・物理学入門とかそこらへん？
基本的な数学、物理の知識がないと作るの難しそうな。

2008/12/08(月) 22:10:43
http://www.nicovideo.jp/watch/sm4968371

どうやったらこんなの作れるんだ・・・
2008/12/09(火) 15:34:58
作るためのものはそろってるんだから根気とセンスさえあればできるんじゃね？
processingはゲームプログラムにはもってこいだと思うんだが。簡単だし。
2008/12/09(火) 18:11:02
>>254
ここまでするならdirectXするだろjk
というか当たり判定で挫折するな、つくろうと思っても
ゲーム用ライブラリとかないよね？
proce55ingに
2008/12/09(火) 18:13:26
マウスに追従するキャラクタを二つ用意して一つが当たり判定用、もう一つがグラフィック用って感じかな
2008/12/09(火) 20:52:36
3Dじゃないんなら、素直にDXライブラリでも使ったほうがよいぞｗ
挫折したくなかったらｗ
2008/12/11(木) 23:58:15
この頃3ＤはじめたんだがImageで表示したのをカメラで横から見るとペラペラに見えるんだが、
パーティクルみたいに常にカメラのほうを正面に表示するにはどうしたら良いんだ？
rotateあたりのでこちらを向くように自分で書かんといかんのか、これ
2008/12/12(金) 02:49:18
パーティクルにもビルボードって書いてあるでしょ？
検索して自分で書いてください
2008/12/12(金) 16:05:46
サンクス
ビルボードなんて知らなかった・・・
2008/12/12(金) 21:24:06
ﾋﾞｼﾞｭｱﾗｲﾃﾞｰﾀ買ってきた。まぁ、高い本なんだよ。
切ないな。仕事に生かせるわけでもなし。
2008/12/13(土) 19:01:49
>>262
高いといってもオライリ本では安い方じゃね？
2008/12/20(土) 00:58:19
なんという過疎
2008/12/20(土) 02:22:30
では話題ｐｌｚ
2008/12/20(土) 03:33:12
クリスマスの予定は？
2008/12/20(土) 10:58:58
processingをeclipseで書いてるんだけど、
MovieMakerがうまく動作させること出来ないんだよね。
QTJava.zipをうまく読みこめないポイんだが原因がわからない。

誰かうまくいってる人いない？
2009/01/01(木) 21:22:18
あけおめ！
2009/01/14(水) 19:26:07
ことよろ！

なんかネタないかなー。
2009/02/10(火) 02:44:24
新しいバージョンとか出て
新しいメソッドとか追加されるとネタになるのに。
なんもないな。

海外のフォーラムとか除くと新ライブラリの話題とかあっておもしろいよ。
2009/02/10(火) 02:44:57
除くと→覗くと
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。