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

**デフォルトの名無しさん** · 2007/08/06(月) 16:19:13

大自然描くのにサインコサインタンジェント
激しく遠回りで面倒なプログラミングアート制作について語ろう

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

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

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

そんな話をしないか

**デフォルトの名無しさん** · 2007/11/20(火) 15:23:42

>13
お、どーですか？レポよろ

**デフォルトの名無しさん** · 2007/11/22(木) 15:04:39

pde　で　 imgsrc = loadImage("1.jpg");
したとき同じフォルダにおいたのですが
エラーでした。。どこにおけばいいのでしょうか。。

The file "1.jpg" is missing or inaccessible, make sure the URL is valid or that the file has been added to your sketch and is readable.

java.lang.NullPointerException
at Temporary_5030_5353.setup(Temporary_5030_5353.java:39)
at processing.core.PApplet.handleDisplay(PApplet.java:1388)
at processing.core.PGraphics.requestDisplay(PGraphics.java:690)
at processing.core.PApplet.run(PApplet.java:1560)
at java.lang.Thread.run(Unknown Source)

java.lang.NullPointerException
at Temporary_5030_5353.setup(Temporary_5030_5353.java:39)
at processing.core.PApplet.handleDisplay(PApplet.java:1388)
at processing.core.PGraphics.requestDisplay(PGraphics.java:690)
at processing.core.PApplet.run(PApplet.java:1560)
at java.lang.Thread.run(Unknown Source)

**デフォルトの名無しさん** · 2007/11/22(木) 16:34:39

同じ階層に"data"フォルダ作って、そこに画像ファイルを置く

とか

**デフォルトの名無しさん** · 2007/11/22(木) 18:59:41

絶対パスでもいいよ

生成した画像をFeedback変形加算合成（iTunesビジュライザみたいな）とかやりたかったんだけどpixels[]とかってかなり遅い？
なんかいい方法は無いかしら

**デフォルトの名無しさん** · 2007/11/22(木) 19:14:58

どーなんだろね
javaだし

そいえばOpenCVライブラリもあるんだね
使ったこと無いけど
http://sourceforge.net/projects/opencv-p5/

**デフォルトの名無しさん** · 2007/12/04(火) 11:58:11

>>17
pixels[]は、画面サイズを大きくするにつれ重くなるよ。
僕のmacbook(coreDuo1.8GHz)だと300*300pixelくらいで10fps切るようなかんじ。
なかなか辛いと思うよ。
ちょっとちがうかもしれないけど、OPENGLを直接使ってみたらどうだろう。

Processing 「ブレンドする方法」 flash+α
http://rx8.cocolog-nifty.com/blog/2007/08/processing_1d1c.html

import opengl.*とは比較にならないくらい早くなるよ。

**デフォルトの名無しさん** · 2007/12/05(水) 04:08:19

http://youtubetv.atspace.com/?39r7zl@HeartfulVoiceHatsuneMiku&MyHeart
http://youtubetv.atspace.com/?39r7zl@HeartfulVoiceHatsuneMiku&MyHeart
http://youtubetv.atspace.com/?39r7zl@HeartfulVoiceHatsuneMiku&MyHeart

**デフォルトの名無しさん** · 2007/12/09(日) 23:13:23

Emacsでprocessingのコードを書くのに便利なモードってありますか？

**デフォルトの名無しさん** · 2007/12/10(月) 07:55:52

>>21
Emacs で processingのファイルを編集する
http://d.hatena.ne.jp/hiboma/20070603/1180830768

**デフォルトの名無しさん** · 2007/12/11(火) 00:41:59

>>22
うお、これは。
早速試してみたけど、processingのファイルのバッファを保存すると
自動でprocessingのエディタに読み込まれるけど実行はされないなあ。

**デフォルトの名無しさん** · 2007/12/27(木) 09:19:18

本人依頼により削除しました
http://ja.wikipedia.org/w/index.php?title=%E8%BF%91%E8%97%A4%E5%93%B2%E4%B9%9F_%28%E3%82%A2%E3%83%BC%E3%83%86%E3%82%A3%E3%82%B9%E3%83%88%29&action=history

