■　デザインハック・ミーティングVol.2 「第2回おばかアプリ選手権」にて発表したアプリです。スクリーンセーバとしてこれまでのデスクトップ作業を巻き戻すムービーを流すことで「ぼーっとしていると時間が戻って作業が無になる」感覚を得られる（かもしれない）アプリです。

• 「第2回おばかアプリ選手権」　優勝しました！
  • http://collisions.doppac.cc/?p=245

これは

■MacOSXデスクトップスクリーンショットを定期的に記録するムービーを記録し、一定時間操作しない状態がつづくと保存されたデスクトップ画像を全画面ウインドウで逆転再生します。手を止めていると、そのままの画面でこれまでしてきた作業が元に戻っていくように見えるため、手を止めることへの焦燥感や、全てが無に帰すような無常観を得られるかもしれません。

デモムービーで動作をご覧ください。

“Time stall” Timemachine screensaver prototype app from dotimpact on Vimeo.

使ってみたい

BehindStone同様、バグ修正やアイコン登録などトリートメントが終わったら公開したいと思います。まだ実際にスクリーンセーバとして開発されてないですし。

■　デザインハック・ミーティングVol.2 「第2回おばかアプリ選手権」にて発表したアプリです。MacOSXデスクトップを「生きている」ように動かし、デスクトップに散らかったアイコンが片付く（ように見えなくもない）アプリです。

• 「第2回おばかアプリ選手権」　優勝しました！
  • http://collisions.doppac.cc/?p=245

これは

■　デスクトップアイコンが虫のようにデスクトップで動きまわり、ウインドウの下に隠れます。ウインドウを動かすと、その下に隠れていたアイコンがわらわらと動き始めます。

現状ではダミーのアイコン画像をフルスクリーンのデスクトップ画像上で動かしているのみのため、このアプリを起動したままデスクトップ操作を行うことはできません。ジョークアプリのたぐいとお考えください。

デモムービーで動作をご覧ください。

• 作成したムービーの問題(?)のため実際の速度のよりも早く表示されているみたいです。あとで修正しますー

“Behind Stone” Living desktop concept app from dotimpact on Vimeo.

使ってみたい

おばかアプリ選手権での発表後も何人かの方から「ぜひ使ってみたいので公開してください」というお話をいただいたんですけど、現状まだアプリとして公開できる状態にないので（はじめてのCocoaアプリだったのでメモリリークしまくりです）、バグ修正やアイコン登録などトリートメントが終わったら公開したいと思います。

それと本来はこの状態でOSとして使用できる状態にしたいと思っていたので、本物のデスクトップアイコンを動かせるものかなど、アプリの挙動が技術的に可能なのかを検証して、もし可能なら完全版としてまた公開したいですねー。

とりあえず以下を修正しました。

• レシピ詳細ページ
  • コツ・ポイントを表示するようにした
  • つくれぽの数を表示するようにした
  • 手順リストに番号を振り、不要な欄は表示しないようにした

■ちなみにこのブログ関連の情報をアナウンスしたり受け付けたりするtwitterアカウントを作ってみました。なんかありましたらお気軽にどうぞです（ご期待に添えるとも限りませんけども）。

• http://twitter.com/doppac_cc

あとgithubにてソース一式も公開しております。

• http://github.com/dotimpact/iCookpad/tree/master

ものすごい盛況でイベント自体もすごい面白かったですね。人のプログラミングの様子を見る45分ってどんな時間になるのかなーと若干不安に感じていたんですが、始まってみると思った以上に興味深くてあっという間だったです。プログラムなんてさっぱり、という感じの友人（女子）も何人か来ていたんですけども、そういう人から見ても噂には聞いていたプログラムなるものが実際に目の前でかなりのスピードで打ち込まれていくのは新鮮な体験だったみたいでした。あとASゴングのみなさま（とくに小坂さんのDirector使いっぷり＆饒舌っぷり！）も4nchor5 la6のトークもすごすぎでした。

