Macintosh Classic lll/AV

Wrj4P5 project site 公開

Processingのライブラリーを公開する場合には、本家にあるガイドラインを参照するように要請される。

その要請の一つに、プロジェクト公開サイトのトップページのデザインガイドだ。

HTMLのテンプレートとCSSがセットになっているので、準拠は簡単。

だけど、やっぱり

デザインアートのためのプログラミング環境

だけあって、自分じゃあこんなすっきりしたデザインは無理。

とりあえず公開した。（英語表記のおかしな箇所を教えてもらえるとありがたいところ。

Webのデザインって、奥が深いですよね。
やればやるほどやることが出てきて。

日々コレ精進ですね。

三次元IRポインター（中間成果）

real 3D Pointer(intermediate) 三次元IRポインター（中間成果）

real 3D Pointer(intermediate) 三次元IRポインター（中間成果）を、　ガラクタ置き場に置いた。

一年以上前の記事：元塾講師、有志、あるいは私自身への宿題で定式化した問題の一部をProce55ingで実装したもの。

本当は昨年末にスクリプトは出来ていたんだけど、Wrj4P5の不安定さも相まって、うまく動かなくてほっといていた。
GWに入って時間が取れたので本格的にデバッグをやったら、公開済みのP5ライブラリーの潜在バグがゾロゾロ。

昨日SourceForge.jpで、wrj4P5、Loc、l4p5の全パッケージのバグ吸収版をリリースしたので、晴れて本日スケッチを公開。

二本のリモコンに写った手元の赤外線ペンライトの像の平面位置から、三次元の位置を推定している。

【操作風景】

【スクリーンショット】

中間成果 の訳は、【二本のリモコンが水平面上に平行しておかれている】という仮定。
このあと、３点の参照ポイントから二本のリモコンの空間姿勢の推定にとりかかる予定。

【番外編】

動画面キャプチャーソフトJingのフリー版でとったスクリーンショットはswfの拡張子が付くけどyoutubeにはアップ出来ない。（数時間サーベイ＆トライしたけどあきらめ気味）
しょうがないのでフリー版についてくる公開サービスサイトscreencast.comの無料利用権（２Gまで）を利用して、この記事の公開にこぎつけた。GW中じゃあなければとっくにあきらめてたけど。・・・
必要な人がいれば、公開方法の解説記事を投稿してもいいけど、めんどいし、そもそもニーズもないかも。

---

Processing については、
・日本語サポートサイトからたどれるP5インフォメーション→言語が参考になる。
（解説してあるのは一昔前の版だから注意が必要だけど、loop()→draw()の読み替えだけで大抵OK）
・山本徹(thoru)さんがFunProce55ingで解説してくれている。（【簡潔】で【わかり易く】、【楽しい】解説）
例題集は習作集と区別するためにこちらに置いている。
・P5のスケッチからアプレットを作り、【ジオシティーズ】にアップする手順をまとめたので、参考に。
WiiRemoteアクセスライブラリWrj4P5はここ

Let's play your sketch in nostalgic TV

---

Let's play your sketch in nostalgic TV）

Sketch in nostalgic TV レトロテレビでスケッチ

All you need in your sketch are

1. add a gloval variable for class TV.
   
2. create and setup the TV instance.
   
3. at bottom of the draw(), call toTV().
   

   TV tv;// 　1. これと
   void setup() 
   {
     size(400,300,P3D);
     tv = new TV().setup(this,"TV.jpg","TVmask.jpg");//　2. これと、
   }
   
   void draw() 
   {
    kami(0);
    saisho(200,300,-180);
    nibunki(300);
    tv.toTV();// 　3. これだけ
   }
   

The original sketch is my Bin Tree 3D

---

Processing については、
・日本語サポートサイトからたどれるP5インフォメーション→言語が参考になる。
（解説してあるのは一昔前の版だから注意が必要だけど、loop()→draw()の読み替えだけで大抵OK）
・山本徹(thoru)さんがFunProce55ingで解説してくれている。（【簡潔】で【わかり易く】、【楽しい】解説）
例題集は習作集と区別するためにこちらに置いている。
・P5のスケッチからアプレットを作り、【ジオシティーズ】にアップする手順をまとめたので、参考に。
WiiRemoteアクセスライブラリWrj4P5はここ

TV.jpgとTVmask.jpgはどのようにつくればよいのでしょうか？

.jarファイルを展開（.jarを.zipに直して解凍）してみてください。
その中に入っています。