**デフォルトの名無しさん** · 2007/12/28(金) 09:11:28

proce55ing の途中にはどんな55文字が入るのですか？

**デフォルトの名無しさん** · 2007/12/28(金) 21:13:21

>>25

S のかわりなので55文字はいるわけじゃないです。

ぐぐるときとかに processing ではあまりにも雑多な結果しか出てこないので
proce55ing とかくと聞きました。

**デフォルトの名無しさん** · 2007/12/29(土) 23:33:46

きっと proce Johann Gambolputty de von ...snip... Ulm ing だと思うよ!

**デフォルトの名無しさん** · 2007/12/31(月) 18:28:15

>>26
そうだったのですか。
サンクスです。

>>27
自分もそんなのを想像していました。
英語だと思っていたのですが、確かに他の言語の可能性もありますね。

**デフォルトの名無しさん** · 2007/12/31(月) 18:31:28

Ｇ＿＿＿＿ｏｒｚ
ってなんて読む？
じぃぃぃぃぃおるず？

**デフォルトの名無しさん** · 2007/12/31(月) 18:47:35

>>24
この人かなり恥ずかしいねｗ

**デフォルトの名無しさん** · 2008/01/06(日) 02:00:56

カメラ内で人が認識されると、プログラム上で人がいると認識された部分のみ、画像が変わっていくというものを作ろうとしています。

動体検知に関しては
ttp://www.v3ga.net/processing/BlobDetection/index-page-home.html
を参考にしているのですが、参考にしただけでそこから一向に進みません。

ttp://r3nder.net/resource/archives/categorias/all_projects/creamfields_2007.html
イメージとしてこの作品は大分近いのですが。

**デフォルトの名無しさん** · 2008/01/07(月) 01:45:33

>>31

gmbr 以上のレスが欲しいなら
書いているコードの核心部分、問題部分くらいは晒したほうがいいとおもいますが。

**デフォルトの名無しさん** · 2008/01/08(火) 22:57:21

近藤哲也は3年前のページを書き換えてまでなんで早稲田2文っていうのを隠したがるのかね。1浪の末やっと2文なんだけどさ。
http://www.sist.chukyo-u.ac.jp/news/archives/col104.htm
http://209.85.175.104/search?q=cache:nn8hga9GB2gJ:www.sist.chukyo-u.ac.jp/news/archives/col104.htm+%E8%BF%91%E8%97%A4%E5%93%B2%E4%B9%9F+%E6%97%A9%E7%A8%B2%E7%94%B0&hl=ja&ct=clnk&cd=4&lr=lang_ja

**デフォルトの名無しさん** · 2008/01/09(水) 01:38:50

私怨うざい。よそでやれ。

**デフォルトの名無しさん** · 2008/01/09(水) 02:42:13

http://www.saturn.dti.ne.jp/~npaka/flash/as30/index.html
ここまでできるし、AS3って手もあるんだなあ
描画性能がp5より良くない？
http://www.splashup.com/

動画書き出しがFlash無しで出来ればいいな

**デフォルトの名無しさん** · 2008/01/14(月) 11:48:20

JMyron使おうとしてるんだけど
JMyron m　= new JMyron();
m.start(width,height);
の初期化のところでブルースクリーン。
LV302V32.sysとかいうドライバがメモリリークしてるみたい。
環境は
processing:0135
JMyron:0025
webcam:logicool QVP-61SV
です

JMyronを使えてる方はどんなカメラ使ってますか？

**デフォルトの名無しさん** · 2008/01/16(水) 21:28:31

おほ。芸術デザイン板のprocessingスレが落ちて寂しいと思っていたらここにｗ
はじめたばかりだけどよろしく。

**デフォルトの名無しさん** · 2008/01/17(木) 08:17:13

いらっさーい

**デフォルトの名無しさん** · 2008/01/30(水) 10:42:34

windows vistaでやってる人いる？

**デフォルトの名無しさん** · 2008/01/31(木) 20:41:03

