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

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

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

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

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

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

そんな話をしないか

**デフォルトの名無しさん** · 2009/08/15(土) 18:18:10

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

**デフォルトの名無しさん** · 2009/08/25(火) 00:13:17

質問失礼します。

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

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

**344** · 2009/08/25(火) 00:16:28

// コードを載せておきます。行数制限の関係で空白行を削ってますがご容赦ください。
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;
}
}
}

**デフォルトの名無しさん** · 2009/09/04(金) 22:08:21

うまく巻き戻しのとこは消えないね
そもそもこのやり方ってビデオの再生が飛んだり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();
}

**デフォルトの名無しさん** · 2009/09/20(日) 03:34:08

Quicktime新しくなってvideoがああ

**デフォルトの名無しさん** · 2009/09/25(金) 03:20:13

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

**デフォルトの名無しさん** · 2009/09/30(水) 14:25:00

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

**349** · 2009/10/02(金) 00:42:09

↑ゴメン無視して

**デフォルトの名無しさん** · 2009/10/11(日) 04:41:29

1.0.7にすれば解決。

**デフォルトの名無しさん** · 2009/10/16(金) 15:18:36

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

**デフォルトの名無しさん** · 2009/12/05(土) 02:18:45

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

**デフォルトの名無しさん** · 2010/01/01(金) 06:32:34

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

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

**デフォルトの名無しさん** · 2010/01/01(金) 09:12:27

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

**デフォルトの名無しさん** · 2010/01/04(月) 11:26:33

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は開けないのかな??

**356** · 2010/01/04(月) 11:27:36

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

**デフォルトの名無しさん** · 2010/01/04(月) 11:37:09

256GiBかw

**356** · 2010/01/04(月) 16:25:17

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

**デフォルトの名無しさん** · 2010/01/06(水) 13:27:52

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

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

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

**デフォルトの名無しさん** · 2010/01/06(水) 14:50:02

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

**デフォルトの名無しさん** · 2010/01/07(木) 15:55:43

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

**デフォルトの名無しさん** · 2010/01/08(金) 00:04:53

JNA使えよ。

**デフォルトの名無しさん** · 2010/01/08(金) 00:59:27

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

**デフォルトの名無しさん** · 2010/01/10(日) 02:14:03

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

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

**デフォルトの名無しさん** · 2010/01/11(月) 09:30:03

>>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()
{
}
//ここまで

**デフォルトの名無しさん** · 2010/01/17(日) 19:40:56

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

oFの方がよくね？

**デフォルトの名無しさん** · 2010/02/10(水) 14:53:03

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

**デフォルトの名無しさん** · 2010/02/14(日) 07:48:40

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

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

**デフォルトの名無しさん** · 2010/02/28(日) 02:46:30

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

**デフォルトの名無しさん** · 2010/02/28(日) 05:54:51

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

**デフォルトの名無しさん** · 2010/03/01(月) 01:46:29

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

**デフォルトの名無しさん** · 2010/03/01(月) 02:54:49

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

**デフォルトの名無しさん** · 2010/03/29(月) 02:56:22

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

**デフォルトの名無しさん** · 2010/04/02(金) 14:21:24

なにこれすごい楽しそう

**デフォルトの名無しさん** · 2010/04/02(金) 15:12:38

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

**デフォルトの名無しさん** · 2010/04/04(日) 21:15:50

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

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

**デフォルトの名無しさん** · 2010/04/05(月) 01:33:53

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

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

**デフォルトの名無しさん** · 2010/04/07(水) 00:15:04

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

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

**デフォルトの名無しさん** · 2010/05/01(土) 10:37:13

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

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

**デフォルトの名無しさん** · 2010/05/02(日) 21:29:19

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

**デフォルトの名無しさん** · 2010/05/03(月) 12:04:47

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

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

**デフォルトの名無しさん** · 2010/05/06(木) 17:17:33

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

**378** · 2010/05/06(木) 20:46:46

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

**デフォルトの名無しさん** · 2010/05/07(金) 01:52:27

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

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

**デフォルトの名無しさん** · 2010/05/21(金) 23:42:19

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

**デフォルトの名無しさん** · 2010/05/22(土) 22:22:29

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

**デフォルトの名無しさん** · 2010/05/24(月) 15:50:03

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

**デフォルトの名無しさん** · 2010/05/24(月) 16:14:45

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

**デフォルトの名無しさん** · 2010/05/26(水) 18:06:54

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

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

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

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

長文すまん。

**デフォルトの名無しさん** · 2010/05/26(水) 21:39:12

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

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

**デフォルトの名無しさん** · 2010/05/27(木) 01:44:15

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

**デフォルトの名無しさん** · 2010/05/27(木) 04:10:09

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

**デフォルトの名無しさん** · 2010/05/27(木) 10:41:57

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

**デフォルトの名無しさん** · 2010/05/28(金) 19:11:58

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

**デフォルトの名無しさん** · 2010/05/28(金) 23:04:58

Processingはポケコン

**デフォルトの名無しさん** · 2010/06/26(土) 18:35:57

**デフォルトの名無しさん** · 2010/07/08(木) 03:14:27

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みたくくっついたり離れたり･･･みたいな動きをさせるにはどうしたらいいでしょうか？

**デフォルトの名無しさん** · 2010/07/16(金) 23:15:51

**デフォルトの名無しさん** · 2010/07/31(土) 16:15:01

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

**デフォルトの名無しさん** · 2010/09/13(月) 20:42:56

保守

**デフォルトの名無しさん** · 2010/09/13(月) 22:05:25

**デフォルトの名無しさん** · 2010/10/23(土) 01:22:28

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

**デフォルトの名無しさん** · 2010/10/23(土) 04:02:05

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

**デフォルトの名無しさん** · 2010/10/26(火) 06:10:23

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

**デフォルトの名無しさん** · 2010/10/29(金) 21:48:59

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

**デフォルトの名無しさん** · 2010/11/01(月) 23:08:49

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

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

**デフォルトの名無しさん** · 2010/11/05(金) 19:42:33

age

**デフォルトの名無しさん** · 2010/11/05(金) 20:39:21

sengoku38ing

**794** · 2010/12/30(木) 00:29:28

**デフォルトの名無しさん** · 2011/01/12(水) 14:25:37

**デフォルトの名無しさん** · 2011/01/22(土) 02:46:25

**デフォルトの名無しさん** · 2011/02/12(土) 03:00:10

プログラミングリレー

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

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

**デフォルトの名無しさん** · 2011/02/21(月) 19:01:02.09

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

**デフォルトの名無しさん** · 2011/02/22(火) 03:23:35.80

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;
こんだけあって、他のも足すとてんこ盛り。わかるだろう？

**デフォルトの名無しさん** · 2011/02/22(火) 08:29:10.96

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

**デフォルトの名無しさん** · 2011/02/22(火) 08:33:01.69

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

//おはよう

**デフォルトの名無しさん** · 2011/02/23(水) 01:07:06.35

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

**デフォルトの名無しさん** · 2011/02/24(木) 09:47:39.49

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

**デフォルトの名無しさん** · 2011/02/24(木) 13:37:17.69

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

**415** · 2011/03/01(火) 08:39:43.16

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

**デフォルトの名無しさん** · 2011/03/02(水) 09:29:21.78

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

**デフォルトの名無しさん** · 2011/03/05(土) 17:33:42.36

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

**デフォルトの名無しさん** · 2011/03/06(日) 14:49:48.94

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

**デフォルトの名無しさん** · 2011/03/06(日) 22:21:59.49

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

**デフォルトの名無しさん** · 2011/03/17(木) 00:50:12.64

アニメーションのタイミングをずらすやり方がわからない……
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));
}
}

**デフォルトの名無しさん** · 2011/03/18(金) 18:39:45.80

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

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

**デフォルトの名無しさん** · 2011/03/19(土) 02:01:00.44

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

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

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

**デフォルトの名無しさん** · 2011/03/19(土) 15:54:25.45

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

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

**デフォルトの名無しさん** · 2011/03/19(土) 18:20:46.20

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

**デフォルトの名無しさん** · 2011/03/23(水) 23:09:21.29

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

**デフォルトの名無しさん** · 2011/03/23(水) 23:34:20.11

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

**デフォルトの名無しさん** · 2011/04/06(水) 04:15:52.48

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

**デフォルトの名無しさん** · 2011/04/07(木) 22:41:40.60

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

**デフォルトの名無しさん** · 2011/04/23(土) 08:23:37.13

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

**デフォルトの名無しさん** · 2011/04/23(土) 14:02:54.09

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

**デフォルトの名無しさん** · 2011/04/23(土) 16:52:06.11

うごかすだけでいいの？

**デフォルトの名無しさん** · 2011/04/23(土) 18:19:13.50

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

**デフォルトの名無しさん** · 2011/04/23(土) 19:01:39.64

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

**デフォルトの名無しさん** · 2011/04/23(土) 19:15:33.64

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

**デフォルトの名無しさん** · 2011/04/23(土) 22:54:31.16

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

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

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

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

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