perfume-dev のデータで遊んでみた。
…Perfumeのモーションデータ、Processingのサンプルコードいじって遊んでみた。マウスでカメラ視点変更できるように&微妙にカラフルに&丸を四角に変えてみたり。これ楽しいわー。 #prfm_global_site htn.to/DrZyX3
— OKADA ERIKOさん (@koeri) 4月 8, 2012
モーションデータもオープンソースになる時代なんだなーすごいなー。
Perfume自体にはあまり興味なかったのですけどこれは凄く面白い。
openFrameworks, Processing, Max, Flash のサンプルコードがオフィシャルに準備されています。
静止画で見るとしごくツマラナイですが、Processingのサンプルコードをいじってみた。
ココ に動くやつアップしておいた。(音が鳴るので注意)
Processing JS というWordPressプラグインを使うと、Web上でProcessingの実行結果を表示することができます。
プラグインをインストールするだけで、ブログ投稿画面にProcessingボタンが出てきて、Processingコードを埋め込むタグを挿入することができるようになります。あとは、その中にProcessingのコードを記述するだけ!簡単!
Read Moreアニメーションを1フレームずつpngで吐き出すことができます。
こういう外部に吐き出す処理とかはFlashよりProcessingが便利。
拡張子をjpgにするとjpgでもいけるみたい。
他の拡張子では試してませんがpngで十分かと思います。
Processing の実行結果はとっても簡単に動画で記録できます。
Flash のように Processing もexeでパブリッシュできるのですが
Processing で書出した exeファイルは、
javaが入っていない環境だと実行できないことが多いので、
いつもと違う環境で、Processingで作ったものを見せる機会がある場合は
動画に書きだしておくと確実に再生できるので、オススメです。
//MovieMakerライブラリをインポート&宣言
import processing.video.*;
MovieMaker mm;
void setup() {
size(640, 480);
frameRate(30);
//その他の初期設定ここに書く
}
void draw() {
//実行したい内容をここに書く
//draw実行のたびに1フレームずつ動画に追加
mm.addFrame();
}
//スペースキーで動画記録終了の例
void keyPressed() {
if (key == ' ') {
movie.finish();
exit();
}
}
Read More