オリジナルのTVフレーム画像をお持ちなら、適当な画像処理アプリを使って抜きたい部分のみをcolor(0)で塗り潰してマスクを作ればオケです。

Macは未経験なのでよくらからないのですが…。
写真、何だかフシギなカンジがするんですよね。
何だろう…立体的に見えるお盆みたいな（笑）

インプレッションフィードバック、多謝です。
ブログタイトルから良く勘違いされるんですが、このProcessingっていう開発環境はWin/Mac/Linux対応です。
遊んでみませんか？

お返事遅くなってすみません、出来ました、とりあえず持っている画像（小鳥の顔写真でも．．）を黒く塗りつぶしました。TVフレームの撮影はまだです！

額縁でもポストカードのオーナメントでもオケです。
小鳥の顔の中で動くスケッチもちょっと見たいかも。

ご無沙汰しておりました。
この作品とても素敵です。ポチ♪
作って見たいけどまだ・・・いつかきっと〜・・・。

お久、です。
久々（数年ぶり）のポチ、多謝です。
一発芸でほめられるのって、いいですね〜

凄く綺麗ですね☆素敵です！

SCP 色近傍プロセッサー（controlP5付き）

---

SCP 色近傍プロセッサー（controlP5付き）

SimilarColorProcessor #３ 色近傍プロセッサー（controlP5付き）を　ガラクタ置き場に置いた。

先回のスケッチが発展（改悪＝ぬるぽ）版だったので、機能的に完成させた。（ただ、レタッチ後の絵を保存するのはちょっと面倒なのでパス）

画像全体あるいはマウス位置の色に類似した色を持つ【近傍】領域を求めて、近傍境界の表示オンオフをしながら、その領域のみの色相を変化させられる。

キーボードからは
・T／tあるいは上／下キーで【近傍】を拡大／縮小できる。
・H／hキーで色相（Hue）の重みを大きく／小さくできる。
・S／sキーで彩度（Saturation）の重みを大きく／小さくできる。
・L／lキーで輝度（Luminance）あるいは明度（Blightness）の重みを大きく／小さくできる。
・M／mキーで色空間（HSL/HSB）を切り替えられる。
・B／bキーで全画像か近傍かを切り替えられる。。
・D／dキーで境界を描くか否かを切り替えられる。[new!]
・左／右キーでマウス位置の色に類似した領域の色合いを変化させられる。

このテーマは、これでとりあえずおしまい。

＊P５にもあるHSB空間あるいは、さらに輝度についてより感覚に合うHSL空間は、色に関する官能試験の結果に基づいて作られたもののうち、比較的扱い易い色空間。
＊ずいぶん昔のスケッチだけど、HSBを使ったものがこれ

＊写真は、keyさんに無理言って提供してもらったゆきチャンの写真。多謝

---

Processing については、
・日本語サポートサイトからたどれるP5インフォメーション→言語が参考になる。
（解説してあるのは一昔前の版だから注意が必要だけど、loop()→draw()の読み替えだけで大抵OK）
・山本徹(thoru)さんがFunProce55ingで解説してくれている。（【簡潔】で【わかり易く】、【楽しい】解説）
例題集は習作集と区別するためにこちらに置いている。
・P5のスケッチからアプレットを作り、【ジオシティーズ】にアップする手順をまとめたので、参考に。
WiiRemoteアクセスライブラリWrj4P5はここ

やった！輪郭が消せる！感覚的にボタンを押せるのが好きです。（主に上下と左右キーとDボタンで） 

最初輪郭が消せないのかな〜〜．．とよく記事に目を通すと、消せる事がわかったのです．．。

キーの割当は結構気を使っていることの一つです。お褒めの言葉、多謝

おかめちゃん可愛いですね☆
わしゃわしゃ出来て面白いです。
青系の色にするのが結構好き。

復活ですか？
思う存分、わしゃわしゃやっちゃってください。
手元に置けば、すきな写真で試せます。

おじゃまします〜。
参考にさせてもらいますね。
（＾−＾）

※オカメインコかわいいっすね〜。

ありがとうございます

Acceleration Expression with Proce55ing

Acceleration Expression with Proce55ing, wrj4P5 sample sketch #3

Wrj４P５サンプル第３弾、加速度の表現を　ガラクタ置き場に置いた。

ライブラリWrj4P5は、フィードバック機能（リモコンのコントロール）さえ使わなければ、結構安定している。（フィードバック無しなら、かなりいいベータレベルか？）

wrj4P5はアルファ版ながらsourceforgeで公開開始。
（興味を持ってくれた人で、質問のある方はあっちのフォーラムで日本語でお願いします）

