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

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

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

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

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

そんな話をしないか

http://www.processing.org/
一応リンク

Related Initiativesにいろんな環境へのリンクあり

JitterとかPDを完全に忘れていた

ライブラリの豊富さという点ではblender + pythonはかなりいけてるのかな
複雑な描画関連は全部blenderがやってくれるし

ttp://f11.aaa.livedoor.jp/~hige/index.php?%5B%5BPython%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8%5D%5D
ttp://www.geocities.co.jp/SiliconValley-Cupertino/2019/blender/api-jpn.html

ただこちらもピクセル処理には向いてないし、インタラクティブアートに対応できるかは疑問
やっぱなんといってもインタラクティブ性は捨てがたいからなあ

ちゃんと読んでないんだけどメガデモみたいな物なのかな。面白そう…
この板内の関連スレは↓こんな感じかな。

メガデモを語る 6cene.jp
http://pc11.2ch.net/test/read.cgi/tech/1177429864/

画像処理 その９
http://pc11.2ch.net/test/read.cgi/tech/1183910525/

【Intel】OpenCV総合スレ【画像処理】
http://pc11.2ch.net/test/read.cgi/tech/1182830261/

OpenGLスレ Part11
http://pc11.2ch.net/test/read.cgi/tech/1177523018/

メガデモか、遠くはないが、基本的には制限内での挑戦とかは無いかな
純粋に作品としての結果を求めるところの方が多い

メガデモって最近はハードは何でやんの？
atariとかchipなのしか知らん

最近はOpenframeworksてのがよさそう。C++。
3D、カメラ入力、シリアルなんでもござれ

ttp://openframeworks.cc/about

MacOS X限定になりますが、

QuartzComposer（Apple謹製）
patch（モジュール）を繋いで、画像（映像）を生成できる。
http://developer.apple.com/jp/documentation/GraphicsImaging/Conceptual/QuartzComposer/index.html#//apple_ref/doc/uid/TP40001357
http://journal.mycom.co.jp/articles/2005/05/26/qc/
http://www.big.or.jp/~crane/cocoa/9800_QuartzComp/01_StartQC/index.html
http://pc11.2ch.net/test/read.cgi/mac/1114873138/

NodeBox
Processingに似てますが、こちらはpythonで記述します。
http://nodebox.net/code/index.php/Home

とかあります。

Visual Basicっていうのもありかと・・・

おお、processingのスレがあったとは

最近使い始めました
いままでCくらいしかやったこと無かったけど
やっとオブジェクト指向がわかったw

日本語関連サイト追加しときます
http://processing.jp/

wiki
http://processing.dotimpac.to/

日本語リファレンス（途中）
http://pripro.org/p5ref/index.html

書籍が出てるんだけど、これは買いかなぁ？
アマゾンのレビュー見ると、評価は高いんだが…。
その他一般の言語関係の書籍に比べると、最初に描画系から始まるなど、
学ぶ順番が違うところに好感が持てる。

アートよりだからなんだろうけど、無駄に印刷いいんだよね

外部エディタでTaxtMateを使うとProcessingのメソッドをカラーリングしてくれて便利なんですけど
UTF保存しかできずに困っています
ProcessingってなぜかMacRoman/SHFT-JISですよね。Javaなのに。

どっちかの文字コード変える方法ないかなあ

funnel　はじめたお

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

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)

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

とか

絶対パスでもいいよ

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

どーなんだろね
javaだし

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

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

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

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

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

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

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

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

本人依頼により削除しました
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

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

>>25

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

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

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

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

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

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

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

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

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

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

>>31

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

近藤哲也は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

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

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

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

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

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

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

いらっさーい

windows vistaでやってる人いる？

長文失礼します。
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();
}

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

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

>>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

>>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の充実したライブラリを使いたいときに。

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

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

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

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

>>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

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

これから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

プロセッシング用のライブラリやリファレンスの充実している、簡単電子工作デバイスたち
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/

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

>>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

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

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

クラスにしてるよ

Processing:
Creative Coding and Computational Art

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

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

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

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

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

以前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

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

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

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

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

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

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

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

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

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

コード晒そうよ

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

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

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

落ちてないよ

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

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

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

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

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

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

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

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

今日アマゾンから来たよ

今日届く予定＞改訂版

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

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

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

うpった方が良い

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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

遅いけどね。

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

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

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

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

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

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

nodebox さわってみた。

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

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

nodebox は draw() の外で speed(30) とかやると
一秒間に30回draw()を呼び出してくれる
ttp://nodebox.net/code/index.php/Animation

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

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

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

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

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

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

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

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

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

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

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

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

やるっていうか、使うか

>111

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

初心者です。
>>javascriptでpeocessing

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

>>114
こちら→http://pripro.org/p5ref/index.html
のタイポグラフィの欄を参照するといい。
そこに載っているサンプルコードを自分で実行してみ。

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

サンプルコードは自分で作った.vlwファイルで試すんだ。

>>115
回答ありがとうございます。
HTMLに書く場合はどうすればいいんでしょうか??
実行しても文字が表示されません…
質問ばかりですみません

>>116
Fileメニューの中にExportって項目あるだろ。
そうすればフォルダん中にできているはず。

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

ちなみに、俺が言ってるのはprocessingが行うHTMLの書き出し方で、
Javascriptのprocessing.jsでは方法が違うから気をつけろ。
processing.jsについてはぐぐる方が優秀な解説ブログエントリがすぐに見つかるはずだ。

それくらいは調べられるような智慧をつけたほうがいいと思うよ

>>117
まぁまぁ、最初に 「>>javascriptでprocessing」という部分を引用してることから
processing.jsの話だとは推測できるし、それに対してjavaのprocessingの話をすれば
すれ違うのは当然だったと思うよ。
で、文字のことなんだけど、僕自身もまた詳しくなくて申し訳ないんだけど、
processing.jsは、javascriptのcanvas要素のためのライブラリ?ラッパー？のようなものだから、
canvas要素で文字を表示させることについて、ググってみると、
ttp://www.html5.jp/canvas/what.html
に、書いてあるように、canavas自身には文字を表示させる機能がないらしいから、
DOMを使うと表示できるらしいけど、ちょっとよくわからないので、誰か補完をお願いしたいです。

2chで情報少ないからさ、jitterやpd、vvvvをまとめてスレ化して欲しいんだが・・・
てかしていい？でもスレタイがいいの思いつかない。

DTM板にあるっしょ

あそこは実質Maxスレ

proce55ingチョー楽しい。昔のベーシックみたい。

いろいろ気軽にできて楽しかったけど、すぐに限界が見えてJavaに
戻ったよ。Java用お手軽グラフィックライブラリとして使ってる。
付属のIDEもはげしく使いづらい。エラーメッセージはJavaのまま
だしね。Eclipseのプラグインにしてくれればよかったのに。
つーか普通そうするんじゃないか？　それじゃアーティストに
使ってもらえないからダメか。

proce55ingがJavaに追加してる機能が知りたい
そういう教則サイトでもあればp5いらない

>>125
ネイティブなjavaのことはそんなに知らないけど、
http://processing.org/reference/environment/index.html
のJavaのところに書いてあるように、
public class MyDemo extends PApplet {
}
で良いんじゃないの？

>>120
processingですらこんな過疎っぷりなんだし、
2chにスレッドをたてるより、wikiにするとか、メーリスをつくるとか、
そういうほうが良いと思う。

そっちのが過疎るよ絶対に

>>128
たしかに、そんなに盛り上がらないと思う。
けど、2chだとスレ落ちすると全部消えちゃうから、
ドキュメントとして後で使えなくて不便だと思うんだよね。

processingの日本のコミュニティとして、2chかmixiか。

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

それらの統括的なwikiができたらそれは便利なんだけど、
そうすると結局、質問･疑問がぽっと湧いたときにすぐ反応
しづらくなるからこのままでいいと思うな。

processing 0136　
http://dev.processing.org/bugs/show_bug.cgi?id=775
osxのquartzで描画できるらしい。
osxのjava vmが不安定なためrunボタンを押しても実行されないバグがあるみたい。
http://dev.processing.org/bugs/show_bug.cgi?id=775

あっという間に0137が出たけど、OS X版はまだ不安定だね。
>>131のバグは直ってないみたいだ。

0138が出た。
起動しないバグは直ったみたいだけど、メニューを選択したときの
反応が遅かったり、まだちょっと不安定ですね。（OS X版）

0141が出た。

日本語コメント書いたときも、cmd+tできれいにしてくれるようになったね

あげ

runさせようとするとコンパイルはうまくいくものの
JavaVMの起動時になぜか-Xlint:uncheckedオプションを付けてくれて
エラーになっちゃうんだけど同じような人いますか？

環境はjavaをインストールしていないWIndowsXPに0135java同梱版で
ソースは
ttp://reactable.iua.upf.edu/?software
のサンプルです
processingについてるサンプルなんかはきちんと走ります

Jmyron＋Logitechカメラ爆発すればいいのに。。。

Vistaだけど、起動したとたんに青スクリーン。
やっぱまだ未解決なのですか？

processing.videoじゃ、いけないの？

盛り上がらんねー
楽しいのは楽しいんだが、初心者はある程度から急激に難しくなり
他言語経験者は物足りなくて去っていくという悪いスパイラルなのかな。

使ってる人は使ってるけど
特に話す内容になるような事がないだけじゃね

デバッグ環境悪いから大物つくるのがつらいんだよねー。
いい方法ないかな？

vvvvを使う

>142
eclipseを使う。

で、ここまでするならjavaのほうが手っ取り早い。。
と結局そう思うようになる。

ライブラリとしてproce55ingをインポートすれば、
Eclipseでのプログラミング環境が整う。

だからといってJavaのみでやろうとすると面倒だから、
proce55ingでは色んな厳密な定義の部分を省いてるのが良い。

最近のjavac使うようになったやつで、すでにインストール済みのJVMを使う方法はないのかな?
知ってる人がいたら教えてください。少しサイトを読んだだけだと分からなかった…

初歩的なことなのですが、ひとつ質問させてください

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

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

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

どうか誰か教えてください。お願いします！

保存したファイル名が予約語（使えない語)だったりするんじゃないだろうか
別のファイル名で保存してみるとか

>>148
出来ました！
どうやらファイル名を『final』にしていたのが良くなかったようです。
もろ予約語でしたね。。。

解決しました、ありがとうございます！

openframeworksの日本語リファレンス
http://www.isc.meiji.ac.jp/~ce77240/

processingってベクターデータの扱いが不得手なのかしら？
Flashみたいな使い方をしようとすると難しいのかな　自分の調べ方が悪いだけかな・・・
特にフォント周りがベクターデータで読み込むことも、日本語フォントを使うことも、無理なかんじ？

>>151
フラッシュみたいなベクターデータの使い方ってどういうこと？
SVGはつかえるとおもうけど。
文字をベクターデータとして表示するのは、ここのライブラリでできる。
http://www.nexttext.net/
日本語は試してないから分からない。

「Built with Processing 改訂版」を今読んでるけど、改訂版なのに誤字脱字がもの凄い多いのなｗ
誤字脱字どころか、「まずはellipseの命令を使って小さな四角を表示させてみよう」とか
初心者が混乱しかねない意味不明な文章もたくさんあるｗ　内容自体は結構良いのに惜しいね
著者とか校正担当は文章読み返してないのかなぁ

>>153

一瞬ふつーの日本語なのになにがへんなのかとおもったが
ellipseかw

>>154
そそｗ あからさまにおかしいならわかるからまだいいんだけど、気づきにくいケアレスミスが凄く多い
で改訂版からは出版社のサイトで本に出てくるサンプルコードが落とせるようになったんだけど、
なぜか部分的にしか入って無くて、プログラム量が多くなる後半（第4章）がバッサリ入って無い。

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

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

200箇所くらいありそうな気がする　まぁ入門目的で買おうとしてる人はその点注意されたし

本が手元にないから何ページか覚えてないけど、
arc （円弧の描画）
の説明もおかしい。

まず引数足りてないし、
本では、arc(左上のx, 左上のy, 始めの角度, 終わりの角度） みたいな感じで、
実際は、arc(中心のx, 中心のy, 幅, 高さ, 始めの角度, 終わりの角度)
だったと思う。
改訂版なのに全然改訂してねー。

ActionscriptでのProcessingができたみたい。名付けてProcessing.as
http://code.google.com/p/processingas/

そのサイトからリンクされている
ProcessingのJava,Javascript,Actionscriptの動作テストの
サイトがあって、結構良くできてる！
http://tim-ryan.com/projects/processing.as/testsuite.html

つーかあれだ、中身のないjpサイトどうよ？

0144が出たね。0135以来の安定版ってことかな。

ダニエルシフマンのProcessing本も発売予定でトップページに載ってるね
目次みたら、プログラミング入門者向けの内容のようで他の本と内容が
だぶってそうなのが残念だけど

色々新機能が追加されてるけど、英語でよくわからない。

Algorithms for Visual Design Using the Processing Language
http://as.wiley.com/WileyCDA/WileyTitle/productCd-0470375485.html

Processingのディスカッションボードみてたら
もう1個本が出る予定が載ってた。来年だけど

人いないな

いるけど、トピックがないな

そんな時の定番はお題を出して
それを作るとかだけどね
誰かが作ったソース非公開のスケッチを再現するとか

だいたいお題決めでｇｄｇｄになって実現しないけど

http://www.flight404.com/_videos/magnetosphere/index.html

いつも思うんだけど、Flight404の映像って凄すぎるな。
磁場とか物理法則とか使ってるのかな、

さすがに磁場をシミュレートしてるようには見えないけど
この人が科学館には必ずあるプラズマボールを好きなのは間違いないなｗ

ちなみにprocessingじゃないけど磁場を映像化しちゃってる変体映像
http://jp.makezine.com/blog/2008/06/magnetic_movie.html

すげ〜。サンクス

噂通り、Flight404の作品がiTunesビジュアライザに採用されたね

Processingで作成した動画又は動きのある画像を動画ファイルに変換って
どうすればできるのでしょうか？

ムービーファイルにアスキムービ処理をしたいのですが、
動作してくれません。。なにがダメなの？うごかしてみたいよ〜

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;}}

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();}

>>171
エラーとかでてる？　でてるならちゃんと読みなよ
後、コードに無駄が多すぎるから、もっと精進してください