長文失礼します。
proce55ingでカメラ画像の左右反転って可能でしょうか？
下のコードでウェブカメラの画像は表示できるのですが・・・
for文の中をいじれば可能なんでしょうか？試行錯誤したのですがうまくいきません。
どなたか詳しい方ご教授願います。

import processing.video.*;
Capture camera;
void setup(){
size(320,240);
camera = new Capture(this,320,240,12);
loadPixels();
camera.loadPixels();
}
void draw(){
for(int y=0 ; y < height ; y++){
for(int x = 0; x < width ; x++){
int pos = (y * width) + x;
pixels[pos] = camera.pixels[pos];
}
}
updatePixels();
}
void captureEvent(Capture camera){
camera.read();
}

**デフォルトの名無しさん** · 2008/01/31(木) 21:59:51

>>40
exampleにあるよ
http://processing.org/learning/libraries/mirror.html

**デフォルトの名無しさん** · 2008/01/31(木) 22:58:43

>>41
おお！そんな身近にあったんですね！多謝です！！

**デフォルトの名無しさん** · 2008/02/02(土) 11:48:07

>>36
processing.orgでも同じような事例が報告されていますね。
logicoolがいけないのかな
http://processing.org/discourse/yabb_beta/YaBB.cgi?board=LibraryProblems;action=display;num=1180778285
windowsでカメラ入力を使う場合は、WinVDGをいれておいたほうが良いみたい
http://www.shiffman.net/vdig

**デフォルトの名無しさん** · 2008/02/04(月) 12:04:45

>>35
>>動画書き出しがFlash無しで出来ればいいな
板違いだけど、flex3SDKを使えば無料でコンパイル（動画書き出し）ができるよ。
ttp://labs.adobe.com/technologies/flex/sdk/
けど、四角を描くにしてもas3.0(flex3SDK)だと
package{
import flash.display.Sprite;
public class sikaku extends Sprite{
public function sikaku(){
graphics.beginFill(0xff0000);
graphics.drawRect(0,0,50,50);
graphics.endFill();
}
}
}
くらいになってしまう(これをコンパイルできる環境も整えないといけない)
対して、p5だと
rect(0,0,50,50);
で描けてしまう(環境も、p5をダウンロードすればすぐにコンパイルできる)。

ついでに、p5と似たようなコンセプトのopenFrameworksも紹介しておく。
ttp://www.openframeworks.cc/about
proce55ingがjavaなのに対して、こちらはc++。開発環境は自分で整えないといけないけど、c++のスピードが欲しいときに。
あと、NodeBox。
ttp://nodebox.net/code/index.php/Home
python版proce55ing。pythonの充実したライブラリを使いたいときに。

**デフォルトの名無しさん** · 2008/02/05(火) 00:41:36

なんとなく、感覚的に比較してみると．．．

処理速度(ローカルで)
OpenFrameworks>>NodeBox>Processing>as3.0

処理速度（ブラウザ上で）
as3.0>>>>Processing

習得難易度
OpenFrameworks>as3.0>NodeBox>Processing

**デフォルトの名無しさん** · 2008/02/05(火) 01:04:51

>>31
やり方はいくらでもあるし、それが重要な部分でもあるとおもうけど、こたえてみる。
ttp://www.v3ga.net/processing/BlobDetection/index-page-examples.html
ここの、WebCamのexampleを頭悪いなりに考えてみると
for (int m=0;m<b.getEdgeNb();m++)
{
eA = b.getEdgeVertexA(m);
eB = b.getEdgeVertexB(m);
if (eA !=null && eB !=null)
line(
eA.x*width, eA.y*height,
eB.x*width, eB.y*height
);
}
このforループで明度差の輪郭の頂点を一個ずつとって、lineでつないでるみたいだから、
その頂点のデータを格納してるeA.x*width, eA.y*heightを、以下のサンプルで使ってみたら、
「認識された部分のみ、画像が変わっていくというもの」はできるんじゃないか
ttp://processing.org/learning/topics/convolution.html

**デフォルトの名無しさん** · 2008/02/05(火) 01:10:26

http://ぷろせっしんぐ.jp/
http://t.ぷろせっしんぐ.jp/