しっかし、【役に立つ】ソフトなんて作るものじゃあないね。週末だけって言ったってここ４ヶ月ほとんど使ってまだアルファ版。

しばらく、ベータレベルのセンシング機能だけで遊んでみることにした。

Wiiリモコンの検出加速度（単位G）を、過去２００観測点にさかのぼってベクトルとして描画している。さらに、３軸の各成分をRGBに割当てて色を表現している。
(良くある三色の推移グラフよりProce55ingらしいでしょ、・・・って、自己満足）

ガラクタ置き場のアプレットと同じスクリプトだけど、

import lll.wrj4P5.*;
import lll.Loc.*;
Wrj4P5 wii;
LinkedList p = new LinkedList();

void setup() {
  size(300,300,P3D);
  wii=new Wrj4P5(this).connect();
} 

void draw() {
  if (wii.isConnecting()) return;
  background(0);
  translate(300/2,300/2,0);
  camera(150,150,50,0,0,0,1,0,-1);
  p.addFirst(wii.rimokon.senced.mul(120));
  if (p.size()>200) p.removeLast();
  for (int i=0;i<p.size();i++) {
    Loc pt=(Loc)p.get(i);
    translate(0,0,-0.5);
    stroke(168+pt.x/2,168+pt.y/2,168+pt.z/2,(200-i)*1.2);
    line(0,0,0,pt.x,pt.y,pt.z);
  }
}

---

Processing については、
・日本語サポートサイトからたどれるP5インフォメーション→言語が参考になる。
（解説してあるのは一昔前の版だから注意が必要だけど、loop()→draw()の読み替えだけで大抵OK）
・山本徹(thoru)さんがFunProce55ingで解説してくれている。（【簡潔】で【わかり易く】、【楽しい】解説）
例題集は習作集と区別するためにこちらに置いている。
・P5のスケッチからアプレットを作り、【ジオシティーズ】にアップする手順をまとめたので、参考に。

光の束がきれいですねー、見てて飽きません。これは、リモコンを振っている場面と、画面の変化をあわせてみせたいですね。このアプレットは立ち上げっぱなしで、楽しみます。

カメラ（視点）をリモコンの十字キーやA,Bボタンで動かせるようにしましょうか？

線の束を大きく見たいのですが、拡大が出来るのですか？拡大の操作ボタンを希望です。

lineは【太さ】を持たないので、いくら近寄っても太くはなりません。でも近くに寄ってみることはできます。

２DメソッドのstrokeWeight()が３Dでも有効ならできるかもしれません。

試しましたが、あまり変化がなかったようなー。

今まで実家パソコンが使えなかったのですが今日やっと見れました☆
Ｗiiリモコンで動かせるってことですよね！！
光の束、色合いも綺麗です☆

Keyさんのビデオキャストがずっと奇麗に撮れてます。
http://videocast.yahoo.co.jp/video/detail/?vid=288230376151832458

[re_**estnut]

久々にカタカナの多い文章を読みました。

お久、
カナより英数の方が多いけど

[re_**estnut]

任天堂とp5に一体どんな関係が！？

PSPでff7が遊べるらしいので僕はそれを手に入れようと思いますｗ

real 3D mouseが最終ターゲット
見てないだろうけど、インタラクティブアートクッキング
http://blogs.yahoo.co.jp/classiclll_jp/44391207.html
参照

非生産的なゲームに飽きたおじさんは、リモコン・ヌンチャク・クラコンしか持っていません。

ま、可処分所得および可処分時間が少ないおじさんであるのも確かだけど。

[re_**estnut]

凄い・・・。
近所のおばさんの勢いも凄いけど、これはもっと凄い！！
でもでも〜、
キーボードとかマウスとかで遊べるのも作ってくださいね（涙）

ゲーム機の値段＞Wiiリモコン＋AvatanaBluetooth.jarの値段、です。

[re_**estnut]

PSPはほどよい重量感で人間工学に基づいていると思います。
DSは軽すぎて、もう手から浮いてしまうかのような心理的不安感が募ります。
でも、Wii関連の商品はグッドだと思います。
コンビニのバイトでお金とやる気を貯めて仲間入りを試みます〜ｗ

あと、ドングル（300円〜2000円）も。
Linuxで、自分でビルドできるならAvatanaはタダで手に入れます。

[re_**estnut]

じぇんじぇんそんなことできましぇんｗｗｗ
あ〜なんか敷居が高そう・・・orz