飛び出すFlash、知ってますか?
さくーしゃ2009/4/14
四角いマーカーをWebカメラの入力画像から探し出しCGを合成することで、その場にオブジェクトが存在するかのように見せるARToolKitというライブラリをFlashに移植しました。
Flasherリレーコラム1回目「Flashをやる人を増やし、Flasherをつないでいきたい」の道家さんからご紹介いただきました。大阪をベースに活動するさくーしゃです。リレーコラムの6つの質問にお答えます。
質問1「Flashのバックグラウンドは?」
いまでこそ、以下の写真のようなFlash版のAR(Augmented Reality:拡張現実)ツールを作れてしまっている僕ですが、ここに至るまでにやってきたことがらやFlashでの取り組みをご紹介します。
![]() |
| Flash版ARToolKitのならWeb上でもこんなことができます |
- - PR -
Flashと出合ったころの記憶があまりはっきりとしていないのですが、おそらくFlash 4、中村勇吾のMONO*craftsをリアルタイムに感動してた世代です。どちらかというとまだDirector(Shockwave)に勢いがあった時代です。
小学校で、文豪miniというワープロ専用機で音楽会のプログラムを作り、中学生2年生でFM-TOWNSで3D CGを作ってました。母親がピアノ教室をやってたので、家にたくさんあった楽譜を活用してMML(Music Macro Language)という簡単にコンピュータ上の楽譜となる言語を使って、MIDIデータを打ち込んだり、Towns GEARというDirector互換アプリで、図書館の本の蔵書管理システムっぽいものを作ってみたりとか、BASICでゲームを作ったりしていました。いまから思うとProcessingみたいなGenerative Artに近いようなことをしたり、当時のパソコン通信のチャットルームに入り浸ったりしていました。
高校で、OASYS Pocketというワープロで動く対戦型テトリスをC言語で書きました。Strata 3Dとか3D Studio MAXを使って3D CGアニメーションを作る傍ら、プライベートでWebサイトも作りました。Perlで掲示板システムとか日記システムとか組んだり、JavaScriptやDirectorを覚えたり、Lingoをガリガリと書いたりしていました。Flashに目覚めたのは、AID-DCCに所属してからです。
| Flasherリレーコラム 気になるあの人への6つの質問 |
|
2.
「Flashで得意なこと・したいこと」
得意なFlashは、プログラミングの比重が大きいもの。プログラミングから生まれるビジュアルっていうのは予測が不可能な点も結構あって、コードを書いていくうちに変化していくビジュアルを見てるのが面白いので好きです。この間Wonderflに投稿したForce Fieldも、最初っからこういうのを作ろうと思ってたわけではありません。あとはもう、新しい技術が好きなので、そういうのは取りあえず食い付いています。
いま一番興味を持っている人はFlight404のRobert Hodginです。技術レベルもビジュアルのセンス的にもレベルが高く、僕が理想とするテクノロジーとアートをうまく融合させるっていうのを実現させられる数少ない人物です。自分のブログで手の内をいろいろ明かしているオープンさもいいです。
3.
「Flashの気になること・次にやりたいこと」
「若い人ってFlashに興味を持つ瞬間って存在するの?」ということが気になります。僕らの世代が興味を持ち始めた時期というのは、インターネットそのものがまだそんなにメジャーではなく、なんか面白そうなことができそうな感じがして、Flash もそんな中、「すげー、動いてる! 面白い!」って感覚で飲み込まれてった感があるのですが、いまの20歳ぐらいの人たちってそういう感覚はおそらくないんだろうなとか思うと、じゃあFlashの次の世代はどうやって作っていったらいいんだろう、と不安になります。
大阪てら子という Flash 好きのための集会を毎月していますが、そんなにめっちゃ若い人は参加していません。こういうコミュニティって、学生レベルまで広げられたらいいですよね。
技術的に興味を持っているのは僕がJavaから移植したFLARToolKitです。ARToolKitがFlashでも動いたら面白いのになーとか思ってた矢先にSourceForgeからJava版が登場、これならActionScript3に移植するのも簡単!って思ってやったらできました。
![]() |
| これが、拡張現実=ARだ! |
ARToolKitは、四角いマーカーと呼ばれる図形をWebカメラから入力された画像から探し出して、そのマーカーを目印にCGを合成することであたかも実際にその場にCGで作られたオブジェクトが存在してるかのように見える、AR(Augmented Reality:拡張現実)っていう技術を簡単に実現するためのFlashのライブラリです。
![]() |
| Webカメラで年賀状を撮影して、FLARToolKitのビューワーを通すと…… |
これまではデスクトップアプリケーションでしかできなかったこのARを、Flashに移植することでWeb上で簡単に体験できるようにしたというのがFLARToolKitの一番の特徴です。
僕が所属するKatamariとAID-DCCの年賀サイト(デモムービー)に実際にFLARToolKitを導入したのですが、本人が想像した以上に世界中で取り上げられてほんとびっくりしました。
![]() |
| ARに使う年賀状 |
あらかじめ弊社からこんな意味不明なマーカーだけの年賀状を送り付けておいて、その年賀状に書いてあるアドレスにアクセスしてWebカメラでその年賀状を写すと、うちの会社のメンバーの今年の抱負みたいなものとか牛とかロゴとかアレとかが単なる紙の年賀状から飛び出してくるっていう仕組みです。
マーカーを認識する部分にFLAR Tool Kit、3DのオブジェクトのモデリングにはBlender、そしてそれをFlashでレンダリングするのにPapervision3Dを使っています。年賀状をもらってなくってもサイトからマーカー印刷用のPDFファイルがダウンロードできるので、Webカメラを持っている人はぜひ体験してみてください。きっとびっくりすると思いますよ!
FLARToolKitはSpark projectという日本最大のFlash/Action Scriptオープンソースコミュニティでソースを公開しているので、すでにいろんな場所で使われていて、世界的に有名なWebプロダクションNorth KingdomもGEのPlug Into the Smart Gridというサイトで使ってくれました。今年はWeb以外でもARがブームになっているので、いいタイミングでリリースできたなと思っています。
FLARのヒットのおかげで4月25日からカナダのトロントで開催される世界的Flashイベント、FITC Toronto 2009にスピーカーとして参加させてもらうことになりました。Flash界の大御所が集まるこのでっかいイベントで僕もスピーカー側で参加するだなんて想像するだけで緊張しますが、こんな機会はめったにないので思いっ切り日本のFlashをアピールしてこようと思っています。
個人的に技術的に興味を持ってるのはAlchemy。これまでに築かれた膨大なC言語のライブラリがFlash上で使えるようになるっていうこの技術は、Flashの可能性をさらに広げる重要なポイントではないでしょうか。
4.
「Web以外でFlashの展開は?」
最近デジタルサイネージっていうのをよく見掛けるようになりましたが、ああいうのもFlashで作れます。美術館や科学館のコンテンツもFlashで作られていることがよくありますよね。Web 屋の技術はWeb以外でも生かせるので、Webに限定せずに外に出ていけばいいんじゃないかと思います。
5.
「Flashがなくなったらどうする?」
ShockwaveとかProcessingとかSilverlightとか。代替技術はいろいろあるのでそういうのを使っておんなじようにインタラクティブコンテンツを作ってるでしょう。「プログラミングとビジュアルがうまく組み合わさったインタラクティブなコンテンツ」っていうのが僕がやりたいところなので、そういうのができる環境であれば特にFlashにこだわるってことはないと思います。
6.
「もっと自由に表現するためにしたいこと」
僕自身じゃなくってみんなが、っていう点では、前回の道家さんも書いてたような、うまくお金に変える仕組みみたいなのはどうにかなんないかなあと思います。最近はiPhoneアプリが作れる人は、いい感じになりつつあるのかなと思います。いろいろ問題はあるにせよ、デジタルなクリエイタがモノを作って売るっていう場ができたのですから。
![]() |
さくーしゃ(Saqoosha) Saqoosha.netでFlashとかのブログ書いてます。Katamari Inc.でFlashとかのお仕事してます。大阪てら子っていうFlashとかの集会を毎月やってます。 |
【関連記事】
| Flashの基礎を無料で習得!
ActionScript入門 ActionScriptを知っていますか? Flash技術の要となる言語で無料で簡単にFlashアプリケーションを作れます。そのActionScriptについて初心者のために一から丁寧に解説していきます |
||
| Flash制作を簡単にするActionScriptライブラリとは? Flasherに便利なオープンソース「Spark project」 Flashの複雑なアニメーションや機能をどのように制作していますか? 実は、無料で簡単に実現する方法があります |
||
| 一撃デザインの種明かし Webサービスのアイデアをデザインとして形にするためのハウツー記事です。 「デザインハック」コーナー |
||
| 次世代のインプットを考えよう ──マウスとキーボードを超えた フィジカルコンピューティング マウスやキーボードだけではつまらない。Flashを応用して、iPhoneやバランスWiiボード、Chumbyを入力デバイスにしてみよう 「デザインハック」コーナー |
||
Flashと人「あの人からの6つの回答」 バックナンバー 連載インデックスへ»
- 第1回 Flashをやる人を増やし、Flasherをつないでいきたい
- 第2回 飛び出すFlash、知ってますか?
| 「デザインハック」コーナーへ |
- 画像を美しく魅せる効果を加えるjQueryプラグイン3選 (2010/3/17)
2つ重ねて比較するBefore/After、部分ごとに切り替えるpanelGallery、ズーム/カーテンなどができるcycle - 現場の無駄な流血を止めるための「プロトタイプ」とは (2010/3/12)
サイトやWebアプリ/RIAの設計やデザインを効率良く進めるには、プロジェクト関係者の想定を一致させていくことが大事だが… - Flashを閃光のごとく高速化するための基礎知識 (2010/3/9)
Flash高速化のための基礎知識や実践的テクニックを紹介する連載。初回は“処理負荷”を調べる具体的な方法を解説します - Windows 7でどんだけ“おばか”なアプリが作れるの? (2010/3/4)
おばかの発想の源やアプリの作り方などについて、おばかアプリ選手権の歴戦の受賞者や、マイクロソフトの代表者に話を伺った。アイデアのご参考に
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
| 「いつかは壊れるサーバ」そんな故障に 迅速で安価に手軽に対応する方法とは? New! |
| 「特権ユーザー」の事件を防げ! 万能権限を持つユーザーの管理方法とは? New! |
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | TomcatやJBossなどAPサーバ環境に関する 情報を集約! “業務”用APサーバ大百科 New! |
| ◆ | 一気に解説! 最新のクラスタストレージ 「RAIDを超えたストレージ基準」……など New! |
| ◆ | クラウド的ユーザー体験の変化は脅威か? 仮想化技術を使いこなす運用管理術を紹介 New! |

| ◆ | 上司や部下、部署内メンバーとの情報共有 を“ガラッ”と変えるコラボツールとは? New! |
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |

| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |
| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |

| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |
| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |

| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |











