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

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

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

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

そんな話をしないか
0101デフォルトの名無しさん
垢版 |
2008/05/08(木) 17:54:21
ラッパーなんだし
cocoaじゃないから。。とかあんまり関係なさそうだけど。

むしろC++だからJAVAな人にはおすすめできないってことをいいたいのかな？
0102デフォルトの名無しさん
垢版 |
2008/05/08(木) 19:26:55
carbonだからすっごい警告でるんですよ。
それでprocessing互換のof何とかみたいな関数を使う分には良いけれど、
拡張していくときに、いまさらCarbon APIを覚えたりするのもあれですし…
どうせprocessing(java)からc++なら objective-c (cococa) の方が可能性があると、
もっというならphythonだと。
0103デフォルトの名無しさん
垢版 |
2008/05/08(木) 19:37:33
nodeboxよさげなんだけで、windows環境なんで使えないよ〜
windows版もあったみたいだけど、開発止まってるみたいだし...
0104デフォルトの名無しさん
垢版 |
2008/05/08(木) 22:25:26
nodebox さわってみた。

アニメーションを作るのがすごく楽だね。

processing で何かを動かすときは各フレームを描く前に
draw() の中で毎回 background() するか
rect( width, height ) する感じでなんかかっこわるかったけど
（別の方法あったら教えて）

nodebox は draw() の外で speed(30) とかやると
一秒間に30回draw()を呼び出してくれる
ttp://nodebox.net/code/index.php/Animation
0106デフォルトの名無しさん
垢版 |
2008/05/09(金) 14:08:36
>>105のとこのスクリーンキャスト動画みてておもったけど、
リアルタイムでプログラムしてく工程って、ライブとかでやるとパフォーマンスとしてはおもしろいかもね。

0107デフォルトの名無しさん
垢版 |
2008/05/09(金) 14:21:06
processingは環境構築を意識しなくても、書けばすぐ動く点が初心者には嬉しくて
openframeworksは、その点xcodeなりvc++なりを理解するところから始めないといけないから
若干敷居の高さを感じます。

勉強すれば良いんだけどね
0110デフォルトの名無しさん
垢版 |
2008/05/09(金) 15:34:01
>>108
おお！そうそうこんな感じだよね。
プログラム知らない人がみると、なんかすげぇことやってる感があっていいw

もちっと突き詰めて、タイピングの音に合わせてパーカッションとか入れるとかっこいいのかな？
文字や補完キーワードごとにSE割り振って。
リズミカルにタイプすると、ドラムっぽくなるみたいなw
タイピング自体も作品の一部、演奏する感じ？
0113デフォルトの名無しさん
垢版 |
2008/05/10(土) 08:01:19
>111

これは凄い
けど、基本的にjavascriptは裏技みたいな感じだからasとは競合しない気が、
ブラウザ依存も大きいし。でも簡単な処理だったらアプレット起動の正規の
processingよりjs版のほうがいい
0114デフォルトの名無しさん
垢版 |
2008/05/18(日) 15:36:52
初心者です。
>>javascriptでpeocessing

processingで文字を表示させたいときはどうすればいいんですか？
0115デフォルトの名無しさん
垢版 |
2008/05/18(日) 20:21:12
>>114
こちら→http://pripro.org/p5ref/index.html
のタイポグラフィの欄を参照するといい。
そこに載っているサンプルコードを自分で実行してみ。

でも、まずフォントを自分で作らないといけない。
processingの中にCreate fontってところがあるから、
そこでフォントファイル（hogehoge.vlw）がdataフォルダの中にできる。

サンプルコードは自分で作った.vlwファイルで試すんだ。
0116デフォルトの名無しさん
垢版 |
2008/05/18(日) 20:56:53
>>115
回答ありがとうございます。
HTMLに書く場合はどうすればいいんでしょうか??
実行しても文字が表示されません…
質問ばかりですみません
0117デフォルトの名無しさん
垢版 |
2008/05/18(日) 22:18:17
>>116
Fileメニューの中にExportって項目あるだろ。
そうすればフォルダん中にできているはず。

それから質問する側として、
何がやりたいのか、
自分はどこまでできたのか、
みたいなのをしっかり書いてくれないと、
回答する側も見当違いになってしまうかもしれないから詳細に頼む。