いっぽう自分のデモはなんとも残念な感じで公開しきりでしたが…　ともかくこのイベントにむけて作ってみたものをこちらでも公開しておきます。YouTubeのストリーミング動画を物理シミュレーションで落下させて映像と音声をミックスするというコンセプトのコンテンツ「TubeObstruction」です。

• http://work.doppac.cc/as3/TubeObstruction/index.html
  • FireFox, Safariにて動作確認してます
  • ※FireFoxだと動かないこともあるみたいで、確認中です

TubeObstruction Demo from dotimpact on Vimeo.

これは

■Box2DFlashAS3の物理シミュレーションオブジェクトとしてYouTubeからダウンロードする動画を表示して、動画同士を衝突させて映像や音をミックスして遊ぶコンテンツです。動画のボールは壁や別のボールとの衝突による衝撃が起きた際だけ力の強さに応じて再生されます。

操作方法

• 入力フィールド（画面上段）
  • 検索ワードを入力してリターンすると、YouTubeでの検索結果から動画をダウンロードして、円形のオブジェクトとして落下します。
  • “＜検索ワード＞,3″のようにカンマ区切りで数字を指定すると、落ちる個数を指定できます
  • 検索ワードの代わりにYouTubeの動画パーマリンクを入力することで、特定の動画を指定できます
• スライダーパネル
  • 入力フィールドにマウスオーバーすることでスライダーパネルがスライドします
  • スライダーはマウスを載せてマウスホイール（スクロール操作）をすることで値の増減を操作します
  • TimeStep: 物理シミュレーションの時間単位を変えます。増やすことで時間単位が細かく（＝動きがスローに）なります
  • Gravity: 重力の値を変えます。増やすことで重力が強くなります
  • Density: オブジェクトの密度の値を変えます。増やすことで重量が増し、慣性が強くなるため衝突の衝撃が強くなります
  • Restitution: 衝突時の力の減衰を変えます。最大だと完全反射ですが減らすと衝突するたびに力が弱くなります
  • Friction: 摩擦力を変えます。増やすと衝突時に回転がつきやすいです
  • Impulse_Decay: 衝突時の動画再生の減衰を変えます。増やすと減衰が緩くなるので、再生される時間が長くなります
  • Play_Vibrate: 衝突時の動画再生を一定期間ごとに止めて擬似的なスローモーションをかけます。数値を小さくすると一時停止の間隔が速くなり、スローになります
  • Volume_Fade: 衝突時の動画再生のボリュームの減衰を変えます。減らすと速くフェードアウトします
• 動画ボールオブジェクト
  • 衝突時の衝撃の強さにより、動画が再生されます
  • ボールをドラッグして好きな場所に移動できます
  • マウスがボールの上にある時（ドラッグ中）にマウスホイール（スクロール操作）をすることでボールの大きさが変わります
  • ボールが大きいとボリュームが大きくなります
  • 動画の再生が進むと徐々にボールが大きくなり、再生が終了するとボールは消えます
  • ※動画ストリームの問題により、再生されないまま消滅する場合もあります
• ウインドウ
  • ウインドウのサイズを変えることで、オブジェクトが飛び回るフィールドを広げることができます
  • ウインドウを画面内でドラッグして移動させると、ドラッグ距離に応じてすべてのボールに力を与える（画面を揺らす）ことができます
  • フィールドは上部の見えないところで上端が切れているので、ボールを上に大きく飛ばすと戻ってこないことがあります。

ボールが増えれば増えるほど音像としては混沌になってしまうので、多少練習してデモではもうちょっとうまく「演奏」できるかなと思っていたんですが、前のデモの流れから説明中心のデモにしてしまったんでいまいちだったかなと。みなさまにも触ってみていただけるとうれしいです。

■http://realtimemachine.sakura.ne.jp/mashup/tokyoheightmap/

■Sun×RECRUITマッシュアップアワード応募作品です。

桃鉄ネタにつづく、GoogleMaps×ゲームインターフェイスのマッシュアップ（？）でもあります。

