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 ただこちらもピクセル処理には向いてないし、インタラクティブアートに対応できるかは疑問 やっぱなんといってもインタラクティブ性は捨てがたいからなあ メガデモか、遠くはないが、基本的には制限内での挑戦とかは無いかな 純粋に作品としての結果を求めるところの方が多い メガデモって最近はハードは何でやんの? atariとかchipなのしか知らん 最近はOpenframeworksてのがよさそう。C++。 3D、カメラ入力、シリアルなんでもござれ ttp://openframeworks.cc/about 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なのに。 どっちかの文字コード変える方法ないかなあ 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.*とは比較にならないくらい早くなるよ。 Emacsでprocessingのコードを書くのに便利なモードってありますか? >>22 うお、これは。 早速試してみたけど、processingのファイルのバッファを保存すると 自動でprocessingのエディタに読み込まれるけど実行はされないなあ。 proce55ing の途中にはどんな55文字が入るのですか? >>25 S のかわりなので55文字はいるわけじゃないです。 ぐぐるときとかに processing ではあまりにも雑多な結果しか出てこないので proce55ing とかくと聞きました。 きっと proce Johann Gambolputty de von ...snip... Ulm ing だと思うよ! >>26 そうだったのですか。 サンクスです。 >>27 自分もそんなのを想像していました。 英語だと思っていたのですが、確かに他の言語の可能性もありますね。 G____orz ってなんて読む? じぃぃぃぃぃおるず? カメラ内で人が認識されると、プログラム上で人がいると認識された部分のみ、画像が変わっていくというものを作ろうとしています。 動体検知に関しては ttp://www.v3ga.net/processing/BlobDetection/index-page-home.html を参考にしているのですが、参考にしただけでそこから一向に進みません。 ttp://r3nder.net/resource/archives/categorias/all_projects/creamfields_2007.html イメージとしてこの作品は大分近いのですが。 >>31 gmbr 以上のレスが欲しいなら 書いているコードの核心部分、問題部分くらいは晒したほうがいいとおもいますが。 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スレが落ちて寂しいと思っていたらここにw はじめたばかりだけどよろしく。 長文失礼します。 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(); } >>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/ プロセッシング用のライブラリやリファレンスの充実している、簡単電子工作デバイスたち 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)でもいけました。 しかし未だにメインのデスクトップPCではできず・・・ カメラのキャプチャにはハードに依存する部分があるってことでしょうか・・・? そもそもあのエラー文はjavaに問題があるって言っているんだろうか?? とりあえずできた方のマシンでがんばってみます。 追記です。 どうやらデスクトップPCに付属のビデオキャプチャボードがいけなかった様子で、 デバイスマネージャから停止させたらprocessingでwebカメラの画像を読み込めました。 >60 わたしも同じ症状 VISTA logicool使用 ビデオキャプチャボードなし ただし,XPではうまく動いてます. BNNから出ていた「Built with Processing」の改訂版が3月9日に発売されるようです。 http://processing.org/ 落ちてる? 最新版を入れたいのだが誰か上げてくれないか? built with processingの本、コードをわざわざ手で打ち直さなきゃいけないのは、改善されるかな >>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に書き出せるってことなのかな。 試しに動かしてみたけど自分の環境では動かなかった。 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とかでつくられたプログラミングによる映像 とかだったら、このての本よりは理工系の入門書(例えば木本圭子のような作品だったらヴェクトル解析の本) だとかをあたった方が速いです。 後は、ゲーム系のプログラミングの本とかでしょうか。 ヴィジュアルアートってか指摘の通り プログラミングで映像、モーショングラフィックなどの動きを表現したいんです ゲーム関係の本は参考になりそうですね そちらも当たってみます サンクス 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 >>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をまとめてスレ化して欲しいんだが・・・ てかしていい?でもスレタイがいいの思いつかない。 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ができたらそれは便利なんだけど、 そうすると結局、質問・疑問がぽっと湧いたときにすぐ反応 しづらくなるからこのままでいいと思うな。 あっという間に0137が出たけど、OS X版はまだ不安定だね。 >>131 のバグは直ってないみたいだ。 0138が出た。 起動しないバグは直ったみたいだけど、メニューを選択したときの 反応が遅かったり、まだちょっと不安定ですね。(OS X版) 日本語コメント書いたときも、cmd+tできれいにしてくれるようになったね runさせようとするとコンパイルはうまくいくものの JavaVMの起動時になぜか-Xlint:uncheckedオプションを付けてくれて エラーになっちゃうんだけど同じような人いますか? 環境はjavaをインストールしていないWIndowsXPに0135java同梱版で ソースは ttp://reactable.iua.upf.edu/?software のサンプルです processingについてるサンプルなんかはきちんと走ります Jmyron+Logitechカメラ爆発すればいいのに。。。 Vistaだけど、起動したとたんに青スクリーン。 やっぱまだ未解決なのですか? processing.videoじゃ、いけないの? 盛り上がらんねー 楽しいのは楽しいんだが、初心者はある程度から急激に難しくなり 他言語経験者は物足りなくて去っていくという悪いスパイラルなのかな。 使ってる人は使ってるけど 特に話す内容になるような事がないだけじゃね デバッグ環境悪いから大物つくるのがつらいんだよねー。 いい方法ないかな? >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 改訂版」を今読んでるけど、改訂版なのに誤字脱字がもの凄い多いのなw 誤字脱字どころか、「まずはellipseの命令を使って小さな四角を表示させてみよう」とか 初心者が混乱しかねない意味不明な文章もたくさんあるw 内容自体は結構良いのに惜しいね 著者とか校正担当は文章読み返してないのかなぁ >>153 一瞬ふつーの日本語なのになにがへんなのかとおもったが ellipseかw >>154 そそw あからさまにおかしいならわかるからまだいいんだけど、気づきにくいケアレスミスが凄く多い で改訂版からは出版社のサイトで本に出てくるサンプルコードが落とせるようになったんだけど、 なぜか部分的にしか入って無くて、プログラム量が多くなる後半(第4章)がバッサリ入って無い。 それだけならまだしも、その第4章の書籍に載っているプログラムをそのまま書き写して実行すると、 ほとんどエラーが起きて実行できないw 変数宣言前に変数使ってるとか、そもそも宣言してないとか、 誤字脱字で動作しないとか、盛りだくさん。絶対に自分で入力して実行してないねこれw 出版社のサイトに載ってる正誤表は2箇所しか無いけど、全然もっと多いw 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 0144が出たね。0135以来の安定版ってことかな。 ダニエルシフマンのProcessing本も発売予定でトップページに載ってるね 目次みたら、プログラミング入門者向けの内容のようで他の本と内容が だぶってそうなのが残念だけど 色々新機能が追加されてるけど、英語でよくわからない。 Algorithms for Visual Design Using the Processing Language http://as.wiley.com/WileyCDA/WileyTitle/productCd-0470375485.html Processingのディスカッションボードみてたら もう1個本が出る予定が載ってた。来年だけど そんな時の定番はお題を出して それを作るとかだけどね 誰かが作ったソース非公開のスケッチを再現するとか だいたいお題決めでgdgdになって実現しないけど さすがに磁場をシミュレートしてるようには見えないけど この人が科学館には必ずあるプラズマボールを好きなのは間違いないなw ちなみに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())); 初心者故、どこが不具合なのか判別つきませぬ… >>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 おまえ先輩じゃないな! 祝日前夜にアーティストとの区分けなんて詰まらないこと考えてるのかよ オープンソースなんだし楽しくやろうよ いろんなユーザがいていいもんだ 失礼いたしました。 有り難うございます。 しかし、まだ解決できませぬ。。 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って、何ページに載ってる? 0150以降processing.exeが起動してくれない。 processingのスレあったのか 誰もいないのかな・・・・宿題わからんから助けてほしい 質問歓迎。 どこかわからないのか。 コード。 エラーメッセージ。 の3点さえしっかり書いてくれれば。 間をあけて申し訳ない、正直こんなに早く反応あるとは思わなかったw 課題の内容が画面サイズ200×200に背景を真っ赤にして 横幅の真ん中、縦幅の一番上から直径5の白い正円を下方に一定距離(円と円の間が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; } 切り替わるときがなんか微妙にぎこちないのでオフセットと個数を適当にいじってくれ。 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の増加を外側に出すとこのコードの本質が見える、はず。 中心点を基準に平面を回転させたいだけなら、円の公式でも勉強しましょう。 >>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(); } >>213 とりあえずコードの例です。 参考になるサイトとか知りませんか? ttp://code.compartmental.net/minim/examples/ >>212 Ruby-processingにvisualizationに使ったサンプルがあった。 Ruby自体は簡単だし、やってることはJavaで再現できるからprocessingでも使えると思うよ。 2つのスケッチを同時に実行して、 スケッチ間でデータのやりとりをする方法はありますでしょうか? >>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 何か唐突にキタw processing = Java vvvv = C# の3年戦争勃発 なぁ、1,0が出たってきいて 落としてみた。Linuxなんだけどもしつもん。 sketchっていうエディタで、サンプルを実行してみた。 んで、stopボタンを押してエディタに戻って、引数を 変えようとしたら、入力出来ないのだけどもどうしましょう。 >235 自分もUbuntuで使ってるんですが、確かに入力出来ないです。 Linux版の仕様? >>238 centos5もだめ。だれかコミュニティに報告汁 ちなみに出力出るとこダブルクリックしたら入力できるようになるから。 >>240 ほんとだ、、、変な仕様、、、 だけどとりあえず助かった!!ありがとう! >>246 もしよければどんな感じかkwsk Buile with 〜より深く解説してる感じ? >>247 Built with processingはprocessingを始めた人が読むにはちょうどいい。 オライリーの方は、もっと技術的にprocessingを用いたい人が読む。 情報視覚化という分野の手引きとしても十分価値があると思う。 もしも、Built 〜で満足していない、もっとprocessingを使いこなしたい と思うなら買ったほうがいい。と個人的な感想を述べる。 >>248 ありがとう、今度買ってくる もちょい色々やってみたかったから、丁度ぴったりかもしれない 1章が抽象的過ぎないか?あやうく投げ出しそうになったぜ まだ6章までしか読んでないが視覚化とか完全に素人なので勉強になってます。 難点は著者自身もまえがきで書いてるが5章くらいからコードの割合が高すぎる気がする まあ、オライリー本だからいいんだがw あとは、俺がprocessingはちょっと遊んだ程度なので 説明なしでprocessingのAPIが使われていることがあってちょっと不便 1章はprocessingというよりは情報視覚化についてだから、抽象的過ぎると言われても仕方がない。 でも逆に、1章に書かれていることは、他の言語にも当てはまることで、 情報視覚化に興味がある、やってみたい、という人は読んどいて損はない。 processing.jpのヘッダーからリンクされているような、 すんごいビジュアライゼーションを作るための参考書籍ってない? オライリーの買ってきた。 基本が、Ben Fryの論文(たしか、彼のサイトからDLできたはず)だから、 単なる解説書ではないね。 情報視覚化の基本的な方法論をおさえてるので、色々と応用できそう。 >>252 ゲーム開発者のための数学・物理学入門とかそこらへん? 基本的な数学、物理の知識がないと作るの難しそうな。 作るためのものはそろってるんだから根気とセンスさえあればできるんじゃね? processingはゲームプログラムにはもってこいだと思うんだが。簡単だし。 >>254 ここまでするならdirectXするだろjk というか当たり判定で挫折するな、つくろうと思っても ゲーム用ライブラリとかないよね? proce55ingに マウスに追従するキャラクタを二つ用意して一つが当たり判定用、もう一つがグラフィック用って感じかな 3Dじゃないんなら、素直にDXライブラリでも使ったほうがよいぞw 挫折したくなかったらw この頃3DはじめたんだがImageで表示したのをカメラで横から見るとペラペラに見えるんだが、 パーティクルみたいに常にカメラのほうを正面に表示するにはどうしたら良いんだ? rotateあたりのでこちらを向くように自分で書かんといかんのか、これ パーティクルにもビルボードって書いてあるでしょ? 検索して自分で書いてください ビジュアライデータ買ってきた。まぁ、高い本なんだよ。 切ないな。仕事に生かせるわけでもなし。 >>262 高いといってもオライリ本では安い方じゃね? processingをeclipseで書いてるんだけど、 MovieMakerがうまく動作させること出来ないんだよね。 QTJava.zipをうまく読みこめないポイんだが原因がわからない。 誰かうまくいってる人いない? 新しいバージョンとか出て 新しいメソッドとか追加されるとネタになるのに。 なんもないな。 海外のフォーラムとか除くと新ライブラリの話題とかあっておもしろいよ。 今っていうか、春休み前に授業習ってた 今まで出した課題の中でわからなかったやつ全部やらんと単位あげないってさ 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文のところで0秒から15秒までドットがz軸のプラス方向に流れて15秒以上経過してからマイナス方向に流れるときに zの座標が0以上になってしまったドットが消えてしまってマイナス方向にドットが流れるんですけど これって消えない方法ありますかね >>281 自分で考えろカス 2chなんかしてないでさ 論理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とかだと どっちがちょっとした作品の制作には向いてるんですかね〜 むむ、AS3だとFlashDevelopというIDEが有名なんですが、これって微妙なんですかね? あのサクサク感(ソフトの軽さ、補完の早さなど)はEclipseより全然楽だと思ったんですけど デバッグとかになると、かなりしょぼいからEclipseの方が断然↑だと思いますけどね プログラミングアートに用いられるものはProcessing以外だと何があるんでしょうか? ざっとスレを読ませていただきましたが、あまり話題には上ってないようなので質問させていただきました >>296 Actionscript、C+、Max、QuartzComposer プログラミングの初級教育用にProcessingを使っているところってある? 実行環境のインストールも簡単だし、JavaやCよりとっつきやすそうだし、 簡単にお絵描きができるし、なかなかいいところが多いんだけど。 プログラミングを深く学ぶ学生相手ならもの足りなさ過ぎるだろうし そうじゃないなら汎用性のあるスクリプト言語とかやったほうが便利だし、課題とかも出しやすいし・・・ やはり絵を描くのが目的じゃないと使いにくいのでは・・・ processingでお絵かきして提出する課題が出たのですが、何か参考になるものってありますか? 無難にBuilt with Processingかなぁ >>305 どうもありがとうございます! web上に作品例とタグが掲載されているサイトさんはないですよね…? gglks=「グーグルカス」。Googleって最低だよね。必要な情報が引っかからないよ。 ggrks=「ググれカス」。Googleって最低だけど、それを使いもしない香具師はもっと最低だよね。 ちゃいなって盛んに聞こえるけど 中国がどうしたんだろ? メタセコイアのモデルが読み込みたいのですが ライブラリがダウンロードできません。 http://www.hyde-ysd.com/reco-memo/index.html 他にどこかないでしょうか? 試しにそこの0.4aの部分を0.3にしたらファイルがあった。 入れ忘れ?とりあえず0.3でやってみては 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 ぐらいの大きさだとかなり低品質でげんなり来ちゃうんだが。 アニメーションしてたら気にならないけど、静止画としてみるときちんと丸になってないのが気になっちゃう。 まじで?てっきりJavaの円の描画品質が良くないからそれをせいかと 思ってたんだけどWindows特有の問題なのかな。一回、Linux入れて試してみようかな。 あと、日本語フォントが P2D, P3D, OPENGL で表示されないんだな。 日本語でタイポグラフィが作りたかったのに残念だ…。 >>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(); } >>347 やっぱそうだよね?videoが動かなくて原因わかんなかったんだ。 で、どうすれば直るんだああああ。フォーラムにトピック上がってないかな。 >>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は開けないのかな?? JNIってのを使ってみたけど、くそうざったいなこれ! ようやく、バイト値を読めるようになったぜw おい一バイトずつで読むのかよw もっと勉強してenv->Getなんちゃらでint配列とかfloat配列とかどさっと渡せるようにならないとだめだなこれは …とりあえず、intとfloatはひとつずつだけど読めるようになったので良しとする。速度的には別に問題ないし。 JNIとか、EclipseのテンプレートでないとProcessingのライブラリが(コマンドラインで作れても認識しない)とか 超うざすだった しかしこれならC言語側はガリガリ演算して共有メモリに書き込むだけ、 processingは位置指定すればintでもfloatでも読めてすぐビジュアライズできるので、とても便利っぽい。 javacでクラス javahでヘッダ VC++でDLL defファイルでエクスポート 大文字小文字区別有り 以上、コマンドラインベースでサンプル動いたら Eclipseにテンプレート読み込んで書き換え、Antでビルド jarとdllを同じ場所に こんなところかな >>360 配列でどさっと渡せるようになったら夢が広がるんだけどな。 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() { } //ここまで 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とかフォーラムのほうが人多いな 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〜との差別化がいまいち 今ってprocessingに特別目新しいトピックはあるのかな。 >>404 つーか、本屋でのぞいてみたけど内容は薄いは高いは… なんかメディアアートとは違うんだよということを しゅちょうしたいのかもしれないけれど、 Arduino関係ならMAKEのやつ買った方がマシ… あ、この著者Arduinoでも内容薄い割りに糞高い本出してたやつか。 プログラミングリレー void setup(){ size(400,300); colorMode(RGB,100); background(100,30,60); } 次の人⇒5行分の追加+修正 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分くらいの完成した作品上げてる人って 検索しても全然引っ掛からない。 >>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オブジェクトを掴んで動かしたいけど座標の取り方がわからない>< マウスの位置を強制することってできます? 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 作りたいのは、ボールAが順々に座標値に行くとそこから新たにバネの動きをするボールBが派生する。 Bには様々な大きさがある。最後にボールAの軌跡は消え、各座標にBの動きが「波のしぶき」のように余韻として残る。 ずっと「座標を通る動き」ばかり考えてしまい、やりたいことの目標を見失うところでした。 しぶきってどんなの?波紋とは違うの?なんか、動きができたら、次要求させそうだねw とりあえず、どこまでできてるのかアップしてみたら? >>439 多分その段階の理解だと入門サイト手前だから もう少し色々頑張ろう >>437 はそんなに考えて書いてないからあれだけれども >>441 仕様拡大なんて日常茶飯事おす >>437 さんのコードを頼りに考えていますが、 決まった座標を通るって難しいのでしょうか。。 >>438 しぶきは波紋と置き換えても構いません。 ボールAの動きにBの動きを残していきたいです。。 >>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さんのコードでランダムから座標を入れてみたのですが スタートA座標からB座標まで移動して止まってしまい。。。 配列もまだマスターできてないことが改めてわかりました。。。 教えていただいたことを理解して、座標を動くコードを作れたら今夜にまた書き込みます。 ほんとに感謝です。頑張ります。 >>446 確かに最初の頃は、大文字小文字や;忘れをよくしていました。 英語力もたどたどしいのでいきなりはわからないですが、 その行あたりにエラーがあって、これが間違いかも?って 想像できるようになりました。 プログラミングって色々あるのですね。。参考にさせていただきます。 仕事で時間が作ることができなくて、ここに来ていませんでした。。 続けていろいろ学習していますので、ご指導いただけたらありがたいです。。 お願いします。。 >>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動かすのにしか使わなくなったなー。 >>450 さんに教えていただいたサイトにupしてみました。ありがとうございます。 言語をJAVAにしてあげてみたのですが、ここにアドレスとかを貼れません。。 一行目に import java.awt.Point; //Pointクラスを名前だけで使える と書いているものが 今回upした内容です。。。これで見ていただけるでしょうか。。。 <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つめの座標で元に戻り、それ以外の時は1つずつ座標を追うことになるのですね。 この後、確認もしておきます。本当に感謝です。 続いてなのですが。。。すみません。。 ボールがヒューンと飛ぶイメージなのを、軌跡を残していきたいのと、 例えば、1つめの座標の時にボールが赤色で、2つめの座標で青色で、 その間はの軌跡は赤→青のグラデーションで設定したいです。 それから、各座標にボールが移動した瞬間に、以前にも書いた「しぶき」のような波紋の表現がしたいです。。。 いっぱいあってすみません。。。。。。。 469で書いたようなたくさんの設定を、setupとdrawの中に全部書いてokでしょうか? タグで分けて作ったほうがいいかとも考えています。。。 それを全部ranするためにどうやって関係付けたらよいかもわからないのですが。。。 明日は仕事で、夜にまたおじゃまします。。よろしくお願いします。。。 >>466 さん 黒いところに5が出ました。 繰り返すたびに5の表記が増えていきました。 こんな小さいことも、すごくうれしいです。。。 もっとprocessingが知りたくなります。。 今夜はここまでで。。おやすみなさい。。 >>469 自分がやりたいことは自分でやろうよ 出来なきゃそれでも誰も困らないし これでもかって後押ししたのだから やりたこと 1)軌跡 2)色、グラデーション 3)しぶき、波紋 懸念材料 1)移動は今、1/2(ターゲットまでの距離)だが、加速度や重力などを考慮する移動に変える必要があるのか? (フレームレートとかを操作する命令があったはず。) 2)軌跡は、線なのか丸なのか?軌跡の消失はどのように表現するか? 3)座標と色を持つ、ボールClassを作るといいが、クラスの概念を理解できてるか? 4)しぶきとは?単に消失する波紋をつけるだけなのか? 5)最終的にこれは何?アート作品? まさにGWの宿題 このスレ人いるのに過疎だからなw >>472 さん 仰ること、ごもっともだと思います。皆さんのご好意に甘えてしまっています。。。 自分でやらないと身につかないですし、何よりも自分のためにやることですから、 お言葉、ありがたいと思います。。。 しかし、私の能力不足のせいですが、一人でするには限界でした。 ここにきて、processingやプログラムの上級者の方々を先生と思って、 ヒントだけでもいただけないかと、すがる思いです。。。 >>473 さん、要約していただいてありがとうございます。。 お手数をおかけしてすみません。。 私自身でも、やりたいことと不明な点を、まずは言葉でまとめてみます。。。 書いていただいた「?」にもお答えできるように、考えます。 自分の能力不足を痛感していますが、なんとかprocessingを身につけたいです。 がんばります。。。 try & error の繰り返しで成長するのだとわかってはいても errorの連続になると、折れてしまいます。。 まだまだ、学習が必要なのですね。。。 がんばります。 時間がかかってしまいましたが、考えてきたことを書き込みします。。 連続投稿になりまして申しわけありません。 よろしくお願いします。。。 このスレの最初の文章、いいですね。。私なりに実感しています。。。 「大自然描くのにサインコサインタンジェント」 「激しく遠回りで面倒なプログラミングアート制作について語ろう」 これまでの経緯の要点です。。 とある動きをprocessingで表現するため、その動きの座標を計測。 →その動きには、座標ごとに波のしぶき(波紋)を残像のように残したい →動きの軌跡を追うため、条件分岐(if文)を使うまでは考えたが試してもエラーか一方向の動きしかできず →この板に書き込み、多くのことを教えていただく(現在) 表現したいことです。。 1)軌跡 2)しぶき(波紋) 3)軌跡は動き続け、辿り着いた座標ごとに波紋を発生させる 4)軌跡の動きはボールで座標点にある時は黒、座標点間の真ん中が白、その間をグラデーションにする 5)波紋は、ゆっくりした速さで作り、枠から出るまでの一回で繰り返さない 6)最後は波紋が残像のように残る 懸念材料について[1/2] 1)今回は加速度や重力は無視することにしています。 今は理系に囲まれた仕事(非IT)をしていますが、私は文系で、高校の物理1ではベクトルで「???」になった身です。。。 まずはシンプルな動きでコードを完成できるのが目標で、加速度や重力を用いたコードは次のステップで挑戦したいと思っています。 framerate()、使ってみます。 2)軌跡は丸(ボール)でしようと思います。線(ライン)だとグラデーションがわかりにくいと思うので。。。 消失は、3つめの座標にきたら1つめの軌跡が消えるのでやってみたいです。(感覚的にそう思いました。ほのかに余韻を残したいです) 3)クラスの概念は。。ある振る舞い(メソッド)を持つ動きの元と理解しています。。 こんな感じということはわかっているつもりですが、クラスでコードを作れと言われると、今すぐ作れないレベルです。。 Aボールは(x,y)から(x1,x2)に進む赤いボール、Bボールは(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 別に流用しなくていいんじゃね そういう風に言われたならしらんけども そのコードを自分で考えて書けたならクラゲも出来るだろ 画像の保存場所を指定するにはどうすれば良いでしょうか。 save();とselectOutput();の組み合わせでは難しいでしょうか。 >>512 一階層上なら save("..\\filename"); みたいに相対パスで保存したい場所まで持ってけば? >>513 アドバイスありがとうございます。 相対パスを使うのは考えつきませんでした。 結局、 String savePath = selectOutput(); save(savePath); とする事ですんなり出来ました。ただ、savePathの中に英字と数字、記号以外が含まれているとうまくいかないみたいです。そのせいで悩みました。 サーバー(レンタル)にアップロードしたアプレットで saveString()やsaveBytes()を使う方法教えて頂けないでしょうか。 エラー?で固まってしまいます。 dataフォルダではなく、index.htmlと同じ階層に置いたファイルを 絶対パスで指定してもダメでした。 パーミッションも777にしています。 追記ですが、loadString()はうまく機能しているので、 アドレスの指定は間違ってないと思います。 どうやらCGIやらPHPを介さないとファイルに書き込めないらしいことが分かったんですが、 何とも上手く行かないのでサンプルなどありましたら教えて頂けると助かります。 >>515 アプレットの実行環境はクライアント側にある という基本を思い出すんだ。 使ってると、もうJavaでいいじゃんって思いますが。。。 気に入ってるならそれでOK javaってなんか複雑な気がして。proce55ingのいい加減さが気に入ってます。 色々な模様を描いたり、様々な花火みたいなものとかのアルゴリズム集みたいな本とかあったら教えてください。 The Nature of Code だろjk ttp://www.shiffman.net/teaching/nature/ これって時計みたいなデスクトップアプリを作るのには向いていますか? 全くというほど向いてないよね。 プロトタイプには向いてるかも。 そろそろ…IDEを使わずに単独で動く実行ファイルの生成機能が欲しいな。Android対応とかで忙しいかもしれないけどさ。 アプリケーションとして書き出す機能があるけどそれじゃだめなの? とりあえず聞いてみましたが、アプリには向いてないんですね。やはりC++とかですかね。ありがとう。 マウス位置の強制していってできます? mouseX = 3; みたいな. セキュリティなのかなんなのかreferenceみてもそれらしきのは無かったんですが。 それで出来なかったら、 マウスの位置に何かマウスっぽいオブジェクトを表示させて、 それをポインタ替わりに使う方向でコード組めばたぶん出来る。 ObjectX = mouseX; if(なんか条件){ ObjectX = 3; } みたいな感じ。 >>535 すいません、たしかにそうなんですが マウスカーソルがディスプレイ右端にあったとして さらに左へ行った場合にも検出したいんです。 FPSとかで、3D空間内の視点移動をするときに いくらでも片側へ回れる(左へひたすらみたいな)じゃないですか。 普通は毎フレームマウス座標をスクリーン中心へ持ってきて そこからの移動距離を検出してるみたいなんですが、 署名つけるかローカルで動かすかなら、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を使って作ったものはどうなるんでしょうか? 自分で決めたライセンスになる。 他者のソースやライブラリを含む場合は、そちらのライセンスによっては、制限がかかる。 もういやもうやだ。友達と一緒にプログラム作るって話になったけど分からなすぎて泣きたい。 自分初心者だし、調べてもわからないしもうどうしたらいいかわかんない。 >>544 なにがどうわからないかをまとめる作業にもどれ なにがわからんのかがわからん 「初心者だし」と「調べてもわからないし」の間にも関連性が認められない やりなおし >>544 逆に、今何が分かってるかをまとめてみたらどうだ? 質問です。 もう2年も前のレスですが、>>346 さんのコードを応用したいと思っています。 試しに使ったのですが、あのままだと2つの動画が同時に流れてしまいます。 1を押したら1.movが流れ、2を押したら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(); } 大体わかっちゃう人は自分で調べつつ進むけど 何が分からないかも分からなかったり 調べ方が分からない人はドン詰まったり このスレ見てるとよく感じる 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は内部クラスだとおもわれ 基本的な事だが、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知った。これいいね。 でも、俺には、いろいろ管理できなさそう。 oFスレ作ろうかと思ったがここの過疎っぷりを見ると需要なさそうだな… >>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 別に馬鹿ではないだろww 多少調べれば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 規模で言えば日本<海外なのは分かるが それで日本は閉鎖的と勘違いしてないか? 閉鎖的云々の流れってどこにでもあるよね お堅いやつしか使っちゃいけないなんてプライド()でもあるの? >>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モードでの投稿を推奨してるとからしいけど関係あるのでしょうか >>625 どっちも同じだろww >>624 エスパーを待つか基本的なところを見なおして下しあ Firefoxでやったら見れた 最強伝説Operaとはなんだったのか built with~終わったんだが書いてあることしかできない…プログラミングの勉強てどうすんだ 自分でお題を見つける どっかにあるあれを実現してみよう、でもいいし 別の言語やってるならそのコード移植してもいいし。 >>627 >>628 にもあるけど何か作りたいものがあった方がいい プログラミングは手段だと思って 言語とやりたい事ぐぐれば大概先人がいるはず やりたいネタはいくつかあるんだ。でもまだそのレベルに達していないと思う。本気で教科書に書いてあることしかできず応用のきかないゆとりだわ とりあえず落ちてる作品をソース見ずに模倣することからやってみる 入門書ばかりらしくてステップアップ用の本がないのはつらいな processingは洋書で分厚い教科書が3冊くらい出ててけっこう応用的なのも書かれてるからそれ読むといい 最近忙しすぎて触れてない…とりあえずGenerative designって洋書の作品集は自分へのプレゼントに買う 今度新しく出る本は入門書ぽくないな。ジェネラティブアートって翻訳 何かいろいろ動きはあるみたいだけど、このスレの住人はどの程度これらを見ていて、 どのようなスタンスを取る感じなんだろうか ttp://p5info.com/ ttp://atnd.org/events/33755 openFrameworks,cinderなんかもここのスレでいいのか? >>634 なんかやってんなー位か? 自分も最近忙しくて(ry >>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以外のやつ使ってる人いますか? こういうのを3Dで作りたいんですが、背景の山との距離を保ったまま、地面だけが近づいてきて、 さらに主人公は手前にずっといる、っていう表現を実現するのにどうするのが一番簡単ですか? 地面だけが近づいてくるってアイディアが思い浮かばなくて https://www.youtube.com/watch?v=_OtBk1cbsp4 上記動画自体は擬似の3Dだと思いますが 単にカメラ位置からの相対位置が一定になるように プレイヤーの移動量と同じだけ背景も移動させてだけでいいんじゃ なるほど、なんですけどうーん、 今は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なんてあるのか。ごめんスペックの問題かどうかわからん。 おおう…。 ちなみに会社のMACで試してみたんですが、こっちはそこまでひどくなかったです。 完璧とは言わないまでも弱冠モタつきながら動いてる感じ。 powermac G5 POWERMAC11,2 デュアル2.3Ghz DDR2 SDRAM1GB x 4 Geforce6600 256MB やっぱハードの問題っぽいですねえ、てかビデオテクスチャ自体が元々かなり負荷食うんでしょうね。 Processing2.0以降だと標準でシェーダーついてるからこっちで書き直すと劇的に早くなったりとか? 板にテクスチャ貼ったやつをX軸10枚 X Y軸10枚タイル状に並べて壁をつくったんですが、 継ぎ目に黒い線が入ってタイルの寄せ集めだということがバレてしまいます。 なんか良い方法ないでしょうか 透過したpng画像の奥にstrokeをつけたbeginShapeの物体を置くと、 stroke(線)が消えてしまうんですが、何が問題でしょうか。 ちなみに1.5.1では問題なく、2.0b8だと問題が起きます。 色々検索してみてsetupにhint(ENABLE_DEPTH_SORT);を書いてみたりしたんですが、 だめでした。 何か心当たりなどある方いましたらアドバイスおねがいします。 >>657 もしP3Dで描画してるならOPENGLにすれば改善されるケースがあったかも processingはコーディング画面のスクロール感度良すぎるのがムカつくな 選択しようとしたらあっというまに一番下までスクロールしちゃうし >>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のウィンドウ幅の方が大きくて 配列のインデックスはみでてる? dataフォルダの中にあるサブフォルダに入れてる画像のファイルリストを取得したくて、 フォルダパスを取ろうとしたんですが、 File directory1 = new File(System.getProperty("user.dir")); だとProcessing.exeがあるフォルダパスが返ってきます。 dataフォルダのパスって絶対パスを直書きする以外でどうやって取得すればいいんでしょうか? ちなみにwindowsです >>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 ディレクトリが存在してもディレクトリ以下が無い時もある 1分くらいの動画を再生しようと思ったんだけど、 640x420サイズでも重くてカクカクになっちゃうんで、 動画を連番で書き出してそれをテクスチャとして読み込ませてみた。 結果1分29fps1500枚ほどがPimage配列に読み込めず。 MAXのJitterだと余裕で読み込めるんだけど、 そうすると今度はProcessingでせっせと作ってたエフェクトとかが使えないし悩んでます。 最終アウトプットはプロジェクターでの投影なのでMAXとProcessingをシームレスに行き来する、 とか現実味ないですよね。 Processingでの動画の扱いってみんな一度は壁にぶつかりそうですが、なんかアドバイスもらえたら嬉しいです >>690 元の動画はサイズによるけど連番書き出しでもIDEで使えるメモリ増やして試してみては 自作のエフェクトをリアルタイムで反映するならその効率にもよるし、 エフェクトかけたものを予め動画で書き出すのもありだと思う >>691 設定から1024MBまで増やしてみましたがだめでしたー 3D空間の中でインタラクティブにオブジェクトが動くようなの作ってるんで、 エフェクトかけたのを動画にしてMAXで取り込むとインタラクティブ性が失われてしまって… 現行のMacBook Pro使ってるんですが、 Processingをフルスクリーンにしてプロジェクターで映像を投影すると、 他の音楽アプリケーションやら何やらが全く見えませんよね。 バカな質問で申し訳ないのですが、みなさんライブ演奏とかする時は、 どうやって音楽ソフトをコントロールしながら映像をプロジェクターに投影してるんですか? 接続してる実機のMIDIコントローラーとかで操作するだけじゃなくて、PC上で他のアプリケーションも触りたいのですが… 知らん間にバージョン2出てるじゃん 今までのとどう変わった? プログラミング初心者ですが 自力でアナログ時計や電卓ぽいのを作ってみた。 慣れたらみんな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なの? >>704 processing初心者なんだけど、おれも知りたいです。 あと、その番組の最初に画面が映ってたんだけど、 変数みたいな文字列が四角に囲われてて、それぞれ線で結ばれてる ビジュアルツールみたいなのが使われてた。 あれは何なんだろう。 >>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: アンドロイドモードにすると 標準命令が使えたり使えなかったりらじばんだり。 >>715 そういう意味じゃなくて、 使えたり使えなかったするので汎用性という部分で困惑しているのです。 書籍に書いてあるコードでもエラーをはくし。 バージョン違いで多少仕様が変わるという解釈でよろしいか。 アンドロイドモードで classを使おうとするとコンパイルが通らない。 なぜだ〜〜〜 ttp://processing.org 落ちてるな android SDKをSDK managerで更新してみる、サンプル動かしてみて サンプルではどういう風にやってるかを見るだけでandroid関係はほぼなんとかならないか? なんでprocessing流行らないんだろうね Androidアプリ云々でもエクリプスより簡単だし、複雑なこと書かなくても動作してくれるあたり初心者にはおすすめできるのに >>720 > なんでprocessing流行らないんだろうね 検索しづらい名前だから。 Ver2.0になった機会に、正式名称も proce55ing に変えちゃえば良かったのに。 アルファチャネル付きの 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 をありったけ同じフォルダに突っ込んでみたらどうだ。 ようやくまともなp5本が翻訳されたね。最近はOFにおされて教える学校も減ってるのかな。 http://www.borndigital.co.jp/book/5149.html Processing、グラフィックプログラミング初めてのときはハマったけど、 3Dでもっと色々やりたいとなると、OpenGL自分で書いた方がいいってことになる。 2DはProcessingで十分 今からクリエイティブなグラフィックプログラミング始めるならOFとP5どっちからがいい? >>735 今からならRSがオススメかな OFとP5の美味しい所どりしてるから調べてみて RSってなんだよw OFやP5はメジャーだからすぐ分かるけど OFってOpenFlowだっけ、と思って ググったら全然違ってた 違うな、creative codingとは全く関係ない openframeworksはじめたけど日本語サイトのフォーラム 機能してないよね あそこのログ見れないのかな 今から勉強したい人はどうしたらいいですか? openframeworks の Beyond Interaction って本の改定前のが pdf で配布されてますが 今から勉強するとして今のバージョンでも 大丈夫ですかね? サンプルコードはver 0073 までのが Githubにてあるのですが Processing:ビジュアルデザイナーとアーティストのためのプログラミング入門(仮) https://www.amazon.co.jp/dp/4861009502/ref=cm_sw_r_awd_M6Yuvb1D945ZR これ700P近いProcessingの大作ぽいね 値段も7000円超とお高いからまずは図書館に希望図書申請して軽く読んでみるかな これの和訳だよな? http://www.amazon.co.jp/dp/026202828X/ かなり初心者向けな気がする、ってか公式サイトのチュートリアルやコード例でいい気がする いつも思うんだけど和訳本は原著に合わせて値段決めるのやめてほしいw 最近ドローン流行ってんのに、誰もprocessingで動かしたりしてないの? 最近始めたんだけど、参考書に載ってる説明やverが古いのか、サンプルプログラムすらちゃんと動かねえ クリエイティブ・コーディングのカルチャーを伝えるインタラクティブ・ドキュメンタリー「CLOUDS」がリリース http://www.cbc-net.com/log/?p=8692 クリエイティビティ刺激MAX(´・ω・`) >>752 いいねぇこれ でもクリエイティブコーダーでは飯食えないのが悲しいところ 今時、こういうグラフィックを生かした仕事って、ヒカリエのゲートにある みたいな特殊なデジタルサイネージぐらいしかないのですか? 昔は、イベントサイトでよく見た気がするけど。 >>733 3DCGソフトでゴリゴリモデリングしてP5で華麗にアニメーション size(500, 300); smooth(); background(255); strokeWeight(5); colorMode(HSB, 100); // for( a; b; c ) // // a: 初期化処理を書く部分。"最初に一回だけ"実行。 // // b: ループを継続するか検査する条件を書く。何度も実行される。 // {}内(ループ) "開始時"に検査し、条件に合わない場合、ループ終了。 // // c: {}内(ループ) が"一回終わる毎"に実行。 // // 解説終 int totalLineCount = 46; // 線の分割数 int singleLineLength = 10; // 分割線一本の長さ for( int i = 1; i <= totalLineCount; i++ ) { stroke(random(100),50,100); int y = height/2; int startX = (i-1) * singleLineLength; int endX = (i+0) * singleLineLength; line(startX, y, endX, y); } http://sketchpad.cc/ApV4sMqJsJ size(500, 300); smooth(); background(255); strokeWeight(5); colorMode(HSB, 100); int y = height/2; int step = 10; //x値(始点終点)を10ずつ更新 for (int i = step; i <= width - 20; i += step){ int startx = i; int endx = i + step; stroke(random(100), 50, 100); line(startx, y, endx, y); } http://sketchpad.cc/IJc4UzBFr2 以前書籍で分からないサンプルがあったので某スレでアドバイス貰って書いて頂いたコード>>757 を、自分なりに分かりやすく解釈したものが>>758 っす(´・ω・`) まあ本はジェネラティブアートのP103のサンプルで、今でもイマイチ分からないけどアドバイスのお陰で自分で本のサンプルと同じ出力ができるようになったので良しと(´・ω・`) >>747 こういう分厚いのはマジ電子書籍で欲しいわ Kindle版かPDF版どちらでもいいからさ 基本的にCGとかプログラミングとか他にも読書と並行してPC使うのが前提のものは電子書籍の方が捗る 同じBNN社のジェネラティブアートとか紙の本買ったらPDF版のダウロードコード付いてきて凄く重宝したよ これも同じBNN社だしPDF版のダウロードコード付けてくれないかなあ >>747 これいつの間にか限定たったの2000部になってんだけど買えるの?不安になってきた つか何でこのリファレンス的な和訳本を限定にしたのか謎 2000も売れないのを見越して限定を付けるんだよ そうすれば2000売れるかもしれないだろ いまクリエイティブコーディング流行ってるぽいから不安だわ どうしても欲しいのなら予約すればいいだけじゃないのか 勿論してる でもたった2000部とかさ、予約数がそれ超えてたら意味ないやん(´;ω;`)ブワッ どうしても欲しいとメールで送ってみれば取っといてくれるよ ジェネラティブアート本でプログラミング初体験なんだけどやっとこさChapter5次元を加えるまで終わった 8月からやってるからもう一ヶ月になろうとしてるけど本を終わらすことできんかったわ >>747 の発売日までになんとか終わらせてその本に移行してそれも終わらせたらNature of Codeにいって年内までに3冊完了させたいけど難しいな 数学とか、特に三角関数とか完全に忘れてたから理解するのに時間かかったしね 9月からは並行して数学も少しずつ勉強するつもり、つかしないと中身を理解しづらいねプログラミングって プログラミングど素人にしては早い方なんちゃうか? GeArtはズブの素人には敷居が高いからな >>770 いや、スゴくよく頑張ってるよ。年内までに3冊終わらせられたら 結構いろんなことができるようになってるだろうよ。 しかも、数学をキチンとやり直そうとしているのがエラい。それが できると本当に強いから。 わたしゃ「アートのための数学」とかで復習したけど、いまならもっと 良い本とかサイトがあるんじゃね。 ガンバレ! クリエイティブコーディングだなんだと言ってはいるがアナログの圧倒的な芸術美を目の当たりにすると霞んで見えて恥ずかしくなってくる はぁ、昔から連綿と続いてきた本物に、いつの日かデジタルな芸術は追いつくのだろうか 便器が芸術になった時から追いつくだのいうもんじゃなくなったろう、 アナログがいいと思うならそっちやればいいやん デジタルなメディアアート系って基本芸術の才能が無くてもいいから敷居が低いんだよな クリエイティブコーディングはその最たる例でね チームラボがやってることも芸術センスゼロでも技術があればやれる でも映画やゲームなどは別だよ Processing2.2.1で動画再生するプログラムを書きたいのですが、 動画の音は流れるのに動画が表示されてくれません。 色んなサイトを見てテストコードを真似て作っているのですが、 なかなか正常動作せず、似たような症状の人も見当たりません。 映像は表示されず、音だけが流れます。 何かプログラムに問題あるのでしょうか・・・ import processing.video.*; Movie mov_open; void setup() { size(800, 600); frameRate(21); mov_open = new Movie(this, "test_1.mov"); mov_open.frameRate(21); mov_open.play(); } void draw() { image(mov_open, 0, 0, 16, 10); g.removeCache(mov_open); } void movieEvent(Movie m) { m.read(); } h264だと再生できるようです。 そんなコーデック限定されるはずないと思うんですが・・・ 本格的にCG習い始めたらクリエイティブコーティングが馬鹿らしくなってきたw いやまあ描いたものをスクリプトで制御するのは分かるし拡張されるからいいんだけど、、、 コーティングだけでグラフィック描くとか無駄というか効率悪過ぎるなあと思った 主に3DCGがメインでやっていこうと思ってるから今後は3DCGで制作したものをProcessingなりで制御しようかなと思ったり しかしそれなら3DCGツールのデファクトであるスクリプトにPythonがあるし、UnityやUEなどアニメーションソフトやゲームエンジンも充実してるしで、、、 うーん、こんな俺はProcessingをどう使っていけばいいのだろうか? 折角Processing勉強してきたし、そもそもシンプルで好きな言語だからここで止めるのはなんか勿体無い 無理に使う必要はない。 きっかけになった思い出の言語で十分。 >>747 これアマゾンでキャンセルしたわ やっぱ600P超える分厚い技術書は紙ではキツイ、しかもPCにプログラム打ち込みながらの勉強になるから尚更 もし今後Kindle対応の電子版出るか、ジェネラティブアートみたいに紙版買ったらPDFダウンロードコード付属とかなら買うわ >>781 無職で金が尽きて買えなかった貧乏人は黙ってろ いや正解 PC画面と本いったりきたり視線移動と手間はもはや苦痛以外のなにものでもないし、学習効率も糞低くなるからな 俺も欲しかったけど紙の書籍は買わないことにしてる Processing本、Kindle版は準備中です。 https://twitter.com/mujun/status/646351256928186370 うおおおおおおおおおおおおおおおおおおおお、きたきたきたキタ━━━━(゚∀゚)━━━━!! Processingバイブル本で基本文法覚えた後、サンプル集みたいなのやるのがいいかなと思ってるんですが オススメの書籍などあれば教えてもらえませんか。 公式サイトのチュートリアルを上から順にやっていけばできるようになってるよ。そのあとは、公式サイトにのっているサンプル作品を眺めながら、気になったスケッチのコードを調べていくといいよー Macbookに接続したUSBマイクから音を拾いたいんだが minimでgetLineinで拾おうとしたら内蔵マイクから音を拾っちゃうんだな システム環境設定でUSBマイクを入力設定にしていて 他のソフトではちゃんとできるんだがprocessingの場合はその設定を打ち消して デフォルトの内蔵マイクから音を拾ってしまうようだ これどうにかならないんかね >>787 ありがとうございます。公式サイトのチュートリアルやってみようと思います。Learning Processingを買ってみようかと思ってました。 >>788 an AudioInput that reads from the active audio input of the soundcard と書いてあるように基本的にminimはサウンドカードからの読み取りになるから USBから音声を拾うことはできない Processing本でどろーんうごかせるまでいけますかね 知らないけど Processingでドローン動かして、ドローンからインク垂らして描かせたらジェネラティブだなと思った Arduino IDEと間違ってるのかな?確かに元は同じものだろうけど まあぶっちゃけプログラマとデザイナーが協業した方が遥かに良いものが出来上がるけどなw 生産性と効率の観点からも段違いだしw だから俺はクリエイティブコーディングなんて遊びは止めて、より専門性を磨くことに集中することにしたよ サッカーブッシュ日本代表日程ぷあたん(しゅっちょうまいくろ教育長交代)春文執行40代売上差額シュガーチョコ https://www.youtube.com/watch?v=NDq1QoJY0nY 宇ドナルドアナリストパワーストーンコーチングとしまえん サッカーブッシュ日本代表日程古本屋よしたけしゅっちょうちょこしゅがー ディーラー税務署天才開発者死亡詰みヨミドクターマイクロサービス不足 サッカーブッシュ日本代表日程ぷあたんシフト光金さかい強制バイト人権侵害問題 春分資源執行ニューヨーク低原価ぼったステーキソルトレイク福岡横浜新橋奴隷課金パチシフト強制バイト問題新潟米センター生残 コスメ24チャリティー隠れ40代生活保護プレイボーイバイトレードいたりあん接待問題 マスコミKARDローンケーオーサービス不足婚活パーティー寄付金執行原発ビジネス FBIチャイニーズタイホテル売上事務所ガチャ決算ガチャキャンペーン(販売報道陣過激派組織向携帯最新情報提供終了 校長発言細心注意ノートン産廃エラー(著作権クレーム中国反応融資高額教育費)(中国捕鯨団体40代社員サッカーコメント 高額入学金ヤフウ新橋大学ヤフウ新橋理事長FX経費 おじや50代資産ガリバズフィード40代エリート >>798 これ読んだ人いる? つか高杉だから二の足踏むね、内容が伴ってればいいけど >>809 ウチの県立図書館にはジェネラティブ・アート、Nature of Code、Processing、その他にもメディアアート系の本は結構入れてもらってるからこれも購入希望出しとくわ お前らProcessing弄ってる時のエディタは何使ってる? 最近Atom入れてAtomから直接ビルド出来るようにしてて昨日までは出来てたんだけど、今日何故が出来なくなったわorz やっぱこれ面白いね Python入門3でPython勉強してたんどけど速攻挫折しかけたから、またProcessingに戻ってみた すぐ視覚的に見る事が出来るのは初心者には大きい、モチベやヤル気が俄然違う processing-3.0.2です >>812 氏の件とも関連するかもわかりませんが、コマンドライン版に関して質問です processing-java --run --sketch=test --output=test/output のコマンドを実行しても No sketch path specified と怒られます processing-javaがあるフォルダ直下にtestフォルダ作成して中にtest.pdeだけを入れた状態で、 先のコマンドを実行してます。コマンドライン版って動いてますか? --runを最後に持ってきて processing-java --sketch=test --output=test/output --run としたら動きました。 The --build, --run, --present, or --export must be the final parameter って書いてあった。最後に付けろってことだよなこれ。 とりま図書館に要望出した 目を通して価格に見合った価値を感じたら買う "人工知能が描いた「レンブラントの新作」" http://wired.jp/2016/04/14/new-rembrandt-painting/ やっべえなwww芸術領域まで侵されつつあるwwwww もう数学を操るエンジニアリングな才能こそが至高かもしれんなぁ 【Swiftでクリエイティブコーディング!C4とは】 http://hackist.jp/?p=7345 うぉっ、こんなのがあったとは知らなんだ Swift学習にもなるし手元のiOS端末を活用できるのは大きいな c4面白そうだけど試しにインスコしたけどビルドエラー出る 環境はマーベリックに6sプラスのiOS9.3 ↑El CapitanにしてXcodeを最新にしたらビルド出来た さて、Processingの勉強終えたらSwiftも弄ってみよう C4の情報が少なすぎる Swift2もオープンソース化したんだからクリエイティブコーディングとしてもっと注目されても良さそうなのに 過疎りすぎだな メディアートは日本では馴染みないのかねえ Pythonでのクリエイティブコーディングも加速してる まあエコシステムが強力で先進的ビジュアライゼーションも得意としてたからなあ 流石オッパイソンといったところか 横からすまんが狭いも何もないんじゃね? ラズパイでProcessingが動きますよーって紹介してるだけで、IoTとクリエイティブコーディングの融合も糞もない せめてクリエイティブなアウトプットでもしてれば別だがそれすら無いしね クリエイティブコーディングってのはProcessingに限らず極端に言えば全ての言語で可能なわけで、いかにクリエイティブなことをコーディングで可能にしてるか、だからさ うん、だからそれが出来る環境が広がった、LED制御してるだけでも十分クリエイティブじゃね? って話 リンク先のLチカってただのHello Worldなんだけど... もう何でもクリエイティブ元い【クリエイティブ・コーディング】にする勢いだな(笑) だからどの程度まで行けばクリエイティブなアウトプットって言えるの?って話 だから過疎ってるんじゃね?ここw アルスエレクトロニカFutureLabが、ドローン100個のパフォーマンスで世界記録を樹立 http://www.cbc-net.com/posts/2016/02/23/futurelab_drone100/ 踊る 100 機のドローン、ギネス世界記録を達成 - Intel iQ Japan >地上管制ソフトウェアを独自に開発したと語るフューチャーラボのアンドレアス・ヤルソベク氏は、ドローン 100 の企画と演出を指揮した人物です。 https://iq.intel.co.jp/100-dancing-drones-set-world-record/ このソフト何だろうと思ってたら独自開発ですかいww恐れ入ったわw メディアアートの最高峰、アルスエレクトロニカにはクリエイティブコーダーとして一度は行ってみたいもんだ つかこういうドローンもやっぱり自家製なんかな? ドローン制御でクリエイティブが流行ってるしやってみたいが、個人でも手に入るオヌヌメのドローンってある? Jupyter Notebook熱いなProcessingも動かせたわwwwww 環境はMac El Capitan、Python3、Processing3と全て最新でイケた! ブラウザで全部いけるのは良いし、Jupyter Notebookのインタラクティブ性とProcessingマッチ具合はまさに妙 Atomも捨て難いが、、、ね Jupyter上でProcessingを動かす - Qiita http://qiita.com/yohki/items/30839aef747158da0321 ProcessingもPython並みの科学技術系のライブラリあれば更なる飛躍ができる まあそれならPythonでやれって話なんだろうが、科学と芸術、工学とアート、理系と文系の融合みたいな風潮だし oPがそんな感じなんかね使ったことないけど パフュームのFLASHのMVで三人の動きに合わせて白線?が追従するのってどうやってるんだろ? あれもライゾマが制作してるのかな?ならoPかな クリエイティブなC++ライブラリ "Cinder" の紹介 https://research.preferred.jp/2010/11/cinder-intro/ oPとcinderってどっちがいいんだろ?上でも紹介されてる↓の動画ってコーディングのみで実装してるってことなんだよね? Processingでも出来るのかな? https://vimeo.com/2120027 前から思ってるんだが oP じゃなくて oF じゃないのか "Cinderを使った「ダイナミック・コーディング」を紹介するハイレベルなワークショップをライゾマティクス・リサーチが開催" http://www.cbc-net.com/posts/2016/05/11/cinder/ ライブミュージックコーディングも海外では隆盛らしいね 日本では情報少ないけど 一度でいいからクラブでライブコーディングやってみたい でもあがり症だから手震えて無理だろうなあ 予め書いておいてコピペすればいいのだ! あとはそれらしくリズムに乗りながら体揺らしながら手をブラブラさせながら そして最後に実行ボタンをタン!と叩けばOK! >>851 クリエイティブコーディングで何かこういう人の作品見たり自分で制作してる時に、CGソフトで制作してアニメーションさせた方が時間とコストと効率/生産性共に良さそうな気がして、凄く虚しくなる時が多々ある >>852 アルゴリズムを考える過程、自分で作った表現こそがCreative Codingなんじゃないかと コンビニ弁当はお金出すだけで食えるが料理を楽しみたい人は食材選びから楽しみたいのだと ちなBlenderとかでもpythonとかでスクリプティングは楽しめるし、 Pro55ingでもライブラリを充実させとけばコストは下げられるし、CGソフトで作った素材を 使う事もできる いやいやいやwww CGソフト制作をコンビニ弁当と一緒にされてもwww つかCGも専門的な知識と技術の教育(美大、芸大)を受けた者が大多数なのにwww まあ極端な例を用いたが要するに創造に無駄というものはない、 もしあるのなら創造の行為そのものが無駄になりかねないと、 表現には多様性があっていいし、より深い部分、より自由な部分に触れていれば 新しいものが生まれてくる可能性も高くなるわけで でもそれは個々人のアイデアや技術に大きく左右される、と まあ人によってどっちが楽しいと感じるかだね しっかしこのスレももうすぐ9年経とうとしてるのか 未だに1スレも消化できないところを見るとやっぱりまだまだこの分野はマイノリティなんだなと思う バイオアートという本を読み始めてるが序文から脳汁が吹き出してくる 久々の当たりかもしれない プログラミング初心者です.processingをつかっているのですが,なぜか動画が表示されません..音だけきこえる状態です.ウィンドウは表示されています. import processing.video.*; Movie movie; void setup(){ size(640, 360); movie = new Movie(this, 動画データの名前); movie.loop(); } void draw(){ image(movie,0,0); } 上のような単純なスクリプトなのですが... どなたかわかる方いらっしゃいますか?よろしくお願いします. その機器に、その動画のコーデックが入っていないのかも。 OS・コーデックは何? 様々なコーデックで試してみれば? mp4 なら、一般的 >>860 どうもありがとうございます!OSはmacです。動画はMOVだったものを、mp4に変換してみたのですが、やっぱりコンパイルすると音だけでした。。 QuickTimeで再生は普通にできるのですが。 以下のサイトを見てみ。 サイトのURLは、このスレに書き込めない。禁止されている 「Processingで動画を再生したりなんやかんやする」で検索! こうじゃないの? >image(movie,0,0); image(movie,0,0,640,360); スレに書き込む際、名前欄に859と入れて >>862 どうもありがとうございます。 ご指摘どおりに直してみましたが、やっぱり音だけの再生でした。。 また、教えていただいたサイトを僕も参考にやっているのですが。。 ああ〜〜なんでだ〜〜こんな初歩的なところで。。。 そのサイトのやり方では動かないなら、 違うサイトを見て、コピペして、やってみれば? 色々なサイト、特に、公式サイトのサンプルを見た方がいい >>864 どうもありがとうございます。 引き続き頑張ってみます。。 こんなの、サンプル見るか、ライブラリーのリファレンス見れば一発なのにね 3年ぶりくらいに見に来たけど時間止まってるんじゃないかってくらいゆっくりだね だからどうってこともないが Pythonって凄いよね これだけ算術系ライブラリ揃ってたらPrcessingより簡単にクリエイティブコーディングできる てかproce55ingにpythonモードあるな 正確にはjavaからの呼び出しだからjythonなんだろうけど 最近Processingはじめたけど楽しくていいね 僕の知り合いの知り合いができたパソコン一台でお金持ちになれるやり方 役に立つかもしれません グーグルで検索するといいかも『ネットで稼ぐ方法 モニアレフヌノ』 N9LK7 プロセッシングで作ったアートってどうすればいいの? 自分で眺めて終わり? youtubeに公開とか?音楽なんかも覚えて作れるようになったら楽しそう。 Unityと連携させてVRコンテンツにするとかもアリかも。 processing3で映像を再生したいのですが ミニマムコードで試してみても再生されません // import liberary import processing.video.*; Movie movie; void setup(){ size(480, 280); // Movie movie = new Movie(this, "storm.mp4"); movie.play(); } void draw(){ image(movie, 0, 0, width, 270); } void movieEvent(Movie m) { m.read(); } コンソールにエラーも表示されません。 storm.mp4はdataフォルダに入れてるのですが そもそも存在しないファイル名にしてもエラーすらでません。 何がコードが間違ってるのでしょうか? すみません返信おくれました プロセッシングを再起動させたら無事動作しました ソースの問題というよりソフト側の問題?だったようです Ver.4出たけど 相変わらず盛り上がっていないな 最近Processingに興味を持ちました が、ここはすごい過疎ですね 2008から2010年くらいがピークだったんでしょうか そのころ書籍もかなり出ていたようですし 現在の活動の中心はp5.jsですか? Javaの入り口として需要はあるし Swing亡き今、ControlP5があるので GUIには最適だと思うんだけどねえ ControlP5、使ってみました シンプルなpythonのTkinterと比べても使い方が簡易で一通りのことができ素晴らしいと思います グラフィック能力と合わせ見栄えのする結果が最短で得られる プログラミング教育に最適ではないかと考えています scratchはどうも次の環境への移行に苦労しそうに思えるので 唯一Javaが一般的ではなくなりつつある…?ことが懸念 で、p5.jsにもGUIライブラリはあるのでしょうか >>891 jsのGUIはhtmlでしょ? jQueryかcanvas座標リスナーじゃないの? ボタン画像のクリックてめんどくさー p5.jsってthree.jsがバックだから3DのGUIならレイキャストが使えるかも? >892 ControlP5みたいな簡易なのがあるといいんですけど JSのことは殆ど知らないんですが ネイティブのGUIライブラリはめんどくさそうな気がして Processing.pyでtkinterを併用するのも躊躇しているくらい >894 ありがとうございました dat.GUIでググって見るとGUIとして自分のやりたいようなことは十分にできそうです あとはjsに移行する負担も含め、大変さが見ただけではわからないので少しやってみることにします read.cgi ver 07.5.0 2024/04/24 Walang Kapalit ★ | Donguri System Team 5ちゃんねる