ちなみに、俺が言ってるのはprocessingが行うHTMLの書き出し方で、
Javascriptのprocessing.jsでは方法が違うから気をつけろ。
processing.jsについてはぐぐる方が優秀な解説ブログエントリがすぐに見つかるはずだ。
0118デフォルトの名無しさん
垢版 |
2008/05/19(月) 08:26:50
それくらいは調べられるような智慧をつけたほうがいいと思うよ
0119デフォルトの名無しさん
垢版 |
2008/05/20(火) 21:43:03
>>117
まぁまぁ、最初に 「>>javascriptでprocessing」という部分を引用してることから
processing.jsの話だとは推測できるし、それに対してjavaのprocessingの話をすれば
すれ違うのは当然だったと思うよ。
で、文字のことなんだけど、僕自身もまた詳しくなくて申し訳ないんだけど、
processing.jsは、javascriptのcanvas要素のためのライブラリ?ラッパー？のようなものだから、
canvas要素で文字を表示させることについて、ググってみると、
ttp://www.html5.jp/canvas/what.html
に、書いてあるように、canavas自身には文字を表示させる機能がないらしいから、
DOMを使うと表示できるらしいけど、ちょっとよくわからないので、誰か補完をお願いしたいです。
0120デフォルトの名無しさん
垢版 |
2008/05/26(月) 04:20:28
2chで情報少ないからさ、jitterやpd、vvvvをまとめてスレ化して欲しいんだが・・・
てかしていい？でもスレタイがいいの思いつかない。
0121デフォルトの名無しさん
垢版 |
2008/05/26(月) 07:11:22
DTM板にあるっしょ
0124デフォルトの名無しさん
垢版 |
2008/05/27(火) 12:34:17
いろいろ気軽にできて楽しかったけど、すぐに限界が見えてJavaに
戻ったよ。Java用お手軽グラフィックライブラリとして使ってる。
付属のIDEもはげしく使いづらい。エラーメッセージはJavaのまま
だしね。Eclipseのプラグインにしてくれればよかったのに。
つーか普通そうするんじゃないか？　それじゃアーティストに
使ってもらえないからダメか。
0127デフォルトの名無しさん
垢版 |
2008/05/27(火) 16:08:32
>>120
processingですらこんな過疎っぷりなんだし、
2chにスレッドをたてるより、wikiにするとか、メーリスをつくるとか、
そういうほうが良いと思う。
0129デフォルトの名無しさん
垢版 |
2008/05/27(火) 18:54:34
>>128
たしかに、そんなに盛り上がらないと思う。
けど、2chだとスレ落ちすると全部消えちゃうから、
ドキュメントとして後で使えなくて不便だと思うんだよね。
0130デフォルトの名無しさん
垢版 |
2008/05/27(火) 19:06:28
processingの日本のコミュニティとして、2chかmixiか。

ドキュメントは大学の授業でprocessingを扱っている講義資料、
または個人でprocessingを勉強している人のブログしかない。

それらの統括的なwikiができたらそれは便利なんだけど、
そうすると結局、質問･疑問がぽっと湧いたときにすぐ反応
しづらくなるからこのままでいいと思うな。
0133デフォルトの名無しさん
垢版 |
2008/06/01(日) 10:59:41
0138が出た。
起動しないバグは直ったみたいだけど、メニューを選択したときの
反応が遅かったり、まだちょっと不安定ですね。（OS X版）
0137デフォルトの名無しさん
垢版 |
2008/06/23(月) 20:20:39
runさせようとするとコンパイルはうまくいくものの
JavaVMの起動時になぜか-Xlint:uncheckedオプションを付けてくれて
エラーになっちゃうんだけど同じような人いますか？

環境はjavaをインストールしていないWIndowsXPに0135java同梱版で
ソースは
ttp://reactable.iua.upf.edu/?software
のサンプルです
processingについてるサンプルなんかはきちんと走ります
0138デフォルトの名無しさん
垢版 |
2008/06/24(火) 17:50:48
Jmyron＋Logitechカメラ爆発すればいいのに。。。

Vistaだけど、起動したとたんに青スクリーン。
やっぱまだ未解決なのですか？
0140デフォルトの名無しさん
垢版 |
2008/07/09(水) 17:26:00
盛り上がらんねー
楽しいのは楽しいんだが、初心者はある程度から急激に難しくなり
他言語経験者は物足りなくて去っていくという悪いスパイラルなのかな。
0144デフォルトの名無しさん
垢版 |
2008/07/10(木) 06:14:09
>142
eclipseを使う。

で、ここまでするならjavaのほうが手っ取り早い。。
と結局そう思うようになる。
0145デフォルトの名無しさん
垢版 |
2008/07/10(木) 08:57:07
ライブラリとしてproce55ingをインポートすれば、
Eclipseでのプログラミング環境が整う。