エラーログ
java.lang.ArrayIndexOutOfBoundsException: 1

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

インデックス値が間違ってるの？

そう思ったらインデックス値を調べては

これっすか先輩

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

初心者故、どこが不具合なのか判別つきませぬ…

index++の方だろ

>>174

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


>>176
その行のindexはsetupの中だけで有効だ！

まずは、グローバル変数、ローカル変数、とかをググるといいよ。

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

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

を意識して。

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

こんなことここできくなや
一人で解決しろ、ろくすっぽ一人でできいないなら触るなよ
やっぱりこういうのをみるに
アーティストと実装は分けた方がいい気がするというか
ちゃんと両方できる人しか兼任したらあかんとおもう
日本だと根付かないなと実感する

>>180
おまえ先輩じゃないな！
祝日前夜にアーティストとの区分けなんて詰まらないこと考えてるのかよ
オープンソースなんだし楽しくやろうよ
いろんなユーザがいていいもんだ

そこはスルーだろjk

お礼の一言でもほしいもんだな。

失礼いたしました。
有り難うございます。
しかし、まだ解決できませぬ。。

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)

なんか見た目よりも中身はあんまアート的には美しくないよな。
普通の描画ライブラリ+独自文法の絵を描くだけのものじゃん、と
感じたので興味が失せたのが4ヶ月前くらい…。

とりあえず、

println（変数名）;

を適所適所に入れて、値を確認しようぜ

>>180
いいたいことはわかるぜ、中途半端な奴が多い気がする。
でも色々な使い方があっていいとおもう

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

>>185
単なるラッパだからね。でもいきなりコードかけるし入門向けに
にはいいと思う。図形で表示されるし。とっかりにはいい。

4ヶ月も前に興味を失ったものにネガキャンとかバカなの？死ぬの？

Processingはライブラリとパーサーの部分で出来てるから、
自分でよく使う描画機能などをライブラリにまとめるのは
そんなに難しくないけど、パーサーを用意してスクリプト言語の
ような感覚で使える環境を作るのは、結構ハードル高いんじゃないかな。
複雑な描画処理を手軽に扱う必要がないプログラミングなら
他にも良い環境は色々あるけど。

これ本体(クラス及び文法回り)はjavaそのものと考えればいいのけ?
意外とスイスイ書けるもんだな。

と、ログファイルパーサーを作った時点で腹減って、
肝心の描画部分に到達してないというw

凝ったことしようとすると、最初からJavaやったほうが早い

>>189
独自の言語仕様にしなけりゃパーサーとかいらない。

Built with Processing改訂版のソース・コードのURLって、何ページに載ってる？

>> 193
8ページの「はじめに」の右下ね。

0150以降processing.exeが起動してくれない。

processingのスレあったのか
誰もいないのかな････宿題わからんから助けてほしい

あんま知らないけど、かかってこい。

質問歓迎。

どこかわからないのか。
コード。
エラーメッセージ。
の3点さえしっかり書いてくれれば。

間をあけて申し訳ない、正直こんなに早く反応あるとは思わなかったｗ
課題の内容が画面サイズ200×200に背景を真っ赤にして
横幅の真ん中、縦幅の一番上から直径５の白い正円を下方に一定距離(円と円の間が10)おきに
延々と止まらずに動かす問題(つまり円がでて下に移動してしばらくしたらまた新しい円が出る感じ)で、
下のようにプログラミングしたんだけど

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);
}

円を一つ下方に移動させるまではできたんだけど、複数の円を同時に画面に存在させるっていうのは、
その同時に存在する分void draw()内に ellipse(width/2,x,10,10);みたいな感じで
円の個数分、一個一個地道に命令していくしか道はないの？
なんか同じ円が同じ軌道を移動するならfor文とか繰り返しでなんとかならないのかなって思ったんだけど、
上手くできなかった、実際どうなんでしょ？
あと説明わかりにくかったりしたらごめんよ

こういうイメージ?
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;
}

切り替わるときがなんか微妙にぎこちないのでオフセットと個数を適当にいじってくれ。

>>203
ありがとう

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;

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));

}
}

ちょっと聞きたいんだけど、これ実行するとどう見える？
無数のドットが画面の中心を軸に円状にグルグル回ってるように見えるかな？
なんかもうちょっとハッキリ円状に回っているなってわかるようにできないかな？

どの変数がどういう意味を持ってるかぐらいは説明するべきじゃね？
拾ってきたコード丸投げか？

drawのangleの増分を0.01にすると円錐が中心点を中心にコマ回転しているような感じになる。
さらにangleの増加を外側に出すとこのコードの本質が見える、はず。

中心点を基準に平面を回転させたいだけなら、円の公式でも勉強しましょう。

素朴な描画関数郡はN88BASICを思い出すな。

>>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();
}

minim使った作品の例ってありますか？

>>212
例って、コードそれとも作品、どっち？

＞＞213
とりあえずコードの例です。
参考になるサイトとか知りませんか？

ttp://code.compartmental.net/minim/examples/

>>214
スケッチブックにサンプルでついてるお

>>212
Ruby-processingにvisualizationに使ったサンプルがあった。
Ruby自体は簡単だし、やってることはJavaで再現できるからprocessingでも使えると思うよ。

２つのスケッチを同時に実行して、
スケッチ間でデータのやりとりをする方法はありますでしょうか？

>>218
つ /examples/Libraries/Network/SharedCanvasServer/SharedCanvasServer.pde
つ /examples/Libraries/Network/SharedCanvasClient/SharedCanvasClient.pde

>>219
おお…最初から入っていたとは…
ありがとうございました！

オライリーから出るビジュアライジング・データってやつの目次を見て
processingに興味を持ってここに来たのだが・・・
話題にすらなってないのな

オライリー本は今まで敬遠してたけど
これは欲しいな

過疎スレだからねぇ

>>221
俺もその本の目次で興味持って、今しがたProcessing.jsで初体験を済ませて来た所だ
いやあ、ランダムに透明感のある円を書いてるだけでオサレっぽくなってスゲエ楽しい

オライリーのやつ、英語版持ってるけど翻訳版も欲しい。

p5は日本に統括的なフォーラムの場がないからなー。dev.processing.orgを見ててもいいけど英語がネックになる。
processing.jpは機能してないでしょ。

なぜか本屋にオライリーの英語版がたくさん並んでたから英語版チラ見してんだが
やけに文章とコードが多かった気が・・・
いや、コードなきゃ始まらないのはわかるが
まあ、買ってお勉強するつもりですが・・・

プログラミングアート全般なのにprocessingがメインみたいなスレタイだから。
とりあえずprocessing jitter vvvv gemあたりは入れたら。

processingを冷遇して独立されると全般スレが落ちちゃうぞ！

Processing 1.0 Launch

何か唐突にキタｗ

糞重くね？

わしょーい

なんにしろ1.0になったのはめでたい。

サイト重いねｗ
SVNになんて繋がりもしない

processing = Java
vvvv = C#
の３年戦争勃発

なぁ、1,0が出たってきいて
落としてみた。Linuxなんだけどもしつもん。

sketchっていうエディタで、サンプルを実行してみた。
んで、stopボタンを押してエディタに戻って、引数を
変えようとしたら、入力出来ないのだけどもどうしましょう。

macだけどふつうに入力できるよ

ども。調べて見ます。

>235
自分もUbuntuで使ってるんですが、確かに入力出来ないです。
Linux版の仕様？

>>238
centos5もだめ。だれかコミュニティに報告汁

ちなみに出力出るとこダブルクリックしたら入力できるようになるから。

>>240
ほんとだ、、、変な仕様、、、
だけどとりあえず助かった！！ありがとう！

1.01がでてる

正式にproce55ingに改名しないかしら

>>243
壮大な勘違いをしてる様だ

オライリーの本買った人いる？

ノ

>>246
もしよければどんな感じかｋｗｓｋ
Buile with 〜より深く解説してる感じ？

>>247
Built with processingはprocessingを始めた人が読むにはちょうどいい。
オライリーの方は、もっと技術的にprocessingを用いたい人が読む。
情報視覚化という分野の手引きとしても十分価値があると思う。

もしも、Built 〜で満足していない、もっとprocessingを使いこなしたい
と思うなら買ったほうがいい。と個人的な感想を述べる。

>>248
ありがとう、今度買ってくる
もちょい色々やってみたかったから、丁度ぴったりかもしれない

1章が抽象的過ぎないか？あやうく投げ出しそうになったぜ
まだ6章までしか読んでないが視覚化とか完全に素人なので勉強になってます。
難点は著者自身もまえがきで書いてるが5章くらいからコードの割合が高すぎる気がする
まあ、オライリー本だからいいんだがｗ
あとは、俺がprocessingはちょっと遊んだ程度なので
説明なしでprocessingのAPIが使われていることがあってちょっと不便

1章はprocessingというよりは情報視覚化についてだから、抽象的過ぎると言われても仕方がない。

でも逆に、1章に書かれていることは、他の言語にも当てはまることで、
情報視覚化に興味がある、やってみたい、という人は読んどいて損はない。

processing.jpのヘッダーからリンクされているような、
すんごいビジュアライゼーションを作るための参考書籍ってない？

オライリーの買ってきた。
基本が、Ben Fryの論文（たしか、彼のサイトからDLできたはず）だから、
単なる解説書ではないね。

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

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

http://www.nicovideo.jp/watch/sm4968371

どうやったらこんなの作れるんだ・・・

作るためのものはそろってるんだから根気とセンスさえあればできるんじゃね？
processingはゲームプログラムにはもってこいだと思うんだが。簡単だし。

>>254
ここまでするならdirectXするだろjk
というか当たり判定で挫折するな、つくろうと思っても
ゲーム用ライブラリとかないよね？
proce55ingに

マウスに追従するキャラクタを二つ用意して一つが当たり判定用、もう一つがグラフィック用って感じかな

3Dじゃないんなら、素直にDXライブラリでも使ったほうがよいぞｗ
挫折したくなかったらｗ

この頃3ＤはじめたんだがImageで表示したのをカメラで横から見るとペラペラに見えるんだが、
パーティクルみたいに常にカメラのほうを正面に表示するにはどうしたら良いんだ？
rotateあたりのでこちらを向くように自分で書かんといかんのか、これ

パーティクルにもビルボードって書いてあるでしょ？
検索して自分で書いてください

サンクス
ビルボードなんて知らなかった・・・

ﾋﾞｼﾞｭｱﾗｲﾃﾞｰﾀ買ってきた。まぁ、高い本なんだよ。
切ないな。仕事に生かせるわけでもなし。

>>262
高いといってもオライリ本では安い方じゃね？

なんという過疎

では話題ｐｌｚ

クリスマスの予定は？

processingをeclipseで書いてるんだけど、
MovieMakerがうまく動作させること出来ないんだよね。
QTJava.zipをうまく読みこめないポイんだが原因がわからない。

誰かうまくいってる人いない？

あけおめ！

ことよろ！

なんかネタないかなー。

新しいバージョンとか出て
新しいメソッドとか追加されるとネタになるのに。
なんもないな。

海外のフォーラムとか除くと新ライブラリの話題とかあっておもしろいよ。

除くと→覗くと

>>270
たとえば、どんなライブラリあった？

過疎過ぎる
誰も見てないのか？

見てるよ

今っていうか、春休み前に授業習ってた
今まで出した課題の中でわからなかったやつ全部やらんと単位あげないってさ

Ubuntuだと設定が大変だった
いまだにエディタのフォントにアンチエイリアスが掛かってない

int Length = 10000;

float[] X = new float[Length];
float[] Y = new float[Length];
float[] Z = new float[Length];

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

for(int i=0 ; i < Length ; i++){
X[i] = random(width);
Y[i] = random(height);
Z[i] = i * -1;
}
}

void draw(){
background(0);

for(int i=0; i < Length; i++){

line(X[i], Y[i], Z[i], X[i], Y[i], Z[i]);
Z[i] += 20;//speed

if(Z[i] > 0){
X[i] = random(width);
Y[i] = random(height);
Z[i] = -1000;
}
}
}

すみませんが15秒ごとにドットの流れを逆行させたいのですがどなたか教えていただけませんか？
多分for文使うんだろうけど上手くできなす

>>278
そういうときは時間をカウントすれば良いよ。

int time_count;
...
void draw(){
...
if(time_count < 450) {Z[i] += 20;}
else {Z[i] -= 20;}
...
time_count ++;
if(time_count > 900) {time_count = 0;}
}

もう課題は提出したのかな。

279とは別人ですけど、少し補足をすると、450、900の数字は、
frameRateが30に設定されているためです。1秒間に30回draw()を繰り返すという設定なので。

>>279>>280
いえ、金曜日の夕方にだした課題全部提出しろって言ってたからまだです
というか思ってたより早く教えてくれて嬉しいです、ありがとうございます
質問なんですがif文のところで０秒から１５秒までドットがz軸のプラス方向に流れて１５秒以上経過してからマイナス方向に流れるときに
zの座標が０以上になってしまったドットが消えてしまってマイナス方向にドットが流れるんですけど
これって消えない方法ありますかね

>>281
自分で考えろカス
2chなんかしてないでさ

>>282
よく見ろ。提出期限過ぎてる。

いまさらっていう

論理ORの||ってキーボードのどのキーから打ち込めばよいのですか

右のほうにある \ のキーを、シフト押しながら 2 回押す。

rotate+pop-pushMatrixとかつかった再帰のなかで、座標系がrotateとかtranslateとかのせいで
いろんなのができちゃってるんですけど、を最初の座標系に簡単に落とす方法ってないですか？

list()関数使った時に得られる配列は必ずソートされているのですか？

マウスから遠いフォント名ほど色あせるスケッチを書いたつもりなんですが、
もっと遠いところと近いところの彩度の差をはっきりさせるには
どうすればいいですか？

PFont currentFontFace;
String currentFontFaceName;
String total, currentFont;
String[] fontList = PFont.list();
float[] fontX = new float[fontList.length];
float[] fontY = new float[fontList.length];
int[] fontAlpha = new int[fontList.length];
int[] fontSpeed = new int[fontList.length];