これはなにか

■Smatch物件検索APIで取得した物件情報を、価格を「高さ」で表しながらGoogleMapsにマッピングします。東京周辺の地価情報がグラフィカルに一望できます。

詳しくは解説ページを見てください。

つーか内部的にはたたみラボのサンプルをほとんどそのままなんですけど。あんま時間かけてなくてすいません。でも、あんまやられてないけどGoogleMapsのマーカーアイコンの切り替えをうまくすると、けっこういろんなことできるんじゃないかなーと思いまして。

GoogleMaps×スプライト

■あとGoogleMapsのマーカーをスプライト的に動かしたかったので（今回でいうと雲ですね）、APIv2でどうするか調べました。

v1のときはABAさんがやってたみたいにGMarker.point.x/yを触ってGMarker.redraw(true)、とかだったんですが、このへんががらっと変わってます。Gmarker.setpoint(latlng)というメソッド（非公開）がありました。実際のとこ、内部的には今までと変わらないみたい。ちゃんと表示順位をいじってくれるし、影も管理してくれるんで、けっこうスプライトとしてうれしいですよね。重いけど。

APIv2の非公開命令については、Unofficial API 2 Referencehttpがくわしいです。

■2年前にオープンキャンパスの子供向けワークショップで使うために作っていた「iOdorokiban」というソフトがあるんですが、また使いたいとのことで、ProcessingBETAで動くよう修正したので、公開しておきます。

久しぶりに遊んでみたけど、いまでもけっこう楽しい。

• iOdorokiban for ProcessingBeta
  • http://processing.dotimpac.to/?sample%2FProcessing%2FiOdorokiban
• iOdorokibanと映像ワークショップ
  • http://collisions.dotimpac.to/project/iOdorokiban.html

実行形式アーカイブ

■せっかく実行形式でのexportをProcessingがサポートしてるので、バイナリでも置いておきます。

• iOdorokibanアプリケーション（Windows/MacOSX/Linux)
  • http://processing.dotimpac.to/sketchbook/iOdorokiban/iOdorokiban_app.zip
  • 実行にはUSBカメラ（MacならDVカメラでも）が必要です。

Windowsでの使用方法

WinVDIG（USBカメラをQuickTime(forJava)で制御出来るようにするソフト）をインストールする必要があります。

• iOdorokibanをダウンロードして展開します。
• WinVDIG Release NotesからWinVDIG ver 1.0.1をダウンロードしてインストールしてください。
  • WinVDIGは1.0.5が最新ですが、不具合があり、前バージョンでないと正常に動作しません
• 展開フォルダの”application.windows”内にある”iOdorokiban.exe”を実行してください。
• ウインドウが出て、カメラの画像が動いていれば正常に動作しています。

MacOSXでの使用方法

Macでは特にソフトのインストールなしに、使用できると思います（が、未確認です。キャプチャデバイスの選択でこける可能性大なので、できなかったら教えてください）

• iOdorokibanをダウンロードして展開します。
• 展開フォルダの”application.windows”内にある”iOdorokiban.app”を実行してください。
• ウインドウが出て、カメラの画像が動いていれば正常に動作しています。

動かない場合の注意点

• QuickTime7.1 + WinVDIG1.0.1の環境でのみ動作確認してます。QuickTimeのバージョンなど確認してください。
• キャプチャデバイスの選択でさぼっています。デバイス名に”cam”/”CAM”が含まれるものを探すので、接続したデバイスによっては失敗します。その場合は、ソースにデバイス名直接描いて、Processingで実行するとうまくいくかもしれません。

あそびかた

ビデオ画像で驚き盤をつくります。

キーボード、マウスボタンで操作します。

• スペースキー：映像を撮影し、コマを進めます。
• バックスペースキー：前のコマを削除し、戻します。
• マウスボタン：押している間、驚き盤を回転させて動きを確認します
• pキー：画面をjpgで保存します。印刷すれば驚き盤になります。
• cキー：画面をクリアして、驚き盤を作り直します。
• !キー：デモモードです。自動的に撮影を繰り返して驚き盤風のアニメーションが表示されます。