だからといってJavaのみでやろうとすると面倒だから、
proce55ingでは色んな厳密な定義の部分を省いてるのが良い。
0146デフォルトの名無しさん
垢版 |
2008/07/10(木) 13:22:15
最近のjavac使うようになったやつで、すでにインストール済みのJVMを使う方法はないのかな?
知ってる人がいたら教えてください。少しサイトを読んだだけだと分からなかった…
0147デフォルトの名無しさん
垢版 |
2008/07/12(土) 23:27:40
初歩的なことなのですが、ひとつ質問させてください

ProcessingでExportする際に、
"Identifier expected instead of this token"
と出るのでが、これは何が原因で起こるものなのでしょうか？

Compiler.java:360や、MessageSiphon.java:360という言葉も見受けられます。

私はプログラミング言語というものに触ったこともなく、授業でいきなりProe55ingに触れた人間です。
きわめて初歩的なことを聞いているのかどうかもわからずに右往左往してます。

どうか誰か教えてください。お願いします！
0148デフォルトの名無しさん
垢版 |
2008/07/13(日) 01:57:07
保存したファイル名が予約語（使えない語)だったりするんじゃないだろうか
別のファイル名で保存してみるとか

0149デフォルトの名無しさん
垢版 |
2008/07/13(日) 02:50:53
>>148
出来ました！
どうやらファイル名を『final』にしていたのが良くなかったようです。
もろ予約語でしたね。。。

解決しました、ありがとうございます！
0151デフォルトの名無しさん
垢版 |
2008/08/02(土) 05:53:17
processingってベクターデータの扱いが不得手なのかしら？
Flashみたいな使い方をしようとすると難しいのかな　自分の調べ方が悪いだけかな・・・
特にフォント周りがベクターデータで読み込むことも、日本語フォントを使うことも、無理なかんじ？
0152デフォルトの名無しさん
垢版 |
2008/08/06(水) 14:12:15
>>151
フラッシュみたいなベクターデータの使い方ってどういうこと？
SVGはつかえるとおもうけど。
文字をベクターデータとして表示するのは、ここのライブラリでできる。
http://www.nexttext.net/
日本語は試してないから分からない。
0153デフォルトの名無しさん
垢版 |
2008/08/07(木) 11:26:19
「Built with Processing 改訂版」を今読んでるけど、改訂版なのに誤字脱字がもの凄い多いのなｗ
誤字脱字どころか、「まずはellipseの命令を使って小さな四角を表示させてみよう」とか
初心者が混乱しかねない意味不明な文章もたくさんあるｗ　内容自体は結構良いのに惜しいね
著者とか校正担当は文章読み返してないのかなぁ
0155153
垢版 |
2008/08/08(金) 11:09:43
>>154
そそｗ あからさまにおかしいならわかるからまだいいんだけど、気づきにくいケアレスミスが凄く多い
で改訂版からは出版社のサイトで本に出てくるサンプルコードが落とせるようになったんだけど、
なぜか部分的にしか入って無くて、プログラム量が多くなる後半（第4章）がバッサリ入って無い。

それだけならまだしも、その第4章の書籍に載っているプログラムをそのまま書き写して実行すると、
ほとんどエラーが起きて実行できないｗ　変数宣言前に変数使ってるとか、そもそも宣言してないとか、
誤字脱字で動作しないとか、盛りだくさん。絶対に自分で入力して実行してないねこれｗ

出版社のサイトに載ってる正誤表は2箇所しか無いけど、全然もっと多いｗ
http://www.bnn.co.jp/books/errata/bwp2_seigohyou.html

200箇所くらいありそうな気がする　まぁ入門目的で買おうとしてる人はその点注意されたし
0156デフォルトの名無しさん
垢版 |
2008/08/09(土) 00:36:51
本が手元にないから何ページか覚えてないけど、
arc （円弧の描画）
の説明もおかしい。