void setup() {
size( 800, 600 );
frameRate( 60 );
colorMode( HSB );
currentFontFace = createFont( fontList[0], 16, true);
textFont( currentFontFace );
currentFontFaceName = fontList[0];
for( int i = 0; i < fontList.length; i++ ) {
fontX[i] = random( -50, 800 );
fontY[i] = random( 600 );
fontAlpha[i] = int( random( 255 ) );
fontSpeed[i] = int( random( 5 ) );
}
total = "Total :" + nfs( fontList.length, 3 );
currentFont = "Current font : " + currentFontFaceName;
}

void draw() {
background( 255 );
for( int i = 0; i < fontList.length; i++ ) {
fill( abs( fontX[i] ) / 3.14, 255 - dist( mouseX, mouseY, fontX[i] + textWidth( fontList[i] ) / 2, fontY[i] + ( textAscent() + textDescent() ) / 2 ) / 3.93, 255, fontAlpha[i] );
text( fontList[i], fontX[i], fontY[i] );
if( fontAlpha[i] + fontSpeed[i] > 255 || fontAlpha[i] + fontSpeed[i] < 0 )
fontSpeed[i] *= -1;
fontAlpha[i] += fontSpeed[i];
}
fill( 0 );
textSize( 32 );
text( total, width / 2 - textWidth( total ) / 2, height / 2 - ( textAscent() + textDescent() ) );
text( currentFont, width / 2 - textWidth( currentFont ) / 2, height / 2 );text( int( frameRate ) + "fps", 10, 32 );
textSize( 16 );
}
void mouseReleased() {
for( int i = fontList.length - 1; i >= 0; i-- ) {
if( mouseX >= fontX[i] && mouseX < fontX[i] + textWidth( fontList[i] ) && mouseY >= fontY[i] && mouseY < fontY[i] + ( textAscent() + textDescent() ) ) {
currentFontFace = createFont( fontList[i], 16, true );
textFont( currentFontFace );
currentFontFaceName = fontList[i];
currentFont = "Current font : " + currentFontFaceName;
break;
}
}
}

みなさんエディタ何使ってます？
他の言語でIDEの補完に慣れきってると全部手打ちするのがきつくて・・・
Eclipseのプラグインとかあるすかね？
おすすめ環境があったら教えてください、できればWindows

Eclipse使うと補完あるけど、少し文法を変えないといけない。

>>292
あらーそうなんすか　そうするとP5の手軽さが失われちゃうのかな

例えば、補完のないただのエディタで書くプロセッシングと
リッチな補完エディタのあるActionScript 3.0とかだと
どっちがちょっとした作品の制作には向いてるんですかね〜

ASの補完って微妙じゃね？
Javaと比べると

むむ、AS3だとFlashDevelopというIDEが有名なんですが、これって微妙なんですかね？
あのサクサク感（ソフトの軽さ、補完の早さなど）はEclipseより全然楽だと思ったんですけど

デバッグとかになると、かなりしょぼいからEclipseの方が断然↑だと思いますけどね

プログラミングアートに用いられるものはProcessing以外だと何があるんでしょうか？
ざっとスレを読ませていただきましたが、あまり話題には上ってないようなので質問させていただきました

>>296
Actionscript、C+、Max、QuartzComposer

>>296
VVVV, HLSL

保守

保守

http://www.amazon.co.jp/Algorithms-Visual-Design-Processing-Language/dp/0470375485/ref=sr_1_1?ie=UTF8&s=english-books&qid=1242450092&sr=1-1

新しい本出たね。
現物をパラパラとめくってみたけど、Learning Processingに近い感じの内容だった。

プログラミングの初級教育用にProcessingを使っているところってある？
実行環境のインストールも簡単だし、JavaやCよりとっつきやすそうだし、
簡単にお絵描きができるし、なかなかいいところが多いんだけど。

プログラミングを深く学ぶ学生相手ならもの足りなさ過ぎるだろうし
そうじゃないなら汎用性のあるスクリプト言語とかやったほうが便利だし、課題とかも出しやすいし・・・
やはり絵を描くのが目的じゃないと使いにくいのでは・・・

processingでお絵かきして提出する課題が出たのですが、何か参考になるものってありますか？

無難にBuilt with Processingかなぁ

>>305
どうもありがとうございます！

web上に作品例とタグが掲載されているサイトさんはないですよね…？

いくらでもあるだろ
ｇｇｒｋｓ

>>306
http://processing.org/learning/basics/
http://processing.org/learning/topics/

作品例ってわけじゃないが、ここら辺は参考になると思う

>>306
そのもののサイトがあるじゃん・・・

http://www.openprocessing.org/

ｇｇｌｋｓ＝「グーグルカス」。Googleって最低だよね。必要な情報が引っかからないよ。
ｇｇｒｋｓ＝「ググれカス」。Googleって最低だけど、それを使いもしない香具師はもっと最低だよね。

最高なのは何？

ちゃいなって盛んに聞こえるけど
中国がどうしたんだろ?

メタセコイアのモデルが読み込みたいのですが
ライブラリがダウンロードできません。
http://www.hyde-ysd.com/reco-memo/index.html

他にどこかないでしょうか？

試しにそこの0.4aの部分を0.3にしたらファイルがあった。
入れ忘れ？とりあえず0.3でやってみては

>>314
うひょー
さんくす

processing初心者です。
皆さんはline(nx,ny,nx,ny)でドットちゃんとかけてますか？
自分の環境（1.04）だとなんだか変な感じです。
line(nx,ny,nx+1,ny+1)だとうまく行ってる感じなんですが・・・。
（floatを使用したいため、setは使いたくないのです）

点を描くだけなら、
point(x,y)
で十分。

line(nx,ny,nx,ny) でドット書ける。
WinXP, Java 1.6.0_13, Processing 1.0.5。

低レベルですまんが、ellipseの品質ってなんであんなに低いんだ？
smooth かけてもサイズが 3px ぐらいの大きさだとかなり低品質でげんなり来ちゃうんだが。
アニメーションしてたら気にならないけど、静止画としてみるときちんと丸になってないのが気になっちゃう。

Windowsだから

まじで？てっきりJavaの円の描画品質が良くないからそれをせいかと
思ってたんだけどWindows特有の問題なのかな。一回、Linux入れて試してみようかな。

あと、日本語フォントが P2D, P3D, OPENGL で表示されないんだな。
日本語でタイポグラフィが作りたかったのに残念だ…。

>>320
日本語は、画像に描いて貼ればいい。

>>321
それじゃラスタ画像だから、拡大したら品質が悪いだろ。
ベクターデータで扱いたいんだよ。

このスレにあった nexttext もベクターデータで扱えるみたいだが、
なんか試してみたら日本語の時は少し変な挙動するしそもそも品質もあまりよくなかったみたいだから駄目ポ。

というわけで TTF→SVG→Processing みたいな変換で何とかできないかちょっと頑張ってみる事にした。

>>317
>>318
レスありがとうございます。
ということは、プログラムが悪いのですね。

あと、もう一点質問があります。

人のプログラムを見て勉強しているのですが、
sin()やcos()のカッコ内にradians(i)を入れないプログラムをたまに見かけます。
radians(i)を入れない場合、sin()やcos()どのような使い方をされているときが多いのでしょうか。

って、これはプログラム全体を見てみないと判断できないですかね。

>>323
radiansは、角度の単位を
度数法（度）から弧度法（ラジアン）へ変換する関数だってのはいいか？

>>324
そこはOKです。
radians(180)=3.14ですよね。

自分が読んでいるソースの一部を抜粋します。
いまいち何をやっているのかが不明なんです・・・。

// 一部抜粋
float sens=0.01;
float a0 =random(-2.5,2.5)*sens;
float a1 =random(-2.5,2.5)*sens;

float ox=random(-width/2,width/2);
float oy=random(-height/2,height/2);

float scal = 200;

この括弧の中をdrawでループしてる感じ{
nx=(sin(a0*oy)-cos(a1*ox))*scal;
ny=(sin(a2*ox)-cos(a3*oy))*scal;;
line(nx,ny,nx,ny);
}

>>325
乱数にあまり理由を考えてもしょうがないんではないだろうか。
そのぐらいの数でうまく動いたということなんじゃないかな？

だな。
俺も追試してあまり有意な意図は読み取れなかった。
変数の説明も足りないしこれ以上は追えないな。

>>326,327

わざわざ読んでくれてありがとうございます。
深追いしないようにしておきます！

感謝。

思い通りに動かないとき、皆さんどこで聞いてますか？
ここぐらいしか聴くところが無くて困ってます。
外国のフォーラムしかないのでしょうか・・・。

基本Javaなんで、エラー貼り付けてJava初心者スレで聞けばいいかと。

日本で人がいるコミュニティだとこことmixiコミュくらいかな。他にもあるけど、過疎。

このスレはすごく過疎になるときあるけど、たまの質問に反応するからおもしろい。

わざわざ書き込みはしないけど、それなりに見てるってことだな

このスレは監視されています

videoライブラリが使いたいんですけど
quick time for javaってどこでダウンロードできるんでしょうか？
quick timeはインストールしたんですがvideoライブラリで
エラーが出てしまいます。

>>333
http://developer.apple.com/quicktime/qtjava/installation.html
ここじゃダメ？

ttp://www.harukit.com/process/sp/applet/index.html
他人様のサイトで恐縮なんだけど、この光らせ方ってどうなってるの？
自分で実行したら動作するものの何故か光らないんで確認出来なかったんですが…

>>334
ありがとう。
見つからなかったのでOpenCVでやっちゃいました。

今夜から本気出す

初心者です。

ある程度コードが増えていったりすると、フレームレートを下げても
実行結果がすごい重くなってカクカクになってしまうんですけどなにが原因なんでしょうか？
重くなってしまう書き方があったり、なにかコツがあるのであれば教えてください。
スペックの問題ならしょうがないですが。

コード晒せよ

つスペックうｐ

軽くなる書き方
→ループ内外での無駄な処理をしない（事前処理・遅延処理・キャッシュ・式の簡略化）

重くなる書き方
→あなたの想像力で無限大！

>>337
お前が「軽くなる書き方」の説明で理解できないならコードを晒して駄目な点を指摘してもらうしかない。

OpenGL使った時のジャギはどうにもならんのだろうか。。

うちの環境だとそんなにジャギってる感じがしないんだけど、
ひょっとしたらOSとかグラフィックボードによって違うのかも。

>>342
やっぱりそうかあ〜
うちのは
MacBook(Late 2008) 2.1GHz. 2GB
OS X 10.5.8
ビデオカードは型番忘れたけどIntel製のなんちゃら3000というもの。
あ〜NVIDIAほしいーなー。。。

質問失礼します。

動画を読み込んで、キー入力によって
それぞれ別の動画を表示するようにしているのですが、
キー入力時に「jump(0)」で巻き戻しをしているにもかかわらず、
次にその動画を表示した時、巻き戻す前の状態がチラッと見えてしまうのです。

原因はおそらく、動画の巻き戻しが、
次にその動画を再生し始めてしばらくしてから
なされているからだろうと予想しているのですが、
この問題を解決する方法をご存じないでしょうか？

// コードを載せておきます。行数制限の関係で空白行を削ってますがご容赦ください。
import processing.video.*;
Movie[] mov_arr=new Movie[2];
int index;
void setup() {
size(640, 480);
background(0);
mov_arr[0]=new Movie(this, "2.mov");
mov_arr[0].loop();
mov_arr[1]=new Movie(this, "5.mov");
mov_arr[1].loop();
}
void draw() {
image(mov_arr[index], 0, 0, 640, 480);
if(keyPressed){
mov_arr[index].jump(0);
switch(key){
case '1':
index=0;
break;
case '2':
index=1;
break;
}
}
}

うまく巻き戻しのとこは消えないね
そもそもこのやり方ってビデオの再生が飛んだりProcessingが死んだりしない？
import processing.video.*;
Movie[] mov = new Movie[2];
int index, nextIndex;
float currentTime, changeTime;
void setup() {
size(640, 480, P2D); frameRate(15); background(0);
mov[0]=new Movie(this, "1.mov");
mov[1]=new Movie(this, "2.mov");
index = nextIndex = 0; changeTime = -1;
mov[0].loop();
}
void draw() {
image(mov[index], 0, 0, mov[index].width, mov[index].height);
currentTime = mov[index].time();
if (currentTime < changeTime && currentTime > 0.07) {
changeTime = -1;
mov[index].stop(); index = nextIndex; mov[index].loop();
}
}
void keyPressed() {
changeTime = mov[index].time();
noLoop(); mov[index].jump(0); redraw();
switch (key) {
case '1':
nextIndex = 0; break;
case '2':
nextIndex = 1; break;
}
loop();
}

Quicktime新しくなってvideoがああ

>>347
やっぱそうだよね？videoが動かなくて原因わかんなかったんだ。
で、どうすれば直るんだああああ。フォーラムにトピック上がってないかな。

現在videoライブラリ全体が使えない状況なの？

↑ゴメン無視して

1.0.7にすれば解決。

>>313のライブラリとNyARtoolkitを使ってマーカーの上にモデルを表示したいんだが、
モデルが半透明にしか表示されない。
なんでだろ？
ちゃんとできてる人いる？

ttp://ubaa.net/shared/processing/udp/udp.zip
このライブラリと、それについてたサンプルをもとにPuredataとProcessingをUDPで通信させるプログラムを作ろうと思ってます。
Puredataからデータを送ってProcessingで受信するのはできたんですが、その逆がうまくいきませんでした。
Puredata同士の通信はできたので、Puredataでの受信プログラムは間違ってないと思うのですが、Processing側の送信プログラムはどのようにして書けばいいのでしょうか？
参考になるｻｲﾄが見つからず、サンプルどうりのプログラムではうまくいかなかったので教えていただけないでしょうか？
よろしくお願いします。

> ttp://www.harukit.com/process/sp/applet/index.html
> 他人様のサイトで恐縮なんだけど、この光らせ方ってどうなってるの？

時空の彼方へレス
loop()　→　draw()
drawの先頭でloadPixels()、末尾でupdatePixels()

>>354
その質問、光ってるように見える表現方法を知りたいのか
動かし方を知りたいのかわからなかったからスルーした。