**デフォルトの名無しさん** · 2008/02/05(火) 09:59:16

これからproce55ingを学ぶ人、とくに初めてプログラミングというものに触れる人へ向けて。

FunProce55ing
http://manoskywiki.pickle.cc/index.php?FunProce55ing

SSAW07
http://yoppa.org/ssaw07.php

Language (API) \ Processing 1.0 (BETA)　日本語版
http://pripro.org/p5ref/index.html

Expressive Programming (Processing入門)
http://r-dimension.xsrv.jp/classes_j/2007_programming_3rd/

daniel shiffman -- procedural painting(英語)
http://www.shiffman.net/itp/classes/ppaint/

media-art workshop
http://www.idd.tamabi.ac.jp/art/B-Lab/media-art/ws/

dynamic design 200
http://web.sfc.keio.ac.jp/~t04021ya/ddesign/

本家processing.org　
http://processing.org/learning/index.html

**デフォルトの名無しさん** · 2008/02/05(火) 21:14:01

プロセッシング用のライブラリやリファレンスの充実している、簡単電子工作デバイスたち
arduino
本家サイト　arduino.cc
http://arduino.cc/
arduinoなど電子工作を紹介するmake blogの日本語版
http://jp.makezine.com/blog/arduino/
gainer
日本で買うよりも、海外から取り寄せたほうが安い。
http://gainer.cc/wiki/index.php?title=Main_Page/ja
gainer@sparkfun $34.95 　日本で買うとICCで一万円くらい
http://www.sparkfun.com/commerce/product_info.php?products_id=8480
pripro
メディアアーティストのクワクボリョウタさんが製作されているデバイス。今のところ自分でpicに焼いてつくるしかない
http://www.vector-scan.com/ws/

**デフォルトの名無しさん** · 2008/02/06(水) 03:20:25

スパファンって送料どれくらい？

**デフォルトの名無しさん** · 2008/02/06(水) 12:55:12