■エイプリルフールエントリはなんかもっともらしいこと書いときゃいいだろ、と思って書いたらぜんぜんウソになってなかった。来年の4/1までにはもうちょっとウソがつけるようになっておかないと。

そんなわけで、「GoogleMaps上でサイコロが振れると桃太郎電鉄みたいでいいなー」というまえまえから暖めていたアイデアをあわてて作ってみたものです。

このページでダイスを振る

GoogleMaps上での使用例

bookmarkletとしても動作するようにしました。以下のスクリプトを任意のwebページを開いてアドレスバーかブックマークに登録しておいて実行すると、そのページでサイコロが転がります。

javascript:(function(){var d=document;var h=’http://realtimemachine.sakura.ne.jp/dice/js/’;var s=d.createElement(’script’);s.src=h+’dice.js’;d.body.appendChild(s);var s=d.createElement(’script’);s.src=h+’dicebm.js’;d.body.appendChild(s);})();

まあネタ以外のなにものでもないですが、桃鉄のあのゲーム画面にサイコロが転がる感じはいまだに好きなんで、なんかこういう感じがWebにもあるといいよなーと思っているところです。

■ RecommuniHacks の続きで、 Recommuniでダウンロードした曲にアートワークを追加 なんてのを作って遊んでいたんですが、これがけっこう楽しくてふつうの曲でもやりたくなったので、Amazonから（アーティスト名とアルバム名で該当すれば）アートワークを追加できるスクリプトを書きました。

blog.bulknews.net で宮川さんがつくってた「 iTunes のアートワークを Amazon Web Services からとってくる 」とおんなじですが、まあActivePerlとモジュールがインストールされてなくても使える、というのが利点かなと。AWSのディベロッパトークン（というのですか）は必要です。 Amazon Web サービス登録ページ で登録すればもらえます。ぼくもさっきもらいました。

だいたいもともとCDDBのアーティスト名／アルバム名だろうからAmazonで引っかからないのも多いし、てきとうに書いてるのでうまくいかないかもしれませんが、とりあえず。

• http://processing.dotimpac.to/index.php?sample%2FJavaScript%2FAddArtworkfromAmazon

■otsuneさんの日記で反応があったので、自分が使う用に作ってみました。

iTunes COM interfaceを使っています。iTunesを起動した状態でスクリプトを起動（ファイルをダブルクリック）すると、再生日が今日になっているPodcastトラックをログファイルに出力します。ファイルはスクリプトと同一ディレクトリに書き出されます。

ID3タグの情報しか取り出せないので、こんな感じ。形式はお好みで編集してください。 ほんとはpodcastのurlもつけられるといいんですが、それはiTunesでは無理ということで。

// iTunes Podcast Playlog
// 2006-02-26

-ラジオ 沼「[podcast.jp] 沼：303 月影と舞」（Array）
–2006-2-26 21:11

-StarWatching Express「Vol.21 明けの明星宵の明星」（AstroArts Inc.）
–2006-2-26 21:18

しかしpodcast.jpのフィードでアーティスト名がArrayになるのはただのバグだろうから直してほしいな。

■先日公開したPiccyを、問題の修正や新機能を追加してバージョン001として公開します。

バージョン001では動作の不具合の修正と以下の機能を追加しました。

• 管理者認証機能
• 写真、フォルダ、タグへのコメント
• GPS携帯からの位置情報通知、ロケーションタグ機能
• GoogleMapsによるロケーションタグ一覧

サンプルサイトをごらんください。サンプルサイトはパスワード「guest」で管理者ログインできます。

• http://piccy.dotimpac.to/

■ロケーションタグとGoogleMapsAPIもフォトアルバムを考えていた当初からやってみたかったので、とりあえず作ってみましたがどうでしょうか。

ちなみに写真と位置情報については、以前増井”富豪家”俊之さんとお話してたときに（Wikiばなですな）、「位置情報と時間の関連データが取れてれば後からどうにでもなるんだから位置情報をいちいち写真に添付するのはナンセンスだ」という話をしてて、もっともだなーと思っていたので、そういうものをつくってみたいなと前から思ってたんでした。

■［追記］

• バグを修正したpiccy002をリリースしました。
• piccyサポートwikiページを用意しました

Piccyとは

■Ajaxを採用したオンラインフォトアルバムです。 気軽に管理できてストレスなく閲覧できる画像ビュアーを目指して開発しています。

詳しくは以下の解説ページもごらんください。

• http://collisions.dotimpac.to/works/web/piccy.html

ダウンロード

• http://piccy.dotimpac.to/release/piccy002_20051118.zip

設置方法

• 圧縮ファイルを展開する。
• info.txt のadminpassを必ず変更する。
• info.txt の site_name や url などを編集する。
• index.rb 先頭行のRubyのPATHをサーバーに合わせる。
• サーバに転送する。
• dot_htaccessは「.httaccess」に名前を変える。
• index.rb に実行属性を付加する。他の属性は良きに計らう。
  • data以下のディレクトリに書き込み属性が必要かもしれません。

サムネイル作成機能を使う

ImageMagick/RMagickを使用することで、画像のサムネイルを作成することができます。 デフォルトでは機能はオフにされています。

• info.txtのmakethumnailをtrueにする。スペースで区切ってください。
  > makethumnail true
• ImageMagickとRMagickをインストールしてください。
  　必要ならば、thumnail.rbのrequireのパスを変更してください

位置情報記録機能を使う

auのGPS機能のある携帯電話からアクセスすることで、位置情報のあるタグを使用できます。 デフォルトでは機能はオフにされています。

• info.txtのlocationをtrueにする。スペースで区切ってください。
  > location true
• ezwebからpiccyを置いたURLにアクセスしてください。
  > http://（自分のサイトURL）/index.rb?cmd=location
• 位置情報通知ページが出ますので、「位置情報を通知する」をクリックします。
• 位置情報をが得られればフォームが出ますので、場所の名前を入力して送信してください。
  　（場所の名前は入力しなくてもかまいません）

※現仕様では位置情報通知は誰からでもできてしまいますので注意してください。

GoogleMaps機能を使う

GoogleMapsに位置情報タグをマッピングしてみることができます。

• GoogleMaps APIのキーを取得します。
  • http://www.google.com/apis/maps/signup.html
• info.txtのgmapkeyをにAPIキーを入れる。スペースで区切ってください。
  > location ABQIAAAAgf6OSxrgd3QJC98-sUWrXBT6rMgtMUOAl…

謝辞、同梱ライブラリについて

以下のライブラリ、モジュールを使用しています。関係者の開発と提供に感謝します。

• ruby-jsonをアーカイブに同梱し、使用しています。
  • http://sourceforge.net/projects/json
• imagesize.rbをアーカイブに同梱し、使用しています。
  • http://tociyuki.cool.ne.jp/clife/comp/rubyimagesize.html
• PhotoXPのexifパースモジュールexifcodec一式をアーカイブに同梱し、使用しています。
  • http://www.daifukuya.com/photoxp/
• javascriptライブラリscript.aculo.usをアーカイブに同梱し、使用しています。
  • http://script.aculo.us/
• GoogleMaps用測地系変換ライブラリwgsgmap.15.jsをアーカイブに同梱し、使用しています。
  • http://d.hatena.ne.jp/tociyuki/20050731/1122823117

動作について

• 動作についてはFirefox1.0.7、InternetExplorer6で行っています。
• Opera,Safariなどのブラウザでの動作検証は行っていません。問題がありましたらフィーとバックいただけると助かります。
• 報告はこの記事のコメントなどにどうぞ。

ライセンス

• piccy は、フリーソフトウェアです。
• 完全に無保証です。