Windows上で、メモリマップドファイルを作って
HANDLE hMap = CreateFileMapping((HANDLE)0xFFFFFFFF , NULL ,PAGE_READWRITE , 0 ,
sizeof(float) * 1024*1024*1024*256, MAPNAME);
MappedArea = (void *)MapViewOfFile(hMap , FILE_MAP_WRITE , 0 , 0 , 0);
どかどかデータを書き込むわけですよ。
で、これを直接Processingで読んでビジュアライズできればちょー楽で最高なんだけど、どうすればいいかな
(1)　J/Direct買えよ、$400
(2)　JNIでOpenFileMapping/MapViewOfFile/memcpy/UnmapViewOfFile/CloseHandle　する外部DLL作れば？
(3)　java.nio.channels でFileMappingは開けないのかな??

ごめん1024が一個多かったｗｗｗｗ

256GiBかw

JNIってのを使ってみたけど、くそうざったいなこれ！
ようやく、バイト値を読めるようになったぜｗ　おい一バイトずつで読むのかよｗ
もっと勉強してenv->Getなんちゃらでint配列とかfloat配列とかどさっと渡せるようにならないとだめだなこれは

…とりあえず、intとfloatはひとつずつだけど読めるようになったので良しとする。速度的には別に問題ないし。
JNIとか、EclipseのテンプレートでないとProcessingのライブラリが(コマンドラインで作れても認識しない)とか
超うざすだった

しかしこれならC言語側はガリガリ演算して共有メモリに書き込むだけ、
processingは位置指定すればintでもfloatでも読めてすぐビジュアライズできるので、とても便利っぽい。

javacでクラス　javahでヘッダ　VC++でDLL　defファイルでエクスポート　大文字小文字区別有り
以上、コマンドラインベースでサンプル動いたら
Eclipseにテンプレート読み込んで書き換え、Antでビルド　jarとdllを同じ場所に　こんなところかな

>>360
配列でどさっと渡せるようになったら夢が広がるんだけどな。

JNIで配列とか、超面倒くさそうですよ

JNA使えよ。

ProcessingからJNA使えるかどうかというのもまた心配があるよ

「終了時処理」ってどうやればいいんでしょう。
ProcessingエディタのSTOPボタン押されたときや、描画ウィンドウを閉じられた時に呼びたいんですが。

画面上に[EXIT]　ボタン置いといて、押されたら終了はわかります＞＜
void mouseClicked() { if　mouseXとmouseYが範囲　終了処理;　exit();　}

>>365
やる方法はあるけど・・・。
ざんねんながら、多分あたなの今のLvだと難しすぎるor　Java寄り過ぎて
使いこなすのが大変だと思う。
サンプル的な物だけど、詳しくはJavaのThreadとRuntimeをよんでね。
//ここから

Runtime R;
Thread endCounter;
public class EndCounter extends Thread{
public void start(){
System.out.println("now END OF....");
super.start();
}
public void run(){}
}
void setup()
{
R = Runtime.getRuntime();
endCounter = new EndCounter();
R.addShutdownHook( endCounter );
}

void draw()
{
}
//ここまで

oFの方がよくね？

> oF
って何？おいしいものでしょうか？

http://www.openframeworks.cc/about
の事だろうね。
まだ、触ってないからちゃんとは知らないけど、
そっちは、C++用だから毎回ビルドとかひつようになるんじゃないかなぁ？
また、その分開発スピードは遅れ遅れになっても、
開発後のアプリとしての速度は数倍速かったりするんだろうけどね。

関数的な部分は似てそうだね。さらっとプロモを見た範囲だと。

Processingで弄るならGainerとArduino、どっちがいいかな？
最近、Gainerの話を聞かないような・・・

oF今やってるけどC++のライブラリってだけあって、いろいろできる人ならこっちのが便利かもしれない
Processingはお手軽だけど。

oFってもしかしてMacならObjective-C++で
Cocoaアプリケーションにそのまま組み込めたりするの？

oFってのは知らなかった
Winユーザーの私でも満足に遊べるのかしら？

フルスクリーンの扱い方が気にくわん。

なにこれすごい楽しそう

え？OpenFrameworksの登場でProcessing終了のお知らせってこと？

http://www.primevision.cc/test/processing/01/
WindowsXPで上記のようなProcessingで書かれたプログラムを実行させると
下記のように中央部の画像がちらついてきます
http://www.dotup.org/uploda/www.dotup.org784664.png

この現象は私のPCだけで起こっているものなのでしょうか？
このちらつきをなくすためにはどうすればよいでしょうか？

>>378
他のOSでも試した上で「WindowsXPで、」ということなのかな。
たぶんスペックが足らないだけだと思う。

VistaSP2 Processing1.1で実行したけど異常なし。

>>378
うちの環境でも異常なし。(Mac OS10.5)
他のスケッチで多角形のポリゴンが欠ける事はたまにあるよ。
size()のところでレンダラーを違うのにすると解消される事もある。

スペックよりもグラフィックボードの相性の問題じゃないかね。
スペックが足りなければ実行速度が遅くなるだけじゃないの？

ProcessingでICMP（ping）を扱いたいのだけど
Javaでゴリゴリ書くしかないんですかね？？

具体的には、ICMPを受け取ったら「pingが来ましたよ！」と音とメッセージで
知らせるアプリを作りたいんです。

今日、本屋でOpenFrameworkの書籍みたよ。
パラパラっとみたけど、とっかかりにはよさげかも。

ドット絵とか作れる奴ちょっと来い【風来のブーン】
http://yutori7.2ch.net/test/read.cgi/news4vip/1272478363/l100

VIPで風来のシレンぽいゲームを結構本気で作ってるんだが
ドッターとかが足りなくて困ってるんだ、助けて！

そのスレは知っているが、なぜここに貼るんだろう。
ここにはそんなドッターが集まっている気はしないんだけど。

>>380
>>379
グラフィックボードのドライバに問題があったようです
更新したら治りました、ありがとうございます

openFrameworksのスレがなかったので立てました
よろしくね＞＜

【C++】openFrameworks【processing】
http://pc12.2ch.net/test/read.cgi/tech/1273164542/

しかし過疎ってるな、日本にproce55ing触ってる人ってどのぐらいいるんだろ。

教育用ってことで大学初等に美大のカリキュラムに取り入れるとこはよくある。
ただし、そのため各processingコミュニティには初心者の質問で溢れかえるようになった。
Processingを本格的にやるんだったら、日本じゃなくて海外のフォーラム行った方がいいと思う。

現状、初心者の質問のやりとりさえ少ないような気がするんだ。

わざわざ文献少ないprocessingつかわなきゃできないことなんてないからな

例えばmixi見ると「プログラミング全然わかりません＞＜」みたいな人はいっぱいいて、
それでも大学の授業で使ってるからprocessingしなくちゃいけなくて、
環境もスペックもコードも書いてない質問とか見てると非常に残念に思う。
その点本家のフォーラムは精力的に今でもトピックが更新されてる。

もうprocessing触って4年目になるけど、>>390の言うとおり、
別にprocessingでやらなくちゃいけないなんてものはどこにもない。
ただ、今でも使われているのは、とっかかりの壁の低さにあるとおもう。

processingに出会う前にOpenGLを授業で扱ったけど、
なんか動かすためにいっぱいコード書いて、
それでもそれぞれ何を指すのか当時の私にとっては難解だった。
それに比べてprocessingは"とりあえず動くもの"だったらすぐに作れる。

結果きっかけとしてはすごくいいんだけど、本腰入れようとすると、
processingは結局通過点でしかなくて、どこまでいっても高度な趣味どまりだと思ってる。

長文すまん。

音楽で言うとプログラミングアートとしてMax/Mspがそれなりに盛り上がってるんだけど
映像、画像になるとそういう大きい盛り上がりはないように見える

というかあれか、わざわざその手のソフト使わずに普通にWebプログラミングやりゃいいじゃんってことか

そこでopenFrameworksですよ。
p5に比べたらある程度知識いるけどﾗｸﾁﾝ

＞３８６のスレ即死してるじゃねぇか

openframeworksだったらTwitterとかフォーラムのほうが人多いな

素敵そうな本
サイトでコードも配布してる
http://www.generative-gestaltung.de/about

Processingはポケコン

　

processingを使ってWMPの視覚エフェクト>バーに似たものを作っています。
なんとか基本形は完成したのですがメインのバーの上の小さいrectの動きの制御がわかりません。
fft.forward(audio.mix);
int w = int(fft.specSize()/128);
for(int i = 0; i < fft.avgSize(); i++) {

x1 = height - 100;
x2 = x1 - fft.getAvg(i) *6;
// バー部分の表示
stroke(0);
fill(0, 0, 10);
rect(i*w+1, 0, i * w + w,height - 100);
strokeWeight(1);
fill(178,99,99);
rect(i*w+1, x2, i*w + w, (height - 102 - fft.getAvg(i)*6));
fill(234, 99, 99, 240);
rect(i*w+1, x1, i*w + w, x2);
}
こんな感じで書いているのですがWMPみたくくっついたり離れたり･･･みたいな動きをさせるにはどうしたらいいでしょうか？

　

processingのライブラリってLGPLなんだな
ライセンスにまで言及した記事ってprocessing関係だとあんまり見ないけど

保守

新刊っぽい奴
ttp://www.cutt.co.jp/book/978-4-87783-247-6.html

このタイミングで出すなら、もうちょいadvancedな内容が欲しかったな。
built with〜との差別化がいまいち

built with〜もそうだがサンプルが微妙

今ってprocessingに特別目新しいトピックはあるのかな。

>>404
つーか、本屋でのぞいてみたけど内容は薄いは高いは…
なんかメディアアートとは違うんだよということを
しゅちょうしたいのかもしれないけれど、
Arduino関係ならMAKEのやつ買った方がマシ…

あ、この著者Arduinoでも内容薄い割りに糞高い本出してたやつか。

age

sengoku38ing

　

プログラミングリレー

void setup(){
size(400,300);
colorMode(RGB,100);
background(100,30,60);
}

次の人⇒５行分の追加＋修正

void draw(){
/* processingからjavaに移行したら
* 同じソースでもめちゃくちゃはやくなった。
*/ なんでだろ。
}

PApplet.javaだけでも、
import java.applet.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import java.io.*;
import java.lang.reflect.*;
import java.net.*;
import java.text.*;
import java.util.*;
import java.util.regex.*;
import java.util.zip.*;
import javax.imageio.ImageIO;
import javax.swing.JFileChooser;
import javax.swing.SwingUtilities;
import processing.core.PShape;
import processing.xml.XMLElement;
こんだけあって、他のも足すとてんこ盛り。わかるだろう？

int num = 15;
Nya[] nya = new Nya[num];
void setup() {
size(500, 500);
PFont pf;
pf = loadFont("Verdana-Bold-48.vlw");
textFont(pf);
for (int i=0; i<num; i++) {
nya[i] = new Nya();
}
}
void draw() {
background(175, 223, 228);
for (int i=0; i<num; i++) {
nya[i].vy += nya[i].grav;
nya[i].y += nya[i].vy;
nya[i].x += nya[i].vx;
if (nya[i].x<-200 || nya[i].x>width+200) {
nya[i].vx = -nya[i].vx;
}
if (nya[i].y > height+200) {
nya[i].bound();
}
pushMatrix();
translate(nya[i].x, nya[i].y);
rotate(radians(nya[i].deg));
fill(0);
text("Nya", 0, 0);
popMatrix();
}
}

class Nya {
float x, y, vx, vy;
float deg, grav, spring;

Nya() {
x = random(500);
y = random(500*0.9);
vx = random(8);
vy = 0;
deg = random(-20, 45);
grav = random(0.5);
spring = random(15, 20);
}

void bound() {
vy = -spring;
}
}

//おはよう

ぴょんぴょん跳ねておもしろい

ネタがわかる人が居るかわかんないけど、
もう少しそれっぽく出来たらいいなとか思ったりした。

ネタはわかるし好きだよこういうの

>>416
そういうことかあ。
じゃあ、Javaのライブラリからそのソースコードに使われていないものを
削除する機能がP5にあれば同じ速度がでるってことですね。

>>422
p5で使われているけど、実際作ったアプリで使われていないものをそぎ落としたら、
早くはなるんじゃないかな。あくまで予想です。
p5のソース自体は公開されているのでソースリーディングでもしてみたらいかがですか？
新しい発見があるかも(・∀・)

Flight404以外で5分くらいの完成した作品上げてる人って
検索しても全然引っ掛からない。

それはprcessingオンリーでってこと？

>>425
オンリーじゃなくてもいいけど、音楽が付いてる完成した作品が観たい！
他のソフトだとCGムービー作品とかはたくさん見つかったんだけど音楽のための。
しょぼくてもいいからちゃんと尺があって完成した作品。あんまり見つからない・・。

アニメーションのタイミングをずらすやり方がわからない……
30フレームずつずらして線を描画したいけどどうしたら良いのでしょうか？

int a = 0;

void setup() {
size(400, 400);
colorMode(HSB, 100);
background(100);
frameRate(30);
smooth();
}

void draw() {
a = a+10;
if(a > 360) a = 360;
for(int i=0; i < 10; i++) {
noFill();
stroke(50, 100, 100);
strokeWeight(2);
arc(200, 200, 200-i*15, 200-i*15, radians(-i * 5), radians(a - i * 5));
}
}

こんな感じでどうでしょうか

int a = 0;
int i = 0;
void setup() {
size(400, 400);
colorMode(HSB, 100);
background(100);
frameRate(30);
smooth();
}

void draw() {
a = a+10;
if(a > 360){
a = 0;
i++;
}
if(i>10) i=0;

noFill();
stroke(50, 100, 100);
strokeWeight(2);
arc(200, 200, 200-i*15, 200-i*15, radians(-i * 5), radians(a - i * 5));
}

>>428
助言thx。自分もそこまではいけたんだけど
一本目の線を書いてる途中で二本目の線の描画をしたかったんだ。