>>50
ググレカ(ry
選べる運送会社はUSPSかFedEXのどちらかで、
FedEx International Priority ($40+)3日で届く　保険あり
FedEx International Economy ($30+)3-5日で届く　保険あり
USPS Express Mail International ($22- $40)3-5日で届く　保険あり
USPS First Class Mail International ($4- $20)上記のどれよりも遅い　保険なし
詳しくはここに書いてあるだろヴォケが
http://www.sparkfun.com/commerce/hdr.php?p=customer_services

**デフォルトの名無しさん** · 2008/02/06(水) 17:18:06

>>51みたいに頭良くないから英語わからなくてさ・・
いいやつだなぁ
$4とかもあるのかー

**デフォルトの名無しさん** · 2008/02/07(木) 14:04:07

みんなちゃんとクラス化して書いてるのかな．．．

**デフォルトの名無しさん** · 2008/02/07(木) 14:23:47

クラスにしてるよ

**デフォルトの名無しさん** · 2008/02/10(日) 17:13:24

Processing:
Creative Coding and Computational Art

のほうの本読んでるけど、プログラミング経験のある人には
簡単なプログラミングの基礎から説明してて冗長かも。
でも自分の場合には数学も苦手なので、数学についても
冗長なぐらいに丁寧に説明してて、怖がらずに読んでいける。
あと英語圏の人が書いてるだけあって、英語は読みやすかった

**デフォルトの名無しさん** · 2008/02/10(日) 17:22:00

AS3はちょっとした事をやるにも、
色々なクラスの関数を組み合わせなければいけなくなって
いちいち型指定もしなければいけないので
Processingのように気軽に色々試してみるには
ちょっと書くのが面倒な言語な気がする。
RubyとJavaみたいに、AS3はJavaほど面倒じゃないけど、
棲み分けが進んでいきそうな予感。

**デフォルトの名無しさん** · 2008/02/10(日) 18:59:23

棲み分けるにしたって、processingはas3ほどブラウザで高速に動かないから、
そもそも使い道が全然違うよね。
比較するなら、むしろローカルで動くAIRじゃね。

**デフォルトの名無しさん** · 2008/02/10(日) 20:38:36

あくまでプロトタイプって棲み分けじゃない？
processingでアルゴリズムを確認して、他の高速な言語へ移植

**デフォルトの名無しさん** · 2008/02/10(日) 21:27:26

何度も色々なコードAS3で試す事を考えると、
AS3に移植する労力のほうが楽だったりしそうだけど。
そこら辺、両方使ってる人はどうなのかな。

**デフォルトの名無しさん** · 2008/02/11(月) 02:17:55

以前logicoolのwebカメラとJMyronの相性が悪いという書き込みがありましたが
proce55ingの通常のシンプルなキャプチャもできないんでしょうか？
使用OSがwindowsなので原因がイマイチよく分からないですが以下のようなエラー（？）が表示されます

#
# An unexpected error has been detected by HotSpot Virtual Machine:
#
# EXCEPTION_ACCESS_VIOLATION (0xc0000005) at pc=0x071ab358, pid=3532, tid=3780
#
# Java VM: Java HotSpot(TM) Client VM (1.4.2_12-b03 mixed mode)
# Problematic frame:
# C [MpegVideo.dll+0x1b358]
#
# An error report file with more information is saved as hs_err_pid3532.log
#
# If you would like to submit a bug report, please visit:
# http://java.sun.com/webapps/bugreport/crash.jsp
#

logicoo社以外のメーカーで試してみようと思うんですがwindowsユーザーの方はどんな会社のカメラを使っていますか？
l

**デフォルトの名無しさん** · 2008/02/11(月) 22:24:54

ライブラリのXML Import（import processing.xml.*）を使って、外部のRSSを読み込んでるんですが、
再生（Run）するときはRSSを読み込むのに、Exportしてブラウザ上で見ると読み込みません。

解決法わかる人いますか？

**sage** · 2008/02/11(月) 22:56:05

>>60
オレもlogitechのQcam Orbit(QVR-1)使ってる。
w2kでは60と同じような状態だったけど、xpではうまくいってるよ。
あと、バッファローのBWC-130H01もできた。

だれか、ps2のeyetoyでJMyronつかってるヤツいないかな。
居たら、報告求む。

60 · 2008/02/12(火) 00:59:47

>>62
別マシン（xp　SP2）のノートで試したらlogicool製品（QVP-61BL）でもいけました。
しかし未だにメインのデスクトップＰＣではできず・・・
カメラのキャプチャにはハードに依存する部分があるってことでしょうか・・・？

そもそもあのエラー文はjavaに問題があるって言っているんだろうか？？
とりあえずできた方のマシンでがんばってみます。

60 · 2008/02/12(火) 01:56:47

追記です。
どうやらデスクトップPCに付属のビデオキャプチャボードがいけなかった様子で、
デバイスマネージャから停止させたらprocessingでwebカメラの画像を読み込めました。

**デフォルトの名無しさん** · 2008/02/14(木) 07:37:38

>60
わたしも同じ症状　VISTA
logicool使用　ビデオキャプチャボードなし
ただし，XPではうまく動いてます．

**デフォルトの名無しさん** · 2008/02/14(木) 11:24:31

BNNから出ていた「Built with Processing」の改訂版が３月９日に発売されるようです。

**デフォルトの名無しさん** · 2008/03/03(月) 11:05:02

コード晒そうよ

**デフォルトの名無しさん** · 2008/03/08(土) 06:51:41

ノードボックスのこのライブラリ、面白そう
http://nodebox.net/code/index.php/Linguistics
全体にノードボックスは描画がキレイだね

**デフォルトの名無しさん** · 2008/03/12(水) 21:52:52

http://processing.org/
落ちてる？

最新版を入れたいのだが誰か上げてくれないか？

**デフォルトの名無しさん** · 2008/03/12(水) 23:40:15

落ちてないよ

**デフォルトの名無しさん** · 2008/03/18(火) 20:22:41

http://www.vision.cs.chubu.ac.jp/VU/html/index.html
すごい。画像解析

**デフォルトの名無しさん** · 2008/03/19(水) 05:21:12

サンプルコード集って感じだな

**デフォルトの名無しさん** · 2008/03/28(金) 10:54:22

built with processingの改訂版の詳細、発表されましたね。
http://collisions.doppac.cc/archives/163

**デフォルトの名無しさん** · 2008/03/28(金) 10:56:14

built with processingの本、コードをわざわざ手で打ち直さなきゃいけないのは、改善されるかな

**デフォルトの名無しさん** · 2008/03/28(金) 11:02:02

artoolkit、移植きた
http://www.bryanchung.net/?p=227
ドキュメント
http://www.bryanchung.net/?p=228

**デフォルトの名無しさん** · 2008/04/01(火) 02:39:26

リファレンス(BETA)の日本語版がもう一つがあった。
拡張要素にも対応してるっぽい
http://www.technotype.net/technotype/processing/reference/index.html
日本語リファレンス（途中）
http://pripro.org/p5ref/index.html

**デフォルトの名無しさん** · 2008/04/01(火) 02:51:25

>>76
technotypeの日本語版はもはや日本語版ではないくらいすごい日本語訳だなw

**デフォルトの名無しさん** · 2008/04/01(火) 09:18:41

だれかbuilt with processingの改訂版買ってないの？
新章の内容が気になってるんだけど・・・

**デフォルトの名無しさん** · 2008/04/01(火) 21:05:46

今日アマゾンから来たよ

**デフォルトの名無しさん** · 2008/04/02(水) 03:49:27

今日届く予定＞改訂版

**デフォルトの名無しさん** · 2008/04/10(木) 02:08:17

flickrに写真をアップロードするように、processingのスケッチをアップロードするサイト
http://www.openprocessing.org/

妙にjavaの起動が早いような気がするんだけど、自分だけかな。

**デフォルトの名無しさん** · 2008/04/17(木) 18:53:25

少しネタ的なプログラム作ったんだけど、コードうｐっていい？

**デフォルトの名無しさん** · 2008/04/17(木) 20:29:00

うpった方が良い

**デフォルトの名無しさん** · 2008/04/17(木) 21:14:44

void setup(){
size(200, 200); colorMode(RGB, 100);
background(99); frameRate(1);
}
PImage sample = loadImage("nabeatsu.jpg");
PFont font = loadFont("hogehoge.vlw");
void draw(){
int count = second();
textFont(font, 72); textAlign(CENTER);
imageMode(CORNERS); fill(100);
rectMode(CORNER); rect(0, 0, width, height);
if(aho(count)){
image(sample, 0, 0, width, height);
fill(100, 100, 0); text(str(count), width/2, height/2);
} else{
fill(0, 0, 100); text(str(count), width/2, height/2);
} }
boolean aho(int count){
String countStr = str(count);
boolean hantei = false;
for (int i = 0; i < countStr.length(); i++) {
char a = countStr.charAt(i);
if (a == '3') {
hantei = true; break;
} else {
if (count % 3 == 0) {
hantei = true; break;
} else {
hantei = false;
} } }
return hantei; }

**デフォルトの名無しさん** · 2008/04/17(木) 21:15:22

すまん。これ（↑）なんだ。まぁわかるよね。
画像は適当にトリミングしたものを用意したよ。
つhttp://kjm.kir.jp/pc/?p=56225.jpg
改善点、もっとアホらしくしたい方はどうぞ(´・ω・｀)

*コードを1レスでまとめるために少し汚い整形になりました。
*ProcessingにコピペしたらCtrl+Tで整えることをオススメします。

**デフォルトの名無しさん** · 2008/04/19(土) 15:16:24

haxeで開発されているらしいprocessingライクな言語のようなんだけど、
http://www.getbloom.com/
左上に書かれている、
your ideas and share them with 98% of the online world, no applets, no fuss.
って、flashに書き出せるってことなのかな。
試しに動かしてみたけど自分の環境では動かなかった。

**デフォルトの名無しさん** · 2008/04/19(土) 15:59:26

そこまできたらAC3でいくない？

**デフォルトの名無しさん** · 2008/04/19(土) 17:53:58

bloom動かしてみた。
>>86のサイトからフォルダをDLして解凍すると、
Bloom.exeってのがあるからそれをクリック。
するとコードが書かれたエディタが出てくるから、
上のPlayを押す。
そしたらなんか起動して動いた。
同じフォルダの中に、bloom.swfってのがあって、
それが出力されたswfみたい。

**デフォルトの名無しさん** · 2008/04/19(土) 18:29:37

flashって直接画面に描画してくんじゃなくて一旦オブジェクトを生成してるんでしょ？
サンプルみたいなのはどんどんオブジェクトが溜って遅くなるし
いくらコードが同じと言え、設計思想が全く違うわけだから、返ってややこしいだけだと思う

**デフォルトの名無しさん** · 2008/04/20(日) 18:32:36

built with processingってどの程度まで書いてありますか？
ある程度javaは書けるんだけど、ヴィジュアルアート（？）の手法、サンプルを解説付きで知りたい、ってのが目的
Processing: A Programming Handbook for Visual Designers and Artists
の方が良いかな？

**デフォルトの名無しさん** · 2008/04/20(日) 19:20:41

>>90
どこまでっていうと、pixelsの配列を読み取って、画像に置き換えたりするところまで。
ある程度javaが書けるのであればいらないんじゃないかな。
プログラミング自体初めての美大生に向けて書かれたような本だから。
A Programming Handbook...のほうは、パラパラッと見ただけなんだけど
processingに最初から入っているexampleの解説がほとんどだったような気がします。
ヴィジュアルアート(?)の手法っていうのがよくわからないけど、
http://www.vimeo.com/tag:processing　こういうところでほかの作品をみれるよ

**デフォルトの名無しさん** · 2008/04/20(日) 19:33:48

built with processing（以下bwp）は和書というメリットはあると思う。
しかし買って思ったが、全ての関数を網羅しているわけではないんだ。
入門書としてはいいけど、プログラムをかじっている人にとっては物足りない。

「A Programming Handbook for Visual Designers and Artists」は、
まだ読んでいないけど出版が2007/09/30ってことは、
対応しているのはバージョン0125くらいか。
今出てるのが0135だからもし今年新しい参考書が出るなら買いたいな。

bwpでもヴィジュアルアートの手法、サンプルについては触れています。
それが>>90さんを満たすかどうかはわかりません。
bwpではProcessingをプロトタイプを作る言語としてとらえられているような気がします。
もちろん、Processing単体でも十分な作品を作ることは可能だと思うのでがんばってください。

**デフォルトの名無しさん** · 2008/04/20(日) 20:25:35

おお、二人ともサンクス
handbookの方を買ってみることにします

**デフォルトの名無しさん** · 2008/04/20(日) 20:52:46

買ったら参考を書いて欲しいです

**デフォルトの名無しさん** · 2008/04/21(月) 00:32:43

>>89
flashでp5っぽくしたいならbitmapに直接すれば重くなりません
>>90
ヴィジュアルアートってのが良くわからないけれどp5とかでつくられたプログラミングによる映像
とかだったら、このての本よりは理工系の入門書（例えば木本圭子のような作品だったらヴェクトル解析の本）
だとかをあたった方が速いです。
後は、ゲーム系のプログラミングの本とかでしょうか。

**デフォルトの名無しさん** · 2008/04/21(月) 19:06:14

ヴィジュアルアートってか指摘の通り
プログラミングで映像、モーショングラフィックなどの動きを表現したいんです

ゲーム関係の本は参考になりそうですね
そちらも当たってみます
サンクス

**デフォルトの名無しさん** · 2008/04/28(月) 00:42:44

openCVのライブラリ。もうプロセッシングで何でも出来そう。
http://www.ubaa.net/shared/processing/opencv/

**デフォルトの名無しさん** · 2008/04/28(月) 08:57:15

遅いけどね。

**デフォルトの名無しさん** · 2008/05/07(水) 21:24:12

openframeworks、ドキュメント充実してきたみたい。
http://wiki.openframeworks.cc/index.php?title=OF_for_Processing_users
プロセッシングしかやったことの無い人には、コンパイルできるまでが少し大変なのかな

**デフォルトの名無しさん** · 2008/05/08(木) 16:01:30

>>99
昔使った感じだと、osXだとcarbonだったから、
プロセッシングしかやったことの無い人にはあまりおすすめできない。
確かに速いけれど、ほぼglutのラッパーだからね。
cocoa化されていないなら、あまり使うメリットがない気がする。
それよりはnodeboxの方に可能性を感じる。

**デフォルトの名無しさん** · 2008/05/08(木) 17:54:21

ラッパーなんだし
cocoaじゃないから。。とかあんまり関係なさそうだけど。

むしろC++だからJAVAな人にはおすすめできないってことをいいたいのかな？

**デフォルトの名無しさん** · 2008/05/08(木) 19:26:55

carbonだからすっごい警告でるんですよ。
それでprocessing互換のof何とかみたいな関数を使う分には良いけれど、
拡張していくときに、いまさらCarbon APIを覚えたりするのもあれですし…
どうせprocessing(java)からc++なら objective-c (cococa) の方が可能性があると、
もっというならphythonだと。

**デフォルトの名無しさん** · 2008/05/08(木) 19:37:33

nodeboxよさげなんだけで、windows環境なんで使えないよ～
windows版もあったみたいだけど、開発止まってるみたいだし...

**デフォルトの名無しさん** · 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

**デフォルトの名無しさん** · 2008/05/09(金) 13:14:36

こっちもおもしろそうだ。　action coding
gainerの中の人のblogから発見

http://code.google.com/p/action-coding/

**デフォルトの名無しさん** · 2008/05/09(金) 14:08:36

>>105のとこのスクリーンキャスト動画みてておもったけど、
リアルタイムでプログラムしてく工程って、ライブとかでやるとパフォーマンスとしてはおもしろいかもね。

**デフォルトの名無しさん** · 2008/05/09(金) 14:21:06

processingは環境構築を意識しなくても、書けばすぐ動く点が初心者には嬉しくて
openframeworksは、その点xcodeなりvc++なりを理解するところから始めないといけないから
若干敷居の高さを感じます。

勉強すれば良いんだけどね

**デフォルトの名無しさん** · 2008/05/09(金) 14:32:01

>106
ライブコーディングとかいって、やってる人いる
Fluxusどうなったんだ
http://www.youtube.com/watch?v=aTt8r3LhCFM

**108** · 2008/05/09(金) 14:45:00

よく見ると、ライブコーディングしてなかった
作者がうpしたもの
http://www.youtube.com/watch?v=2O5DJTOy6EA

公式サイト（かな？）
http://www.pawfal.org/Software/fluxus/

**デフォルトの名無しさん** · 2008/05/09(金) 15:34:01

>>108
おお！そうそうこんな感じだよね。
プログラム知らない人がみると、なんかすげぇことやってる感があっていいw

もちっと突き詰めて、タイピングの音に合わせてパーカッションとか入れるとかっこいいのかな？
文字や補完キーワードごとにSE割り振って。
リズミカルにタイプすると、ドラムっぽくなるみたいなw
タイピング自体も作品の一部、演奏する感じ？

**デフォルトの名無しさん** · 2008/05/10(土) 04:33:44

processing.js
javascriptでプロセッシングできるみたい。
http://ejohn.org/apps/processing.js/
(permissionエラーではじかれたりしたので、グーグルから飛ぶと見れるかも)
http://www.google.com/search?hl=en&q=ejohn.org%2F&btnG=Search&lr=

アクションスクリプトをやる理由がまた一つなくなりました

**デフォルトの名無しさん** · 2008/05/10(土) 04:40:44

やるっていうか、使うか

**デフォルトの名無しさん** · 2008/05/10(土) 08:01:19

>111

これは凄い
けど、基本的にjavascriptは裏技みたいな感じだからasとは競合しない気が、
ブラウザ依存も大きいし。でも簡単な処理だったらアプレット起動の正規の
processingよりjs版のほうがいい

**デフォルトの名無しさん** · 2008/05/18(日) 15:36:52

初心者です。
>>javascriptでpeocessing

processingで文字を表示させたいときはどうすればいいんですか？

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

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