まず引数足りてないし、
本では、arc(左上のx, 左上のy, 始めの角度, 終わりの角度） みたいな感じで、
実際は、arc(中心のx, 中心のy, 幅, 高さ, 始めの角度, 終わりの角度)
だったと思う。
改訂版なのに全然改訂してねー。
0158654
垢版 |
2008/08/11(月) 02:25:56
つーかあれだ、中身のないjpサイトどうよ？
0160デフォルトの名無しさん
垢版 |
2008/08/19(火) 02:39:28
ダニエルシフマンのProcessing本も発売予定でトップページに載ってるね
目次みたら、プログラミング入門者向けの内容のようで他の本と内容が
だぶってそうなのが残念だけど
0165デフォルトの名無しさん
垢版 |
2008/09/07(日) 18:14:49
そんな時の定番はお題を出して
それを作るとかだけどね
誰かが作ったソース非公開のスケッチを再現するとか

だいたいお題決めでｇｄｇｄになって実現しないけど
0170デフォルトの名無しさん
垢版 |
2008/09/20(土) 15:06:58
Processingで作成した動画又は動きのある画像を動画ファイルに変換って
どうすればできるのでしょうか？
0171デフォルトの名無しさん
垢版 |
2008/09/21(日) 06:10:18
ムービーファイルにアスキムービ処理をしたいのですが、
動作してくれません。。なにがダメなの？うごかしてみたいよ〜

import processing.video.*;
Movie myMovie;
color myMovieColors[];
String letterOrder =
" .`-_':,;^=+/\"|)\\<>)iv%xclrs{*}I?!][1taeo7zjLu" +
"nT#JCwfy325Fp6mqSghVd4EgXPGZbYkOA&8U$@KHDBWNMR0Q";
char[] letters;
float[] bright;
char[] chars;
PFont font;
float fontSize = 1.5;
public void setup() {
size(640, 480, P3D);
myMovie = new Movie(this, "sample.mov");
myMovie.loop();
int count = myMovie.width * myMovie.height;
font = loadFont("UniversLTStd-Light-48.vlw");
letters = new char[256];
for (int i = 0; i < 256; i++) {
int index = int(map(i, 0, 256, 0, letterOrder.length()));
letters[i] = letterOrder.charAt(index);}
chars = new char[count];
bright = new float[count];
for (int i = 0; i < count; i++) {
bright[i] = 128;}}
0172デフォルトの名無しさん
垢版 |
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();}
0173デフォルトの名無しさん
垢版 |
2008/09/21(日) 12:27:30
>>171
エラーとかでてる？　でてるならちゃんと読みなよ
後、コードに無駄が多すぎるから、もっと精進してください
0174デフォルトの名無しさん
垢版 |
2008/09/21(日) 15:15:09
エラーログ
java.lang.ArrayIndexOutOfBoundsException: 1

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

インデックス値が間違ってるの？
0176デフォルトの名無しさん
垢版 |
2008/09/22(月) 02:01:08
これっすか先輩

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

初心者故、どこが不具合なのか判別つきませぬ…
0178デフォルトの名無しさん
垢版 |
2008/09/22(月) 16:17:25
>>174

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


>>176
その行のindexはsetupの中だけで有効だ！
0179デフォルトの名無しさん
垢版 |
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は別物

0180デフォルトの名無しさん
垢版 |
2008/09/23(火) 02:42:08
こんなことここできくなや
一人で解決しろ、ろくすっぽ一人でできいないなら触るなよ
やっぱりこういうのをみるに
アーティストと実装は分けた方がいい気がするというか
ちゃんと両方できる人しか兼任したらあかんとおもう
日本だと根付かないなと実感する
0181デフォルトの名無しさん
垢版 |
2008/09/23(火) 11:17:55
>>180
おまえ先輩じゃないな！
祝日前夜にアーティストとの区分けなんて詰まらないこと考えてるのかよ
オープンソースなんだし楽しくやろうよ
いろんなユーザがいていいもんだ
0184デフォルトの名無しさん
垢版 |
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)
0185デフォルトの名無しさん
垢版 |
2008/09/23(火) 17:28:12
なんか見た目よりも中身はあんまアート的には美しくないよな。
普通の描画ライブラリ+独自文法の絵を描くだけのものじゃん、と
感じたので興味が失せたのが4ヶ月前くらい…。
0187デフォルトの名無しさん
垢版 |
2008/09/24(水) 01:50:45
>>180
いいたいことはわかるぜ、中途半端な奴が多い気がする。
でも色々な使い方があっていいとおもう

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

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

と、ログファイルパーサーを作った時点で腹減って、
肝心の描画部分に到達してないというw
0191デフォルトの名無しさん
垢版 |
2008/10/07(火) 16:44:12
凝ったことしようとすると、最初からJavaやったほうが早い
0193デフォルトの名無しさん
垢版 |
2008/10/13(月) 02:22:34
Built with Processing改訂版のソース・コードのURLって、何ページに載ってる？
0194デフォルトの名無しさん
垢版 |
2008/10/18(土) 14:30:26
>> 193
8ページの「はじめに」の右下ね。
0196デフォルトの名無しさん
垢版 |
2008/10/24(金) 16:32:59
processingのスレあったのか
誰もいないのかな････宿題わからんから助けてほしい
0198デフォルトの名無しさん
垢版 |
2008/10/25(土) 00:30:37
質問歓迎。

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