結局一本づつ別々にリング作って解決してしまった。
これじゃーAfterEffectsでやってるのと作業が変わらん(ﾉ∀`)
For文でクルクル回して解決したかった……


早くなれてインタラクティブなInfoGraphicやMotionGraphic作りたいわー。
ttp://vimeo.com/8837024
こういうのProcesssingで作ってる人っていないかな？

こんな感じ？
要するに、時刻がいつの時に、どのリングがどういう値なのかということ。

final int waitsPerRing = 12;
final int drawspeedPerFrame = 10;
final int startofsPerRing = 36;
int t = 0;

void setup() { size(400, 400); colorMode(HSB, 100); background(100); frameRate(30); smooth();}

void draw() {
 t = t + 1;
 for(int i=0; i < 10; i++) { // for each rings
  noFill(); stroke(50, 100, 100); strokeWeight(2);
  int a = t - i * waitsPerRing;
  a *= drawspeedPerFrame;
  final int startdeg = i * startofsPerRing;
  arc(200, 200, 200-i*15, 200-i*15, radians(startdeg), radians(startdeg + a));
 }
}

>>430
おぉ、すげー。これがやりたかったです。
どうもありがとうございます、参考にさせていただきます。

3D表示にした時のマウスの座標の所得はどうやるのでしょうか？
3Dオブジェクトを掴んで動かしたいけど座標の取り方がわからない＞＜

http://www.processing.org/reference/
にそのまま書いてあるだろ。

マウスの位置を強制することってできます?
mouseX = 5;
みたいなかんじで.

>>434
見かけ上のマウス位置を固定したいのなら、
ノーカーソルにしたうえで擬似的にマウスポインタを表示すればいいかと。

ボールが、座標0,0→200,200→30,30と移動していく2Dアニメーションを作れますか？
randomやwidth/2,hight/2は設定できるのですが、決まった座標を移動することができなくて狂いそうです。。。

import java.awt.Point;

float x, y, vx, vy;
Point[] target;
int t;

void setup() {
size(500, 500);
noStroke();
smooth();
target = new Point[10];
for (int i = 0; i < 10; i++) {
target[i] = new Point((int)random(500), (int)random(500));
}
x = y = vx = vy = 0;
t = 0;
}
void draw() {
background(0xFFFFFF);
x += vx;
y += vy;
if (x != target[t].x && y != target[t].y) {
vx = (target[t].x - x) / 2;
vy = (target[t].y - y) / 2;
} else {
t++;
if (t >= 10) t = 0;
}
fill(0);
ellipse(x, y, 10, 10);
}

うごかすだけでいいの？

>>437
ありがとうございます！
学習を初めて間もないので、1行目から初めて見る文ですが、クラス宣言でしょうか？
また、forループやif条件分岐で、targetの扱いがわかりません。。
forで、ランダム設定のところを今回は0,0→200,200→30,30を追いたいです。

>>438
作りたいのは、ボールＡが順々に座標値に行くとそこから新たにバネの動きをするボールＢが派生する。
Ｂには様々な大きさがある。最後にボールＡの軌跡は消え、各座標にＢの動きが「波のしぶき」のように余韻として残る。
ずっと「座標を通る動き」ばかり考えてしまい、やりたいことの目標を見失うところでした。

しぶきってどんなの？波紋とは違うの？なんか、動きができたら、次要求させそうだねｗ
とりあえず、どこまでできてるのかアップしてみたら？

>>439
多分その段階の理解だと入門サイト手前だから
もう少し色々頑張ろう

>>437はそんなに考えて書いてないからあれだけれども

>>441
仕様拡大なんて日常茶飯事おす

>>437さんのコードを頼りに考えていますが、
決まった座標を通るって難しいのでしょうか。。

>>438
しぶきは波紋と置き換えても構いません。
ボールＡの動きにＢの動きを残していきたいです。。

>>438
一応、Built with Processing本でクラスが理解できるところまでは学習したのですが、
プログラミングの世界が初めてで、まだまだ頑張らないとって思います。。

毎日、本やwebで勉強していますが、processingの勉強方法にも行き詰ってたりします。。。
もし参考になる本やサイトがありましたら、教えてもらえませんか。

とりあえず、配列をランダムじゃなく。自分の好きな座標にいれるのぐらいは自分でやってほしかったけど。。。
//
target = new Point[3];
target[0] = new Point(1,1);
target[1] = new Point(100,100);
target[2] = new Point(30,30);
//
mainのtargetのnewとfor文を上に書き換える。
(0,0)だとちょっと都合わるいので(1,1)にしてる。
//
if (t >= target.length) t = 0;
//
drawのif文を上に書き換える。

これで指定座標をループ移動するようになる。配列の要素数を増やしても、if文の変更しなくていけるようになるから。
あとは、がんばれ。過疎スレだし、また覗きにきますよ＾＾

個人的には、Processingからプログラムに入るのは日本人にはちょっときついと思う。
IDEが弱いから、大文字小文字のエラーで詰まるとかさ。
英語でエラー出されてもいきなりはわからないでしょ。
EclipseかNetBeansなら、プラグインでProcessingのコードをかけるんで、
そっちを考えたほうがいいかも。

その点、JAVAの強力なIDEとかVisualStudio使えば、入力候補がでてくれるからね。
デバッグが楽になるし、理解が早くなるよ。

>>445
ありがとうございます！！437さんのコードでランダムから座標を入れてみたのですが
スタートＡ座標からＢ座標まで移動して止まってしまい。。。
配列もまだマスターできてないことが改めてわかりました。。。
教えていただいたことを理解して、座標を動くコードを作れたら今夜にまた書き込みます。
ほんとに感謝です。頑張ります。

>>446
確かに最初の頃は、大文字小文字や;忘れをよくしていました。
英語力もたどたどしいのでいきなりはわからないですが、
その行あたりにエラーがあって、これが間違いかも？って
想像できるようになりました。
プログラミングって色々あるのですね。。参考にさせていただきます。

Processingは、デバッグが大変。

Procesing 1.5

座標移動の人はもうあきらめちゃったかな？

仕事で時間が作ることができなくて、ここに来ていませんでした。。
続けていろいろ学習していますので、ご指導いただけたらありがたいです。。
お願いします。。

>>437さんに作っていただいた中で、if文の中がわかりません。
(x != target[t].x && y != target[t].y)のところを日本語訳できないのです。。
!や&&はリファレンスで調べたのですが、target[t].xの『.』がわからないです。

それから、
>445で教えていただいたように書き換えたのですが、エラーになってしまいます。。
自分で書き直したコードをここに貼り付けようと思ったら長文はNGのようで。。。
困りました。。。自分でも考えてみます。。。。

>>453

class Point {

int x;
int y;

public Point(int _x, int _y) {
x = _x;
y = _y;
}
}

Point target = new Point(0, 1);
// target.x = 0
// target.y = 1

配列になっただけ

「.」はインスタンス化したクラスのメソッドや変数を扱うためのもの
的な説明で合ってるかな・・

if (x != target[t].x && y != target[t].y)
座標を縦(y)横(x)に分けて考えて
今いる座標と目標が同じ場所でない(到達していない)なら
移動量(vx, vy)にそれぞれ適当に値入れる

else
目標に着いたから次の目標に変える

Processingの言葉遣いと
言語に関わりないプログラミング全体に共通する
考え方がまだごっちゃだと思うから
いろんな人のコード見るのもいいと思う

そんな余裕あるかは知らんが

>>455さん、ありがとうございます。
自分でも書いて、なんとか動かせました。。
それで、今の動きはヒューンと飛んでいく感じですが、移動した軌跡を残したいのです。
draw内でボールが動くごとにrectを描画するとできると思うのですが、
コードのどこに入れれば良いかわかりりません。。。試してもうまくいかなくて。

>>456
アドバイスありがとうございます！いろんな人のコード、時間を作り見るようにします。
素敵だなぁ。。と思うもののコードは、シンプルだけど私にはまだ難しくて。。
高度まではいかない、初心者向けのコードがたくさんあるところを探しています。。

座標移動の質問を続けている者です。
ここにコードを書きたいのですが、Jane StyleをDLして使っても
改行が多すぎますって出ます。。。
たくさん書かれている方、長い行を書ける方法を教えていただけないでしょうか。
お願いします。。

http://ideone.com/
ここにあげればどうでしょう。言語はJAVAにすればいいです。

processingはArduino動かすのにしか使わなくなったなー。

Arduino言語のこと言ってるの？

>>450さんに教えていただいたサイトにupしてみました。ありがとうございます。
言語をJAVAにしてあげてみたのですが、ここにアドレスとかを貼れません。。
一行目に　import java.awt.Point; //Pointクラスを名前だけで使える　と書いているものが
今回upした内容です。。。これで見ていただけるでしょうか。。。

これか？viewを押しなさいよ

http://ideone.com/DioLj

<META HTTP-EQUIV="Refresh" CONTENT="0;URL=http://ameblo.jp/syasin">

みましたよ。>>464のプログラム。第一段階は完成ですね＾＾
if (t >= target.length) t = 0;のコメント部分が。。。だったので、補足。
target[t]にたどり着いたらelse部分に来るわけですが、そのときは t++ で1を足します。
これは、次の target[t] 配列を目標にするためです。
ただし、tの値が、target[]配列の長さ（大きさ）より大きい場合は、t=0 で初期値 target[0] を目標にする。
それ以外のときは、t=0 は実行されないので、次の target[t] が目標となります。
今回は、target.length は 5 です。
println(target.length);と書くと、下の黒いとこに5と出るので確認できますよ。

>>464
そうです、これです。
viewですね、次からは気をつけます。
ありがとうございます！

>>466
いろいろありがとうございます。座標移動ができて、
一ヶ月くらい試行錯誤していたことが、解けました。。本当にうれしいです。。
if (t >= target.length) t = 0; の解説もありがとうございます。
5つめの座標で元に戻り、それ以外の時は１つずつ座標を追うことになるのですね。
この後、確認もしておきます。本当に感謝です。

続いてなのですが。。。すみません。。
ボールがヒューンと飛ぶイメージなのを、軌跡を残していきたいのと、
例えば、１つめの座標の時にボールが赤色で、２つめの座標で青色で、
その間はの軌跡は赤→青のグラデーションで設定したいです。
それから、各座標にボールが移動した瞬間に、以前にも書いた「しぶき」のような波紋の表現がしたいです。。。
いっぱいあってすみません。。。。。。。

469で書いたようなたくさんの設定を、setupとdrawの中に全部書いてokでしょうか？
タグで分けて作ったほうがいいかとも考えています。。。
それを全部ranするためにどうやって関係付けたらよいかもわからないのですが。。。
明日は仕事で、夜にまたおじゃまします。。よろしくお願いします。。。

>>466さん
黒いところに5が出ました。
繰り返すたびに5の表記が増えていきました。
こんな小さいことも、すごくうれしいです。。。
もっとprocessingが知りたくなります。。
今夜はここまでで。。おやすみなさい。。

>>469
自分がやりたいことは自分でやろうよ
出来なきゃそれでも誰も困らないし

これでもかって後押ししたのだから

やりたこと
1)軌跡
2)色、グラデーション
3)しぶき、波紋

懸念材料
1)移動は今、1/2(ターゲットまでの距離)だが、加速度や重力などを考慮する移動に変える必要があるのか？
（フレームレートとかを操作する命令があったはず。）
2)軌跡は、線なのか丸なのか？軌跡の消失はどのように表現するか？
3)座標と色を持つ、ボールClassを作るといいが、クラスの概念を理解できてるか？
4)しぶきとは？単に消失する波紋をつけるだけなのか？
5)最終的にこれは何？アート作品？

>>473
宿題みたい

まさにGWの宿題
このスレ人いるのに過疎だからなｗ

>>472さん
仰ること、ごもっともだと思います。皆さんのご好意に甘えてしまっています。。。
自分でやらないと身につかないですし、何よりも自分のためにやることですから、
お言葉、ありがたいと思います。。。

しかし、私の能力不足のせいですが、一人でするには限界でした。
ここにきて、processingやプログラムの上級者の方々を先生と思って、
ヒントだけでもいただけないかと、すがる思いです。。。

>>473さん、要約していただいてありがとうございます。。
お手数をおかけしてすみません。。

私自身でも、やりたいことと不明な点を、まずは言葉でまとめてみます。。。
書いていただいた「？」にもお答えできるように、考えます。

自分の能力不足を痛感していますが、なんとかprocessingを身につけたいです。
がんばります。。。

try & error　の繰り返しで成長するのだとわかってはいても
errorの連続になると、折れてしまいます。。
まだまだ、学習が必要なのですね。。。
がんばります。

JEdit始めました

時間がかかってしまいましたが、考えてきたことを書き込みします。。
連続投稿になりまして申しわけありません。
よろしくお願いします。。。

このスレの最初の文章、いいですね。。私なりに実感しています。。。
「大自然描くのにサインコサインタンジェント」
「激しく遠回りで面倒なプログラミングアート制作について語ろう」

これまでの経緯の要点です。。
とある動きをprocessingで表現するため、その動きの座標を計測。
→その動きには、座標ごとに波のしぶき（波紋）を残像のように残したい
→動きの軌跡を追うため、条件分岐（if文）を使うまでは考えたが試してもエラーか一方向の動きしかできず
→この板に書き込み、多くのことを教えていただく（現在）

表現したいことです。。
1)軌跡
2)しぶき（波紋）
3)軌跡は動き続け、辿り着いた座標ごとに波紋を発生させる
4)軌跡の動きはボールで座標点にある時は黒、座標点間の真ん中が白、その間をグラデーションにする
5)波紋は、ゆっくりした速さで作り、枠から出るまでの一回で繰り返さない
6)最後は波紋が残像のように残る

懸念材料について[1/2]
1)今回は加速度や重力は無視することにしています。
今は理系に囲まれた仕事（非IT）をしていますが、私は文系で、高校の物理1ではベクトルで「？？？」になった身です。。。
まずはシンプルな動きでコードを完成できるのが目標で、加速度や重力を用いたコードは次のステップで挑戦したいと思っています。
framerate()、使ってみます。

2)軌跡は丸（ボール）でしようと思います。線（ライン）だとグラデーションがわかりにくいと思うので。。。
消失は、３つめの座標にきたら１つめの軌跡が消えるのでやってみたいです。（感覚的にそう思いました。ほのかに余韻を残したいです）

3)クラスの概念は。。ある振る舞い（メソッド）を持つ動きの元と理解しています。。
こんな感じということはわかっているつもりですが、クラスでコードを作れと言われると、今すぐ作れないレベルです。。
Ａボールは(x,y)から(x1,x2)に進む赤いボール、Ｂボールは(x1,y1)から(x2,y2)へ進む青いボールという感じで定義し、
ボールの大きさ（全部同じ）を最後に定義すればいいでしょうか。。

懸念材料について[2/2]
4)しぶきは、もとの「とある動き」が波に関係していて、波がぶつかってできるものを意味しています。
なので、波紋（輪が広がっていく様子）に置換えてもいいと思っています。
しぶきで考えていたのは、座標にきたらそこに繋がったバネが動くように見える表現でした。

5)アートとして表現したいです。映像を作るのが今は精一杯なのですが（それもできてないですが。。）
人の動きや音に連動する表現をするのが目標です。。この映像みたいなのとかhttp://vimeo.com/2542561
今回もできたら、作った表現と何か人の動きが連動できたらなぁ。。と淡い気持ちを持っていたのですが、
自分の中でぜんぜん形にできていないです。。。。

公共の掲示板を使わせてもらい、個人的な希望を書き連ねて
気分を害された方には申し訳ありません。。

476で書き込んだ文の中の、ご好意は「ご厚意」が正しい漢字でした。
訂正します。

いろんなことを考えて
おなかいっぱいになってきましたが、引き続きがんばります。
アドバイスいただけましたら、ありがたいです。。
お願い致します。。。

ttp://www.processing.lyndondaniels.com/

英語だが200ページ大作の入門書(pdf)無料公開してた。

なんかあれですね。。。
こうして見てみると文末の句点が気になりますね。。。
あなたの回りでは普通なのかもしれませんが。。。

思っている以上にこの書き方は浮いてしまっているので、
あまり特徴を出さないほうが匿名掲示板は良いかもしれませんよ。。。

2ちゃんねるでは管理人が使うせいかほかよりは見かけるような気もするけどな。。。

まぁいいや。
それはそうとずっと気になってるんだけど、
import java.awt.Point　の部分。

これ使っててクラスわからないと述べているのなら、少し考えもの。
実際コード見ると、Pointクラスのフィールドしか使っていないけど、
もしどこかのコードをコピペしたのならそれを教えてほしい。

ぶっちゃけこの書き方は初心者向けじゃない。

>>486
入門書のサイト、教えていただきありがとうございます。
欲張ってmaxをDLしてみましたが、英語の壁にノックアウトされました。。。
英語もがんばります。。。。。。

>>487、488
私も、浮くようなことは書くのも見るのも好きではないのですが、
この度は、戸惑いや悩んでいるのを。。。で表現してしまいました。
見ず知らずの方に教えてもらうのに、
少しでも近くで感じてもらえたらと考えたからだったように思います。
気持ち悪く感じられていたら、申し訳ありませんでした。
2ちゃんねるに書き込むのも初めてで、いろいろ不手際がありますが、
あまりひどくならないように気をつけます。

>>489
私の書き込みは>>436から始まりました。
そのすぐ後に>>437さんがコードを書いてくださいました。

私自身がその前に作っていたコードでは、座標を動くものができなくて
こちらで書き込みをしました。

人様に作ってもらったものにのっかている状態ですが、
考えると、とても勉強になります。
processingを（プログラミングも）初めてからまだ数ヶ月で、
普段の生活とは別に、今後やりたいことのために学習しているので、
週のうち割ける時間も限られているのが現状です。。。

細かいことは気にするな。

移動をどうにかしないとむずい。

しぶきはちっちゃい点を弾幕操作すればいんじゃね
波紋はプレゼンハムで円描画

iPadのローカルでスケッチ出来るpjs4ipadを
最新版のprocessing.jsで動かしたいんですが
分かる方いませんか？

pjs4ipad
http://jepstone.net/pjs4ipad


ここからソースを落として、processing.jsを1.0.0に
差し替えてみたんですが何も描画されない・・・
http://pjs4ipad.googlecode.com/svn/trunk/

しくしく

p55.jsの起動を関数実行からオブジェクトの生成に変更したら動きました。
何処でもスケッチ出来て便利。

processing覚えたら給料UPと言われてがんばってるがホントかどうか…
なんとかタッチセンサまで来たが、ここから先は表現力の勝負だな。
アイアンマン位のUIにせねば負けてしまう、
というか、あれぐらいやろうとするとjavaとOpenGLの知識が必要とかびっくりだ。
AfterEffectsの偉大さに感謝しつつ勉強だ

3Dグラフィッカーとしてプログラマに負けるわけにはいかん、
しかしjavaはメモリの部分が良く分からんのう。(自分はゲーム系グラフィッカー)

目標はiTableだ!がんばるそー!

＞javaはメモリの部分が良く分からんのう。(
C(++)ほどに気にしなくていい。
でも ガベージコレクション でググッて得られる知識は持っておくべき。

Processing入門と言う本を買いました。なかなか面白いです。薄い本なので最後まで頑張れそう。

>>501
Processingいいよね。いい加減な私に合っている気がします。

プログラムしたものが数値じゃなくて、視覚で見られると言うのが飽きさせないですね。

Web 上で動かせる3次元グラフのために使ってたけど、最近は WebGL の方に移行しちゃった。

いつの間にかバージョンあがってるのな。誰も話題にしないって事は流行ってないのかなぁ。

>何匹かランダムに動くクラゲのアニメーション
みたいなの作りたいんですけど
これ流用してつくるにはどうしたらいいですか？

int[] ripplesX = new int[10];
int[] ripplesY = new int[10];
int[] ripplesT = new int[10];
int idx = 0;
int next = 10 + floor(random(3));

void setup(){
size(200, 200);
noFill();
frameRate(48);
}

void draw(){
background(255);
if(next == 0){
ripplesX[idx] = floor(random(width));
ripplesY[idx] = floor(random(height));
ripplesT[idx] = 0;
next = 10 + floor(random(3)); idx ++;
if(idx >= 10)idx = 0;
}
for(int i = 0; i < 10; i ++){
ripple(ripplesX[i], ripplesY[i], ripplesT[i]);
ripplesT[i]++;
}
next --;
}

void ripple(int x, int y, int time){
int num = floor(time/20);
if(num > 2) num = 2; for(int i = 0; i <= num; i ++){
stroke(time*3 - i*30);
ellipse(x, y, time - i*20, time - i*20);
}
}

流石にそれはレスが付かないと思う。

1.5で作ったアプリってAndroidアプリとしては
どの程度、規約に準拠してるの？
マーケットとかに登録して良いレベル？

>>506
別に流用しなくていいんじゃね
そういう風に言われたならしらんけども

そのコードを自分で考えて書けたならクラゲも出来るだろ

polycodeって試してみた人いる？

画像の保存場所を指定するにはどうすれば良いでしょうか。

save();とselectOutput();の組み合わせでは難しいでしょうか。

>>512
一階層上なら
save("..\\filename");
みたいに相対パスで保存したい場所まで持ってけば？

>>513
アドバイスありがとうございます。
相対パスを使うのは考えつきませんでした。

結局、
String savePath = selectOutput();
save(savePath);
とする事ですんなり出来ました。ただ、savePathの中に英字と数字、記号以外が含まれているとうまくいかないみたいです。そのせいで悩みました。

サーバー（レンタル）にアップロードしたアプレットで
saveString()やsaveBytes()を使う方法教えて頂けないでしょうか。
エラー？で固まってしまいます。

dataフォルダではなく、index.htmlと同じ階層に置いたファイルを
絶対パスで指定してもダメでした。
パーミッションも777にしています。

追記ですが、loadString()はうまく機能しているので、
アドレスの指定は間違ってないと思います。

どうやらCGIやらPHPを介さないとファイルに書き込めないらしいことが分かったんですが、
何とも上手く行かないのでサンプルなどありましたら教えて頂けると助かります。

そのまま使うと死ぬが
http://wiki.processing.org/w/Saving_files_to_a_web_server

>>515
アプレットの実行環境はクライアント側にある
という基本を思い出すんだ。

この言語いいね。面白いし分かりやすい。

使ってると、もうJavaでいいじゃんって思いますが。。。
気に入ってるならそれでOK

javaってなんか複雑な気がして。proce55ingのいい加減さが気に入ってます。

言語仕様より、IDE関係がなぁー。使いにくい。

色々な模様を描いたり、様々な花火みたいなものとかのアルゴリズム集みたいな本とかあったら教えてください。

The Nature of Code だろjk
ttp://www.shiffman.net/teaching/nature/

>>525
すごい！どうもありがとう！

これって時計みたいなデスクトップアプリを作るのには向いていますか？

全然。

全くというほど向いてないよね。
プロトタイプには向いてるかも。

そろそろ…IDEを使わずに単独で動く実行ファイルの生成機能が欲しいな。Android対応とかで忙しいかもしれないけどさ。

アプリケーションとして書き出す機能があるけどそれじゃだめなの？

とりあえず聞いてみましたが、アプリには向いてないんですね。やはりC++とかですかね。ありがとう。

マウス位置の強制していってできます？
mouseX = 3;
みたいな.
セキュリティなのかなんなのかreferenceみてもそれらしきのは無かったんですが。

それで出来なかったら、
マウスの位置に何かマウスっぽいオブジェクトを表示させて、
それをポインタ替わりに使う方向でコード組めばたぶん出来る。
ObjectX = mouseX;

if(なんか条件){
　ObjectX = 3;
}

みたいな感じ。

>>535
すいません、たしかにそうなんですが
マウスカーソルがディスプレイ右端にあったとして
さらに左へ行った場合にも検出したいんです。

FPSとかで、3D空間内の視点移動をするときに
いくらでも片側へ回れる(左へひたすらみたいな)じゃないですか。
普通は毎フレームマウス座標をスクリーン中心へ持ってきて
そこからの移動距離を検出してるみたいなんですが、

x右端
o左端

署名つけるかローカルで動かすかなら、java.awt.Robot が使えるかも。

エフェクト作るのに向いてそうな印象があるんだけどどう？
ゲームのエフェクト用の画像だけ生成するのに使えるのではと思ってるんだが。

>>539
iTunesのビジュアルエフェクト作成にも使われたぐらいだから、
いけるんじゃないかな。

芸術の秋にProcessingでスケッチプログラミングを始めてみよう（1/3） - ＠IT
ttp://www.atmarkit.co.jp/fwcr/design/tool/processing01/01.html

ライセンスとかよく分からないんですが、
ProcessingのライセンスがGNU GPLだっていうのは
Processing自体がって意味ですよね?
Processingを使って作ったものはどうなるんでしょうか?

自分で決めたライセンスになる。
他者のソースやライブラリを含む場合は、そちらのライセンスによっては、制限がかかる。

俺様メモ：

Processing.org Group @ Flickr
http://www.flickr.com/groups/processing/

もういやもうやだ。友達と一緒にプログラム作るって話になったけど分からなすぎて泣きたい。

自分初心者だし、調べてもわからないしもうどうしたらいいかわかんない。

>>544
なにがどうわからないかをまとめる作業にもどれ
なにがわからんのかがわからん
「初心者だし」と「調べてもわからないし」の間にも関連性が認められない
やりなおし

>>544
逆に、今何が分かってるかをまとめてみたらどうだ？

質問です。
もう２年も前のレスですが、>>346さんのコードを応用したいと思っています。

試しに使ったのですが、あのままだと２つの動画が同時に流れてしまいます。
１を押したら1.movが流れ、２を押したら2.movを流せるようにするにはどこを変えたらいいのでしょうか？

>>コードを応用するのは大いに結構なことだと思いますが、試行錯誤を一切なく、いきなり質問？
参考コードがあるんだから、あれこれやってみるといいよ。

if文にして色々削ってみたり、試行錯誤はしてみたんですが、うまく行かず・・・。
この段階でもやはり、ボタンを押すと再生するんですが、aを流してる時にbを流すと同時に流れてしまいます。
切り替えをするにはどうしたらいいのでしょうか？
import processing.video.*;Movie myMovie;Movie myMovie2;
void setup() {size(960, 540);colorMode(HSB,100);background(99);frameRate(15);
}
void draw(){if(keyPressed){ if(key == 'd'){myMovie = new Movie(this, "a.mov");image(myMovie, 0, 0);}else{
if(key == 'f'){myMovie2 = new Movie(this, "b.mov");image(myMovie2, 0, 0);
} else {
background(99);
}}}}
void movieEvent(Movie m) {
m.read();
}

学校の課題だなw
仕組みを知らないとダメだよ

http://processing.org/reference/libraries/video/index.html
>>547 読んでるかも知れないけど、とりあえず、ここを読んでみると良い。

大体わかっちゃう人は自分で調べつつ進むけど
何が分からないかも分からなかったり
調べ方が分からない人はドン詰まったり
このスレ見てるとよく感じる

processing関係ないけど

勉強の仕方を学ばずに大きくなった子が多いんだろう

まあ誰でも多かれ少なかれ挫折を繰り返すもんだ。
しばらく他の事やって、後に再挑戦すると簡単になってたりする。

class A{
private int i;
}

void setup(){
A a = new A();
a.i = 3;
println(a.i);
}
こういう風にprivateに普通にアクセス出来るのですが何故なのでしょうか?
processing1.5.1です。
Aクラスを他ファイルにしても同じです。

>>555
スケッチをエクスポートするとわかるけど

public class Hoge extends PApplet {
//
}

Hoge = スケッチ名、が外部クラス
クラスAは内部クラスだとおもわれ

>>556
それです！ありがとうございます！

.

基本的な事だが、processing.jsのバージョンってprocessingのバージョンとは
関連性が無いんだな。ずーっと1.xとかだったから、遅いんだなぁと思ってたw
もう2.0対応も部分的に進んでるんだね。

すみません、初心者ですが質問させて下さい。

size(300,300);
PImage sample = loadImage("rothko");
image(sample,0,0,300,300);

たったこれだけなのに、NullPointerExceptionになってしまいます。
何に原因があるのか思い当たる方、どうか教えてください。

イメージがないんだろ。

dataフォルダにいれてなかったり
ttp://labs.uechoco.com/blog/2008/02/processing_7.html

ありがとうございます。560です。

画像はちゃんとあって、名前も間違っていなくて、dataフォルダにも入っていて…
なのに何回やってもだめでした。
パソコンの設定かなにかがおかしいんでしょうか…

>>563
大文字小文字が間違っていたり、
全角半角が間違っていたり、
拡張子が間違っていたり

>>563
エラーすら読めないお前には無理だ。諦めろ

びええ

俺のエスパーによると、、
Windows初心者だから拡張子を表示させていない設定にしている。
そのため、見た目ファイル名 rothko は確かに存在するが、
拡張子をつけていないため、そんなファイルはないとエラーになってる。

その rothko って画像はどんなファイル？
右クリックしてプロパティを見たときに、
ファイルの種類、説明にはなんと書いてある？

processingスレやっと見つけたと思ったらなんという過疎
そして話題にすら上らないAdvent Calender…

月刊 IOって雑誌知ってる？

Processingの連載やってるよ。

minim使ったり、デジタル信号処理の解説と、オーディオエフェクタの製作したりとか。
かなり、まとも。
ありがちな超初心者向けの解説じゃなくて、初級〜中級者向けの解説。

まだ続いていたのか月刊IO…
真面目な話、県内全ての書店合わせても一冊もない。
多分隣県にもない。
残念だ。

まじか。
ゲームとエロ以外のコンピュータ誌が、うちのあたりでもぞろぞろ書店から消えてる気がするが、
地方によってはそこまで消えてるのか。

>>568

活発に何かしようとする人はここ以外にもクラスタ持ってるし、
たまたま2ch+processingな人が覗いてるだけだもんね。

>>570
俺この間、新宿のジュンク堂に行って探したんだけど
たぶん置いてなかったぞ

>>572
活発なProcessingクラスタ教えてください＞＜
OpenProcessingと公式フォーラム以外にありますかね？
というかFirefoxだとフォーラムのレイアウトが崩れて見れない…

P5手軽でいいんだけどピクセル操作とかし出すと速度が出ないのがなぁ

>>575


最初の開発はProcessingでやって、アルゴリズムが固まった部分はJavaで書き直すと速くなる、かな？？

p5→Javaって対して速度変わらんだろ
OFで書き直すってならまだしも

oFはp5の上位版だし使いやすいんだけどドキュメントが充実してないのが難点だな

ここって、oFとかMaxとかの話題もOK?
DTM板にMaxあるけど、こっちがの合ってる気がする

>>579
プログラミングアート全般だしいいと思うけど、
oFスレなんてなかったんや・・・

じゃMaxの話題を
Maxの代理店、日本語版出すらしい
Cycling'74から買ったものもアプデさせてくれるかな？
あとイーフロの時みたいに残念な日本語版にはしないでくれー！

さっきoF知った。これいいね。
でも、俺には、いろいろ管理できなさそう。

oF0071来たな

oFスレ作ろうかと思ったがここの過疎っぷりを見ると需要なさそうだな…

OFってこれか。
http://www.openframeworks.cc/about/

今弄ってるのに飽きたら手を出してみようかな。

>>584
かなり前にoFスレあったがすぐ落ちたしなぁ
このスレ自体は人がいても話題がないだけだ（と信じたい）

■環境
Windows7 32bit
java, WinVDIG 1.0.1, quicktime7.72インストール済み
カメラはノートPC内臓のWebカメラ使用


videoライブラリーのサンプルをRUNすると次のようなエラーが出るのですがなぜでしょうか？
＞unsatisfiedlinkerror quicktime qtsession initializeqtml s

ログを読んでるとquicktimeの最新版のせいというような内容があったのですがそれでいいのでしょうか？
ちなみにJMyronを使うとカメラの動画像を表示することはできました。

http://codepad.org/ZNmdRImP

ここまでは出来たんだけど、側面に画像が貼られないのは何故？

>>588
何がしたいのか、何を見てそこまで出来たのか知らんが
一度サンプルを見てはいかがか？
Standard Examples > 3D > Textures

processingについて質問させてください
curveVertexで描画した図形の色をグラデーションで塗ることは可能でしょうか？

>>590
PImageにグラデーション作ってテクスチャとして貼ればいいんじゃね

>>591
返答ありがとうございます。
たびたび申し訳ないのですがcurveVertexでテクスチャを貼ることは可能なのでしょうか？

>>592
リファレンスやサンプル調べれば出来る事がわかると思うんだけど
何にせよまずやってみることが大事何じゃないの？

グラフィック特化言語 Processingを語るスレ
http://toro.2ch.net/test/read.cgi/tech/1343785906/


そろそろ普通に検索にかかるスレに移行しよう
人増えないよ

確かにスレタイにProcessingの文字が入ってないのは痛い
が、そもそも2ちゃんよりユーザ層が若そうな気がする

むしろいまさらProcessingやってる若者は少ない気がする

そうなん？
てっきり大学生辺りが中心かと思ってたんだが

新スレ立てた者ですが理工系の大学生です

今年度に入ってProcessingの本が多く出てきました。
先日本屋で見かけて知ったので、同じような人は多いと思います

元々は検索しやすいように変な名前だったというのにw

>>599
> 元々は検索しやすいように変な名前だったというのにw


FAQだよな。
Processing だと、 他の分野のいろんな検索結果が出て、目的の検索結果がでない。

なので、
Proce55ing という言葉を使うことが慣例となっている。

2chのスレ検索するのに普通の検索サイトからやる馬鹿はいねえだろ
2ch内でやるんだから逆に正式名でしかせんわ

>>601
別に馬鹿ではないだろｗｗ
多少調べれば55使う慣例も>>600の通り分かるし
正式名称だけしか調べないのは検索力がないのでは？

調べる力もない人にまでお節介出来る人っているんだね

居ることは居るだろう。
2chの更新チェックしない人でぷろせっしんぐを
検索した人が入って来ない。つか、
【Proce55ing】Processing【アート・グラフィック特化言語】
みたいに両方入れればいいだけだが

>>598
後出しなのになんで両方のキーワード入れなかったの？

単発質問するためにスレ立てたからだろ

てへぺろ

>>603

> 【Proce55ing】Processing【アート・グラフィック特化言語】
> みたいに両方入れればいいだけだが

次回からスレタイトルはこれで行こうよ！ 決まりだね！！！

：
：

で、問題は、Processingの話題が過疎っているんだけど、、。

日経ソフトウェアとかは割と取り上げているし、
アート系の大学の講義・実験とかでも、Processingは割と使われているはずなのに。

もう、みんな飽きちゃったの？

最近は勝手にダウンロードしたソフト使うなって会社が多いから
学生しか使ってないんじゃないかなぁ
商用アプリ組むようなもんじゃないっしょ

アプリ……組む……！？

これって画像やムービーを作るためのツールでしょ？

インタラクティブ性はアートの類だし。

>>595の言うように、ターゲット層の年代は2chをあまり見ない。

>>609

Processingで、Androidのアプリもつくれちゃうよ。
マイナーな事にチャレンジするのが苦手な日本でさえ、
ProcessingでAndroidを解説した本が2冊執筆されている。

なので、海外ではもっと活発に使われているだろう。


ていうかProcessing周りのライブラリって、ほとんど海外製だな。
日本の企業って閉鎖的なのも問題だよね〜。

家でProcessingで遊ぶ。
→ ちょっと使えそうなの出来たから、会社の部署内でチョイネタとして発表する
→ おまえ、会社で発表したのだから、以後、Processingは外部に公表禁止だ。Blogとかでも一切触れるな。

みたいなこと多いよね。

Processingスレで企業とか会社とかいう単語が出てくる不思議。
Processingで作ったもので外部に漏れると嫌なほど良いアプリって具体的に教えて欲しいね。

>>612
規模で言えば日本＜海外なのは分かるが
それで日本は閉鎖的と勘違いしてないか？

閉鎖的云々の流れってどこにでもあるよね

Processing使ってる企業って…

お堅いやつしか使っちゃいけないなんてプライド()でもあるの？

>>612
>みたいなこと多いよね。

初めて聞いたw

口ではいやがっていても、ホラ、ここはこんなに堅い……

processing2.0も出てるようだが俺はいまだに安定番の1.5を使ってる

>>619

processing2.0 って安定してないん？
でも、高速性とかOpenGLサポートとかは、2.0でないとね。


JavaScriptモード使っている人とかいる？

2.0はBeta。
1.5.1はStable。
だから1.5.xを安定版といってるだけでしょ。

動作よりも仕様が安定

.

p5歴2ヶ月の初心者です
3Dにしたらブラウザで表示されないんだけどどうすりゃいいか教えてください
最近openprocessingがJSモードでの投稿を推奨してるとからしいけど関係あるのでしょうか

http://toro.2ch.net/test/read.cgi/tech/1343785906/
こっちでやれ

>>625
どっちも同じだろｗｗ

>>624
エスパーを待つか基本的なところを見なおして下しあ

Firefoxでやったら見れた
最強伝説Operaとはなんだったのか

built with~終わったんだが書いてあることしかできない…プログラミングの勉強てどうすんだ

自分でお題を見つける
どっかにあるあれを実現してみよう、でもいいし
別の言語やってるならそのコード移植してもいいし。

>>627
>>628にもあるけど何か作りたいものがあった方がいい
プログラミングは手段だと思って
言語とやりたい事ぐぐれば大概先人がいるはず

やりたいネタはいくつかあるんだ。でもまだそのレベルに達していないと思う。本気で教科書に書いてあることしかできず応用のきかないゆとりだわ
とりあえず落ちてる作品をソース見ずに模倣することからやってみる
入門書ばかりらしくてステップアップ用の本がないのはつらいな

つらいね

processingは洋書で分厚い教科書が3冊くらい出ててけっこう応用的なのも書かれてるからそれ読むといい

最近忙しすぎて触れてない…とりあえずGenerative designって洋書の作品集は自分へのプレゼントに買う
今度新しく出る本は入門書ぽくないな。ジェネラティブアートって翻訳

何かいろいろ動きはあるみたいだけど、このスレの住人はどの程度これらを見ていて、
どのようなスタンスを取る感じなんだろうか
ttp://p5info.com/
ttp://atnd.org/events/33755

openFrameworks,cinderなんかもここのスレでいいのか？

>>634
なんかやってんなー位か？
自分も最近忙しくて（ｒｙ

>>635
一応扱ってるけど人はそんなにいない感じ
独立スレも長生きしなかったし

Unexpected token: Voidって出ると探すのしんどいです。
履歴と照合して差分調べるのだけど
なんか良い手ないですか？

>>637
例えば波括弧｛｝で閉じていないとか、"void"という単語が意味もなく現れると
Unexpected token: Voidというエラーが出る
この場合Edit→Findで"void"という単語を検索して周辺の構文ミスを調べる

同じくお悩みの方
ttp://processing.org/discourse/beta/num_1219029787.html

構文ミスとシンタックスエラーって何が違うのだろう？
独り言ごめん

processingで列挙型ってどう使えばいいんですか?

使えません。

openFrameworks,cinder,pocode,polycode
この手のC++ライブラリって結構あるな
一番メジャーなのはopenFrameworksなんだろうけど
oF以外のやつ使ってる人いますか？

CINDER 0.8.5. RELEASED
http://libcinder.org/blog/posts/7_cinder-085-released/

こういうのを3Ｄで作りたいんですが、背景の山との距離を保ったまま、地面だけが近づいてきて、
さらに主人公は手前にずっといる、っていう表現を実現するのにどうするのが一番簡単ですか？
地面だけが近づいてくるってアイディアが思い浮かばなくて
https://www.youtube.com/watch?v=_OtBk1cbsp4

上記動画自体は擬似の3Ｄだと思いますが

単にカメラ位置からの相対位置が一定になるように
プレイヤーの移動量と同じだけ背景も移動させてだけでいいんじゃ

なるほど、なんですけどうーん、
今はbeginShape()とvertexで作った板上のオブジェクトに地面のテクスチャー貼ってるんですが、
これ単純に手前に動かすと板の大きさの境界で地面が終わっちゃうんですよね…。
無限に広がる地面を表現する方法がわからないんですが、
なんかヒントとかアドバイスいただけますでしょうか

幾らでも方法はあるけど。TexCoordの方を動かすとか。

あるいはその地面を2つ用意して2倍遠くまで作っといて一方が自分より手前に来て見えなくなったら
その一方を奥に移動させてチクタクするとか

おお、
>>648の方は自分でも思いついたんですが、ループさせる時にいきなり遠くに地面が現れたら
不自然になるかなと思ってました。
TexCoordとかいう耳慣れない言葉が…、調べることでとっかかりできそうです。
自然に見えるように両方の方法試してみます！ありがとうございます！

こんにちは
下記サイトのソースをそのままコピって、
http://d.hatena.ne.jp/kougaku-navi/20120109/p1
動画はアドビのサイトにあるサンプル動画からsample_iTunes.movを使ってみました。
http://support.apple.com/kb/HT1425?viewlocale=ja_JP&locale=ja_JP

が、実行すると動画が滅茶苦茶重くてサイズを変形させるどころの話ではありません。
何もしなくても1秒間に1コマ以下のスピードでお話にならないというか。

考えられる要因はなんですか？
WinXP SP3 Pen4 3.2GHz 2GB RAMで極端にスペックはひどいということもないと思うのですが。

あ、忘れてたprocessingのバージョンは1.5.1です
2以上を使うと「GLSLシェーダーがないよ」とかいうエラー出ちゃうんで古いの使ってます。

GPUは？
その世代の内蔵GPUだとOpenGLのスペックはひどいということになってる可能性も

>>652
オンボードのやつで↓かこれのFX600だと思います
http://www.gpureview.com/Quadro-FX-500-card-344.html

ハードの問題ならもうしょうがないんで、MacBook Proの15インチ: 2.3 GHz買っちゃおうかしら…

オンボードのQuadroなんてあるのか。ごめんスペックの問題かどうかわからん。

おおう…。

ちなみに会社のＭＡＣで試してみたんですが、こっちはそこまでひどくなかったです。
完璧とは言わないまでも弱冠モタつきながら動いてる感じ。

powermac G5
POWERMAC11,2
デュアル2.3Ghz
DDR2 SDRAM1GB x　4
Geforce6600 256MB

やっぱハードの問題っぽいですねえ、てかビデオテクスチャ自体が元々かなり負荷食うんでしょうね。
Processing2.0以降だと標準でシェーダーついてるからこっちで書き直すと劇的に早くなったりとか？

PowerMac G5 とか骨董品持ち出して……

板にテクスチャ貼ったやつをX軸10枚　X　Y軸10枚タイル状に並べて壁をつくったんですが、
継ぎ目に黒い線が入ってタイルの寄せ集めだということがバレてしまいます。
なんか良い方法ないでしょうか

透過したpng画像の奥にstrokeをつけたbeginShapeの物体を置くと、
stroke（線）が消えてしまうんですが、何が問題でしょうか。
ちなみに1.5.1では問題なく、2.0b8だと問題が起きます。

色々検索してみてsetupにhint(ENABLE_DEPTH_SORT);を書いてみたりしたんですが、
だめでした。

何か心当たりなどある方いましたらアドバイスおねがいします。

>>657
もしP3Dで描画してるならOPENGLにすれば改善されるケースがあったかも

すいません、OPENGLですがダメでした…

隙間が見えないように白い物体を重ねて配置する

processingはコーディング画面のスクロール感度良すぎるのがムカつくな
選択しようとしたらあっというまに一番下までスクロールしちゃうし

>>662
つEclipse

>>663
eclipse入れてるけどprocessingみたいにRUNボタン押して即確認って流れ作れないじゃない

自分でスクリプト組めば

>>664
もしかして編集だけEclipseでして、実行はProcessing側でやってる？

自分はプラグイン入れてる
http://wiki.processing.org/w/Eclipse_Plug_In

あと外部jarにcore辺り入れてPApplet継承する方法もある

>>666
ありがとう！
これで色々捗りそうやで…

100個のバラバラのサイズの立方体をy方向に動かす、ということを簡単にやりたいです。
（画面外に出ると新しい立方体がランダムなサイズで生成される）

でsetupで100個のバラバラのサイズの立方体を作成することは出来たので、
それをdrawで動かそうと思ったんですが、
そもそもprocessingってdrawで常に立方体を作成し続けないと画面に描画されないんですね…多分。

drawの中で　ランダムサイズの立方体作成→移動　とやると立方体のサイズが高速で変化してしまいます。
こういう場合どうやってやりたいことを実現すればいいですか？
考え方を教えていただければ

配列に数値を保持してろよ。
processing以前の問題だな。

>>669
やっぱそれが一番簡単ですよね
drawで描画するたびに一から立方体を100個生成するというのが負荷の面で心配だったんですが、
あきらめました、ありがとうございます

>670
中心位置をArrayList<PVector>に、サイズを行列に入れておけば良いだろ。
10000個だって問題ないから、負荷がどのくらいなのか自分で掴んでおいたほうが良いよ

>>669も言ってるけどオブジェクトを増やした時の負荷が問題じゃなくて
どこで宣言・生成するかって話だとおもわれ

>>668
>そもそもprocessingってdrawで常に立方体を作成し続けないと画面に描画されないんですね…多分。
これが違う

MacなんだけどProcessing.appの2.0b9が起動しなくなった。
起動したらドックのアイコンがしばらくはねて、何のエラーも出さずに落ちる。
エラーログも出て無さそう。原因何かな?
Java 7を入れてしまっていて、Java 6に戻したんだけど同じ状況。
Javaがよく分かってないからちゃんと戻ってるか分からないんだけど。。

drawの外に配列を持てばいいってことか
最近の人はグローバル変数とか知らないのかな

vertexで作った直方体にテクスチャー貼りこんでるんですが、
サイズが変わると貼ってあるテクスチャーもサイズに従って、
びよーんと伸びちゃって困るのですが、どのような対処方法がありますか？
textureMode変えても改善されなかったので質問してみます。

よろしくお願いします。

テクスチャ座標

すいません
画像の色情報（明度）だけが欲しいので下記のように書きました。1.5.1

PImage Img = loadImage("a.gif");
Img.loadPixels();
color c = Img.pixels[5 * width + 5];

上の三行目でエラーが出るんですが何がいけないんでしょうか。
エラー内容は　ArrayIndexOutOfBoundsException:258000　というものです

PImage型の参照をやめて

PImage Img = loadImage("a.gif");
image(Img, 0, 0);
loadPixels();
color c = pixels[5 * width + 5];

と書けば問題なく取得出来るんですが、画面に画像を描画させたくないのと、
のちのち参照するPImage画像を動的に変更する予定なのではじめに書いたようなコードで書きたいです。

参考になりそうなサイトあれこれ見ましたができませんでした。たとえばこれ
http://www.d-improvement.jp/learning/processing/2010-b/07.html

どなたかよろしくお願いします

画像の横幅で要素見れば？
Widthのウィンドウ幅の方が大きくて
配列のインデックスはみでてる？

>>678
できました、ありがとうございます！

プログラミングアートってなんですか？

http://www.amazon.co.jp/dp/475614411X

プログラミングでアートするんだよ

dataフォルダの中にあるサブフォルダに入れてる画像のファイルリストを取得したくて、
フォルダパスを取ろうとしたんですが、

File directory1 = new File(System.getProperty("user.dir"));

だとProcessing.exeがあるフォルダパスが返ってきます。
dataフォルダのパスって絶対パスを直書きする以外でどうやって取得すればいいんでしょうか？
ちなみにwindowsです

new File("data")

>>684
下記、
dataは存在しません
になりました…

File directory1 = new File("data");
String[] fileArray = directory1.list();
if (fileArray != null) {
for (int i = 0; i < fileArray.length; i++) {
println(fileArray[i]);
}
}
else {
System.out.println(directory1.toString() + "　は存在しません" );
}

>>683
>Processing.exeがあるフォルダパスが返ってきます。

"作業フォルダ＞スケッチフォルダ"がどこにあるかによるけど
そこ（インストールフォルダ以下）にあれば相対パス足せば届くのでは

>>685
ディレクトリが存在するかどうかはfileArray != nullよりもdirectory1.exists
ディレクトリが存在してもディレクトリ以下が無い時もある

>>676
こういうページを参考にしてみたんですが、processingと勝手が違うようでよくわからなったです
http://wiki.livedoor.jp/mikk_ni3_92/d/%C8%AF%C5%B8%CA%D401%3A%3A%A5%C6%A5%AF%A5%B9%A5%C1%A5%E3%BA%C2%C9%B8%A4%CE%C0%B8%C0%AE
他に何か参考になるページとかありましたらよろしくおねがいします

プログラミングアートって楽しいの？

楽しい

1分くらいの動画を再生しようと思ったんだけど、
640x420サイズでも重くてカクカクになっちゃうんで、
動画を連番で書き出してそれをテクスチャとして読み込ませてみた。
結果1分29fps1500枚ほどがPimage配列に読み込めず。

MAXのJitterだと余裕で読み込めるんだけど、
そうすると今度はProcessingでせっせと作ってたエフェクトとかが使えないし悩んでます。
最終アウトプットはプロジェクターでの投影なのでMAXとProcessingをシームレスに行き来する、
とか現実味ないですよね。

Processingでの動画の扱いってみんな一度は壁にぶつかりそうですが、なんかアドバイスもらえたら嬉しいです

>>690
元の動画はサイズによるけど連番書き出しでもIDEで使えるメモリ増やして試してみては

自作のエフェクトをリアルタイムで反映するならその効率にもよるし、
エフェクトかけたものを予め動画で書き出すのもありだと思う

>>691
設定から1024MBまで増やしてみましたがだめでしたー

3D空間の中でインタラクティブにオブジェクトが動くようなの作ってるんで、
エフェクトかけたのを動画にしてMAXで取り込むとインタラクティブ性が失われてしまって…

現行のMacBook Pro使ってるんですが、
Processingをフルスクリーンにしてプロジェクターで映像を投影すると、
他の音楽アプリケーションやら何やらが全く見えませんよね。

バカな質問で申し訳ないのですが、みなさんライブ演奏とかする時は、
どうやって音楽ソフトをコントロールしながら映像をプロジェクターに投影してるんですか？

接続してる実機のMIDIコントローラーとかで操作するだけじゃなくて、PC上で他のアプリケーションも触りたいのですが…

知らん間にバージョン2出てるじゃん

今までのとどう変わった？

>>693
マルチモニター

プロセ55イング？

プログラミング初心者ですが
自力でアナログ時計や電卓ぽいのを作ってみた。
慣れたらみんなJavaとかに行っちゃうんですかね。

そういうものではないかも。
そのままProcessingで作品作ってもいいし、
本実装は別環境でもProcessingでアイデア検証しとくと楽。

プログラミング初心者です．
ProcessingとArduinoの通信で，ポテンショメータを用いて，現在の回転角度をPC上に表示させるプログラムを作りたいのですがさっぱりで・・・
どこか参考になるページまたはコードをご教授願います．

setup前でimport processing.video.*;したのに
MovieMaker mm;の箇所で
Cannnot find a class or type names "MovieMaker"ってエラーが出る。
どう対処したらいいのかわかりません。
ver2.0.3(Mac)
サンプルのコードをRunしてみても同様です。

processingで拡散方程式つかってじわじわ広がる○のアニメーション作れる神様いますか

Generative Art (AbandonedArt.org)
http://abandonedart.org/

球体同士の衝突処理ってPVector使うと楽なの？

昨日の情熱大陸で真鍋さんが使ってたのって
processingなの？

>>705
ダイトー文化大で学べ

>>704
processing初心者なんだけど、おれも知りたいです。
あと、その番組の最初に画面が映ってたんだけど、
変数みたいな文字列が四角に囲われてて、それぞれ線で結ばれてる
ビジュアルツールみたいなのが使われてた。
あれは何なんだろう。

pure data か　Maxか

>>707
ありがとうございます！
Maxっぽいです

つい最近processingを始めた者です。processingでインタラクティブアートを制作したいと考えています。
そこでこのスレにいる人に聞きたいのですが、皆さんは具体的にprocessingを使ってどういった作品を制作していますか？もしくはどういったものを作りたいと考えてますか？

ぜひ聞かせてください。

とりあえずopenProcessing見てみたら？

processing advent calendar の過去分を見て回るとか

　　∧,,,∧　
　( 　・∀・)　ほー　それで
　 (　　：　)　
　　し─J

古いやつで使えたSpring GUIってライブラリみたいに，
Macで日本語入力できるフォームを簡単に作る方法はないでしょうか？
調べてたら，swingを利用することでポップアップでは入力することできたのですが，
できれば，画面に埋め込みたいのです。

processingでアンドロイドアプリの開発を行いたいのですが、
background(0);でエラーが出て困惑しています。
The following error occurred while executing this line:

アンドロイドモードにすると
標準命令が使えたり使えなかったりらじばんだり。

rectで塗りつぶすじゃだめ？

>>715
そういう意味じゃなくて、
使えたり使えなかったするので汎用性という部分で困惑しているのです。

書籍に書いてあるコードでもエラーをはくし。
バージョン違いで多少仕様が変わるという解釈でよろしいか。

アンドロイドモードで
classを使おうとするとコンパイルが通らない。
なぜだ〜〜〜

ttp://processing.org 落ちてるな

android SDKをSDK managerで更新してみる、サンプル動かしてみて
サンプルではどういう風にやってるかを見るだけでandroid関係はほぼなんとかならないか？

なんでprocessing流行らないんだろうね
Androidアプリ云々でもエクリプスより簡単だし、複雑なこと書かなくても動作してくれるあたり初心者にはおすすめできるのに

>>720
> なんでprocessing流行らないんだろうね


検索しづらい名前だから。
Ver2.0になった機会に、正式名称も proce55ing に変えちゃえば良かったのに。

Rというひどいネーミングのソフトも

C#って昔は検索しづらい綴りだったんだよなｗ

アルファチャネル付きの PNG 画像を表示させているのですが・・・。
どうもアルファ値が1/0で判断されているようで、半透明部分の
透明度が反映されません（透けるべきところが透けません）。
元画像を、フォトショ等で確認する限り、ちゃんと半透明になっています。
OS は　Windows7 64bit　です。
原因、対処法などわかるかたいらっしゃいましたら教えてください。

PImage img;

void setup()
{
size(1024,768);
background(255,255,255);
colorMode(ARGB, 255, 255, 255, 1.0);
smooth();
img = loadImage("tmp.png", "png" );
img.loadPixels();

}

void draw() {
image(img,0,0, img.width, img.height);
}

Macでの使用を考えています。
OS X10.6.8なのですが、最新版の2.1.2だとサポートしていないと思うので10.6.8での最新版がいくつか教えて頂きたいです。
1.5.1でしょうか？

自己解決しました。

自己解決したので報告します。

draw() メソッドの挙動を正しく理解していなかったのが原因でした。
以下の記述では、フレーム更新ごとに画像が同位置に上書きするため、
半透明部分もあっという間に何度も重ね書きされ、
結果として半透明の効果が消えて見えていました。

> void draw() {
> image(img,0,0, img.width, img.height);
>}

> void draw() {
> background( 0xff );
> image(img,0,0, img.width, img.height);
>}

のように描画毎に画面をクリアするなどすれば、
ちゃんと不透明部分が意図通りに表示されます。

Windows8.1/64bit環境にて吐き出した実行ファイルが動きませぬ。
何冊か買った本に、ネットワークやシリアルとかのライブラリつかってると
動かん場合がるとか記述あったんだけど回避する方法はないでしょうか？

回避できるだろうけどそれだけじゃわからん。
proseccing のフォルダにある jar をありったけ同じフォルダに突っ込んでみたらどうだ。

最近プロセシングの本が増えてるような気がする

まじで
おすすめあったら教えてくれよ

ようやくまともなp５本が翻訳されたね。最近はOFにおされて教える学校も減ってるのかな。
http://www.borndigital.co.jp/book/5149.html

Processing、グラフィックプログラミング初めてのときはハマったけど、
3Dでもっと色々やりたいとなると、OpenGL自分で書いた方がいいってことになる。
２DはProcessingで十分

PeasyCamの方が早くね？

今からクリエイティブなグラフィックプログラミング始めるならOFとP5どっちからがいい？

>>735
今からならRSがオススメかな
OFとP5の美味しい所どりしてるから調べてみて

略語で言われてもわかんないよ

RSってなんだよw
OFやP5はメジャーだからすぐ分かるけど

OFってOpenFlowだっけ、と思って
ググったら全然違ってた

担がれたなｗ

サジェストでも全く出てこないぞｗ

RS:RyakuSuna

RSってなんじゃら？

real sense?

違うな、creative codingとは全く関係ない

openframeworksはじめたけど日本語サイトのフォーラム
機能してないよね
あそこのログ見れないのかな
今から勉強したい人はどうしたらいいですか？

openframeworks の Beyond Interaction って本の改定前のが
pdf で配布されてますが
今から勉強するとして今のバージョンでも
大丈夫ですかね？
サンプルコードはver 0073 までのが
Githubにてあるのですが