Flash
Flashクリエイターとして考えたこと。
2008年5月 1日
vol.73 AS3.0のXML処理 - RSS Readerをつくる
web creators 2008年06月号
できあがりのサンプルはこちらをクリック。
早いもので、もう６月号なんですね。今年の前半をしめくくる号となりました。
さて、Flash + XML。これら２つの技術の融合は、RIAを構築する上で、ますます重要度が高まってきています。そこで今回は、AS3.0におけるXMLの読み込みと解析の基本を取り上げます。
具体的には外部RSSフィードをロードして、その内容をDataGridコンポーネントに表示するシンプルなRSS Readerアプリケーションを作成します。この連載でとりあげるAS3.0コンテンツも次第にアプリケーションっぽくなり、内容も高度になってきましたね。これからAS3.0を始めようという志を持った方は、バックナンバーを参照するなどしてがんばって付いてきてくださいね。
従来のAS1.0/2.0と比べると、AS3.0におけるXML処理の記述は、シンプルになりました。AS3.0は「ECMAScript for XML (E4X)」に準拠しているため、XMLデータを扱うためのビルトインクラスが大幅にパワーアップされたわけです。これにより、RSSフィードのように複雑な構造を持つXMLデータを扱う場合でも、一貫性のあるコーディングが可能になりました。そのあたりについて解説します。
投稿者 kaoru : 2008年5月 1日
2008年4月 1日
vol.72 マウスカーソルからの距離と連動したオブジェクト
web creators 2008年05月号
できあがりのサンプルはこちらをクリック。
2008年01月号から３回にわたり「ActionScript 3.0 事始め」と題し、AS3.0の基本的な内容について解説してきました。今回からは、やや高度な内容のFlashを作っていきたいと思います。
これまでに解説したデータ型の指定やカスタムクラス、表示リスト、ドキュメントクラスなどの特長や概念については、簡単な指摘にとどめたいので、詳しい解説は過去のFCTの記事なりご自分でネット上の情報もしくはFlashヘルプなどにあたって学習していただきたいと思います。まあ、これも言い訳がましくて申し訳ないんですが、基礎的な概念ばかりを解説しても、あんまりおもしろいFlashを作れないもんですから、ご了承くださいと、まあ、こういうわけなんです。
さて、こちらの事情はさておき、今回は、カーソルの動きと連動してオブジェクトのスケールなどのプロパティを変化させるちょっとインタラクティブなアニメーションの作成について解説します。またオブジェクトを複数個生成した場合に、配列を使ってオブジェクトの参照を保持し、制御するテクニックについても見ていきます。
投稿者 kaoru : 2008年4月 1日
2008年3月 1日
vol.71 ActionScript 3.0 事始め（３）
web creators 2008年04月号
できあがりのサンプルはこちらをクリック。
前回に引き続き、AS3.0によるFlash制作をテーマにしていきます。今回は「表示リスト」と「ドキュメントクラス」について見ていきます。表示リストとはAS3.0から導入された仕組みで、ステージを頂点とするツリー構造をしており、オブジェクトをステージ上に登場させるには、必ず表示リストにオブジェクトを追加しなければならないというルールになっています。
ドキュメントクラスというのは、メインタイムラインを使用せずにカスタムクラスのインスタンスを自動的に追加する仕組みで、MovieClipクラスもしくはSpriteクラスを継承する必要があります。このあたりの事情について解説します。
投稿者 kaoru : 2008年3月 1日
2008年2月 1日
vol.70 ActionScript 3.0 事始め（２）
web creators 2008年03月号
できあがりのサンプルはこちらをクリック。
前回に引き続き、AS3.0によるFlash制作をテーマにしていきます。今回は「AS3.0のカスタムクラス定義」について見ていきます。AS3.0ではカスタムクラスを定義するのに、スクリプトウィンドウを使って外部ASファイルを作成するスタイルをとります。AS3.0ではOOP（Object Oriented Programming - オブジェクト指向プログラミングのこと）に基づいたスクリプティングが要求されます。これはつまり「カスタムクラスを独自に作っていく」ということに他ならないわけですが、この手順についてまずは「シンプルに円を描画する」クラスを作成しながら、解説します。
投稿者 kaoru : 2008年2月 1日
2008年1月29日
MYCOM MOOK Professional Bible「1ランク上の技を身につけるFlashの強化書」
1ランク上の技を身につけるFlashの強化書
わたくしハヤシカオルは「第４章 Flashの達人から学ぶプロの技」の「XMLで管理するFlashフォトギャラリー」を寄稿させていただきました。第一線で活躍されているFlashクリエイターの方たちが執筆しており、私にとってもいい刺激に満ちた内容になっていますので、プロの方にも参考になるのではないでしょうか。ご興味のある方はぜひ書店でご覧になってください。
書籍データ
- 書名
- 1ランク上の技を身につけるFlashの強化書 (ムック)
- 著者
- +DESIGNING編集部
- 出版社
- 株式会社毎日コミュニケーションズ
- 出版年月
- 2008年1月29日
- ページ数
- 160ページ
- ISBN
- ISBN978-4839926984
- 価格
- 1,890円（税込）
投稿者 kaoru : 2008年1月29日
2008年1月 1日
vol.69 ActionScript 3.0 事始め（１）
web creators 2008年02月号
できあがりのサンプルはこちらをクリック。
これまでAS1.0/2.0を使ったサンプルを通してFlash制作のテクニックを紹介してきた本連載ですが、今回からAS3.0によるFlash制作をテーマにしていきます。実際に使ってみると異なるスクリプト言語と言ってもよいほどAS1.0/2.0とAS3.0はかなり違っておりまして、高度なオブジェクト指向が必要です。しかしながらクリエイターの今後の活躍の場を切り開いていく強力な武器となる可能性も大いに秘めていますので、まずは基本を重視し、少々退屈かもしれませんが、簡単なサンプルから順を追ってAS3.0について解説していきたいと思います。
ちょっと言い訳がましかったかな。AS3.0については、私もまだまだ勉強中なんですがね。そういうわけで、ともに勉強していきましょう。
投稿者 kaoru : 2008年1月 1日
2007年12月 1日
vol.68 SharedObject + XMLで、ローカル環境にデータを保存する
web creators 2008年01月号
できあがりのサンプルはこちらをクリック。
前回（FCT vol.67）・前々回（FCT vol.66）で作成したFlashによるパズルゲーム「東京23区パズル」にSharedObjectを使い、ゲーム結果の履歴をローカル環境に保存して再利用する機能を追加します。「東京23区パズル」とは、東京23区をパズルのピースに見立てて、海岸線だけが記されている白地図の上に正確に並べられるかどうかを競うパズルゲームです。今号はゲームの結果を保存する機能の作成やXML形式のデータを解析してDataGridコンポーネントに表示する部分に焦点をあてて、解説しています。
投稿者 kaoru : 2007年12月 1日
2007年11月29日
「Designer meets Designers 02」終了
本日（2007/11/29）、六本木ヒルズにて行われたweb creators編集部のイベント「Designer meets Designers 02」にご来場いただいたみなさん、ありがとうございました。私ハヤシカオルは、SESSION 3で１時間にわたり、「現場で使えるActionScript実用テクニック」というテーマでお話させていただきましたが、やっとこさ本番を終えた安堵感でホッとしております。少々高度な内容のサンプルでしたので、みなさんに３次元座標の回転運動と透視変換のおもしろさをどこまで伝えることができたのかこころもとないですが、話したい内容の８０％ぐらいは話せることができたかなと自分では思います。私のセッションで解説したサンプルは、後日web creators編集部を通してダウンロードできるようにしますんで、関数の定義がどうなっているのかなど細かいところを参考になさってください。また機会があれば、どこかでお会いしましょう。
投稿者 kaoru : 2007年11月29日
2007年11月 1日
vol.67 パズルゲームを作る（２）
web creators 2007年12月号
できあがりのサンプルはこちらをクリック。
前回に引き続き、Flashによるパズルゲーム「東京23区パズル」を作成します。「東京23区パズル」とは、東京23区をパズルのピースに見立てて、海岸線だけが記されている白地図の上に正確に並べられるかどうかを競うパズルゲームです。今号はパズルゲームの初期化とアイテムをPress, Releaseしたときの処理などに焦点をあてて、解説しています。
投稿者 kaoru : 2007年11月 1日
2007年10月 1日
11月29日「Designer meets Designers 02」に出演します！
（株）エムディエヌコーポレーション web creators編集部・WEB STRATEGY 編集部が主催するウェブデザイナーのためのイベント「Designer meets Designers 02」にDEEP KICK.com ハヤシカオルが出演します。今回のテーマは「リッチコンテンツ実践テクニック〜Flash・Silverlight・Ajax〜」です。
［Designer meets Designers 02 開催概要］
- 主催：
- （株）エムディエヌコーポレーション web creators 編集部・WEB STRATEGY 編集部
- 開催日時：
- 2007年11月29日（木曜日）14:30開場 15:00開演
- 会場：
- 六本木アカデミーヒルズ49 タワーホール （六本木ヒルズ49階）
- 詳細・お申し込み：
- http://www.mdn.co.jp/webcre/d2/
私、ハヤシカオルは「SESSION 3 現場で使えるActionScript実用テクニック」に登場します。60分という短い時間ではありますが、クリエイターの方に何かお役に立てる話ができればと、あれこれ策を練っているところでございます。ご興味がある方は、当日六本木ヒルズで会いましょう。
投稿者 kaoru : 2007年10月 1日
vol.66 パズルゲームを作る（１）
web creators 2007年11月号の「Flash Creative Technique」は「パズルゲームを作る」（1）になります。
できあがりのサンプルはこちらをクリック。
今回から新しいテーマ、Flashによるパズルゲーム「東京23区パズル」を作成します。「東京23区パズル」とは、東京23区をパズルのピースに見立てて、海岸線だけが記されている白地図の上に正確に並べられるかどうかを競うパズルゲームです。今号はプロトタイプと23区のMovieClipに焦点をあてて、解説しています。
投稿者 kaoru : 2007年10月 1日
2007年9月 3日
web creators 2007年10月号 特集「Flashゲーム制作講座」執筆
web creators 2007年10月号の特集「Flashの知識とテクニックはゲームで学ぼう！ Flashゲーム制作講座」の応用編・「XMLから問題・正解・解説文を読み込む三択クイズゲーム」（p166〜p169の4ページ）をDEEP KICK.com ハヤシカオルが執筆・提供しました。
できあがりのコンテンツはこちらをクリック。
「巨泉のクイズダービー（古い？）」であったような三択クイズです。問題文や正解はすべてXML側で管理しています。ランダムに10問を選び出しています。クイズゲーム以外にもいろいろと応用が効くと思います。サンプルファイルは太っ腹なことにMdNのサイトからダウンロードできますので、ご興味のある方は研究してみてはいかがでしょう？
投稿者 kaoru : 2007年9月 3日
vol.65 XMLConnector + DataGridを使ったアプリケーション（２）
web creators 2007年10月号の「Flash Creative Technique」は「XMLConnector + DataGridを使ったアプリケーション」（2）になります。
できあがりのサンプルはこちらをクリック。
前回に引き続き、XMLConnector + DataGridを使用したアプリケーション「DEEP DataGrid Gallery version 0.1」の作成について解説しています。前回はスキーマとバインディングといったFlashのコネクタコンポーネントを扱う上で必須の概念について見ていきました。それらをふまえて今号では、外部XMLで管理することができるフォトギャラリーアプリケーション「DEEP DataGrid Gallery version 0.1」を完成します。
投稿者 kaoru : 2007年9月 3日
vol.64 XMLConnector + DataGridを使ったアプリケーション（１）
web creators 2007年9月号の「Flash Creative Technique」は「XMLConnector + DataGridを使ったアプリケーション」（1）になります。
できあがりのサンプルはこちらをクリック。
今回から２回に分けて、XMLConnector + DataGridを使用したアプリケーション「DEEP DataGrid Gallery version 0.1」の作成について解説しています。FlashにはUIコンポーネントだけでなく、データベースやXMLドキュメントといった外部データソースからデータを取り入れるためのコネクタコンポーネントや、読み込んだデータを管理するためのDataSetコンポーネントなど、目には見えませんがアプリケーションの裏方的な仕事をするものがあります。サンプルの作成を通して、それらの基本的な使い方を紹介しています。
投稿者 kaoru : 2007年9月 3日
2007年8月27日
vol.63 Yahoo! Maps AS-Flash APIを使った地図アプリケーション（後編）
web creators 2007年8月号の「Flash Creative Technique」は「Yahoo! Maps AS-Flash APIを使った地図アプリケーション」（後編）になります。
できあがりのサンプルはこちらをクリック。
前回に引き続き、Yahoo! Maps AS-Flash APIを使った地図アプリケーション「DEEP Photo Maps version 0.1」の作成について解説しています。XMLドキュメントを使って外部画像のパス、緯度・経度、キャプションなどのコンテンツを管理し、Yahoo Maps上にインタラクティブに表示するFlash地図アプリケーションを完成します。
投稿者 kaoru : 2007年8月27日
vol.62 Yahoo! Maps AS-Flash APIを使った地図アプリケーション（前編）
web creators 2007年7月号の「Flash Creative Technique」は「Yahoo! Maps AS-Flash APIを使った地図アプリケーション」（前編）になります。
できあがりのサンプルはこちらをクリック。
今回から２回に分けて、Yahoo! Maps AS-Flash APIを使った地図アプリケーション「DEEP Photo Maps version 0.1」の作成について解説しています。Yahoo! US版から提供されている地図アプリケーション作成Webサービスとどのように連携するのかがテーマです。Yahoo! Maps AS-Flash APIを使うための準備とYahoo MapsをFlash内に表示するための基本的な方法について解説しています。
投稿者 kaoru : 2007年8月27日
vol.61 回転ドア式のフォトギャラリー（後編）
web creators 2007年6月号の「Flash Creative Technique」は「回転ドア式のフォトギャラリー」（後編）になります。
できあがりのサンプルはこちらをクリック。
前回から引き続き、回転ドア式の立体的フォトギャラリー「The revolving photo gallery version 0.1」の作成です。本連載でこれまでに何度か解説してきた仮想的な３次元空間を移動するモーショングラフィック的要素とXMLドキュメントでのコンテンツ管理をミックスさせたウェブアプリケーションになります。
投稿者 kaoru : 2007年8月27日
2007年7月17日
SUPER CHILI-TIMERS TENNIS - Super Shot Collection VOL.1
DEEP KICK.com プロデュースのFlashテニスゲーム「SUPER CHILI-TIMERS TENNIS」のデモンストレーション用のムービーを作成し、Youtubeで公開してみました。今後もこのようなムービーを積極的に制作し、このFlashゲームを全世界に広めていきたいと思います。
投稿者 kaoru : 2007年7月17日
2007年4月 6日
「ハヤシカオルのFlash進化論」告知
さて、エイクエントが登録タレントさん向けに行っているイベント「Aquent's View Vol.4」に、なぜかハヤシカオルが講師として呼ばれまして、「ハヤシカオルのFlash進化論」と題して、Flashのお話をすることになりました。ただし、エイクエントの登録タレントさん向けのイベントですので、誰でも参加できるわけではありません。エイクエントの登録タレントであれば、無料で参加できるようです。
- 日時：2007年4月26日（木）午後7:00受付け開始 レクチャー 7:30−9:00
- 会場：エイクエント東京オフィス レクチャールーム
- 参加資格：エイクエントのタレント、またはタレント同伴の一般の方
- 参加費：無料！
ということらしいですわ。お申し込み、その他詳細はこちらのエイクエントのサイトからできるようです。エイクエントに興味のある方は、この機会にタレントとして登録してみるのもいいでしょう。
で、Flashの何について話すかというと、実は今、思案中です。あんまり技術よりの話をしてもおもしろくないだろうから、大雑把ですが、ハヤシカオルがFlashというツールとどういうふうに付き合い、Flashと共同してどういうプロダクトを制作してきたのか、そして今後さらに進化していくであろうFlashとどういうふうに付き合っていくのか、そのあたりについて初心に戻り、イチFlashクリエイターとして、現在の思いを素直に分析してみようかなと。そんなふうに今は考えています。途中で話が変わるかもしれませんが。
投稿者 kaoru : 2007年4月 6日
vol.60 回転ドア式のフォトギャラリー（前編）
web creators 2007年5月号の「Flash Creative Technique」は「回転ドア式のフォトギャラリー」（前編）になります。
できあがりのサンプルはこちらをクリック。
今回の「Flash Creative Technique」から前編と後編の２回に分けて、回転ドア式の立体的フォトギャラリー「The revolving photo gallery version 0.1」の作成を解説します。本連載でこれまでに何度か解説してきた仮想的な３次元空間を移動するモーショングラフィック的要素とXMLドキュメントでのコンテンツ管理をミックスさせたウェブアプリケーションになります。
続きを読む "vol.60 回転ドア式のフォトギャラリー（前編）"
投稿者 kaoru : 2007年4月 6日
2007年3月31日
vol.59 ３次元のスパイラルを表現する（後編）
web creators 2007年4月号の「Flash Creative Technique」は「3次元のスパイラルを表現する」（後編）になります。
できあがりのサンプルはこちらをクリック。
前回は仮想的な空間にあるオブジェクトをスクリーンに透視変換する原理について、考察しました。今回は運動するオブジェクトが作る「軌跡」に焦点をあてて、考察を加えたいと思います。
続きを読む "vol.59 ３次元のスパイラルを表現する（後編）"
投稿者 kaoru : 2007年3月31日
2007年3月 9日
vol.58 ３次元のスパイラルを表現する（前編）
web creators 2007年3月号の「Flash Creative Technique」は「3次元のスパイラルを表現する」（前編）になります。
できあがりのサンプルはこちらをクリック。
今回から前編と後編の２回に分けて、３次元座標上を動くスパイラル運動について考察します。３次元的なモーショングラフィックの作成に役立つかも。
続きを読む "vol.58 ３次元のスパイラルを表現する（前編）"
投稿者 kaoru : 2007年3月 9日
2006年12月29日
vol.57 マッシュアップでつくるWidget風お天気Flash（後編）
web creators 2007年2月号の「Flash Creative Technique」は「マッシュアップでつくるWidget風お天気Flash」（後編）になります。
今回完成したサンプルは上のようになります。誌面で解説しているサンプルファイルはMdNのFlashクリエイティブ・テクニックからダウンロードすることができます。
外部APIとFlashを組み合わせたマッシュアップをテーマに作った「DEEP Weather Flash ver 0.1 」です。詳しい解説は誌面の方をご覧ください。ブログでは補足的に解説を加えたいと思います。
続きを読む "vol.57 マッシュアップでつくるWidget風お天気Flash（後編）"
投稿者 kaoru : 2006年12月29日
2006年12月 5日
vol.56 マッシュアップでつくるWidget風お天気Flash（前編）
web creators 2007年1月号の「Flash Creative Technique」は「マッシュアップでつくるWidget風お天気Flash」（前編）になります。
まだ未完成ですが、サンプルは上のようになります。誌面で解説しているサンプルファイルはMdNのFlashクリエイティブ・テクニックからダウンロードすることができます。
外部APIとFlashを組み合わせたマッシュアップに挑戦したいと思います。そこで今回のテーマは、「マッシュアップでつくるWidget風お天気Flash」ということにしました。前編と後編の２回に分けて誌面で解説します。今回は前編です。詳しい解説は誌面の方をご覧ください。ここでは補足的に解説を加えたいと思います。
続きを読む "vol.56 マッシュアップでつくるWidget風お天気Flash（前編）"
投稿者 kaoru : 2006年12月 5日
vol.55 横スクロールの2Dアクションゲーム（後編）
web creators 2006年12月号の「Flash Creative Technique」は「横スクロールの2Dアクションゲーム」（後編）になります。
できあがりのサンプルはこちらをクリック。
後編ではゲームで使用するサウンドの定義、hitTest( ) を使った衝突時の当たり判定について解説しています。詳細は誌面をご覧いただくとして、ここでは補足的に気になった点をいくつか。
続きを読む "vol.55 横スクロールの2Dアクションゲーム（後編）"
投稿者 kaoru : 2006年12月 5日
2006年10月20日
vol.54 横スクロールの2Dアクションゲーム（前編）
web creators 2006年11月号の「Flash Creative Technique」は「横スクロールの2Dアクションゲーム」（前編）になります。
できあがりのサンプルはこちらをクリック。
さて今回からは新しいテーマとしてFlashゲームの作成をとりあげてみました。どうしてFlashゲームなのかというと、ハヤシカオルがわりと得意にするという事情もありますが、いかんせんFlash + XML = Flax の話がかなり長く続いたんですね。Flaxネタは旬でもあり、まだまだやりたいことはたくさんあるわけですが、ちょっとこのあたりで一息ついてFlaxのことは忘れて、Flashゲームでもやってみようかなと。そういったわけでして。ただゲームはゲームでなかなか作るのは大変です。ラクじゃない。しかしFlashでなければ実現しにくいジャンルであることも確かなわけで、Flashでゲーム制作にチャレンジしてみたいな、というクリエイターはそこそこいたりするのではないかと想像します。そのようなわけで、連載を読んでいることを前提にちょいちょいとかいつまんでおまけ程度に解説を加えたいと思います。詳細は雑誌の方を買って手元に置きながら、じっくりと読んでくださいね。
続きを読む "vol.54 横スクロールの2Dアクションゲーム（前編）"
投稿者 kaoru : 2006年10月20日 | コメント (2)
vol.53 プリントカラーシミュレーターの作成（後編）
web creators 2006年10月号の「Flash Creative Technique」は「プリントカラーシミュレーターの作成」（後編）になります。
できあがりのサンプルはこちらをクリック。
雑誌の連載の方は相変わらず進んでいるのに、こちらのBlogの更新の方は、すっかりご無沙汰しておりました。最近Blogにハマりつつあると言っておきながら、このザマ。反省しております。確か今回は「プリントカラーシミュレーター」の途中から完成まででしたね。では気がつくところを解説してみます。
続きを読む "vol.53 プリントカラーシミュレーターの作成（後編）"
投稿者 kaoru : 2006年10月20日
2006年8月16日
vol.52 プリントカラーシミュレーターの作成（前編）
web creators 2006年9月号の「Flash Creative Technique」は「プリントカラーシミュレーターの作成」（前編）になります。
できあがりのサンプルはこちらをクリック。
さて今回からは新しいテーマとして、Colorオブジェクトを使用するFlashアプリケーションについて前編・後編の2回に分けて解説しておりますが、詳細は雑誌の方を読んでいただくとして少しばかり裏話的なところを話してみたいと思います。
続きを読む "vol.52 プリントカラーシミュレーターの作成（前編）"
投稿者 kaoru : 2006年8月16日
2006年8月13日
衝撃のキーボードテレビショッピング実演
YouTube.com ネタです。キーボード通販の実演をしてみせる男性のテクニックが素晴らしいです。
テクノラティ タグ検索：youtube
投稿者 kaoru : 2006年8月13日
2006年7月23日
Flash version リニューアル
Flash version をリニューアルしました。今回はプレゼンテーションツール風に制作。ヘルプから手動モードと自動モードを切り替えることができる仕様で、手動モードは自分でクリックして次のスライドへ進みます。自動モードは静止秒数を指定し、自動的に次のスライドに進みます。Flashに興味のある方は、ぜひご覧ください。
→ Flash version
テクノラティ タグ検索：Flash
投稿者 kaoru : 2006年7月23日
2006年7月13日
vol.51 FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成（後編）
web creators 2006年8月号の「Flash Creative Technique」は前回の続きで「FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成」（後編）になります。
できあがりのサンプルはこちらをクリック。
前回解説した前編では、Flash Professional 8から導入されたFLVPlayback Custom UI を使い、FLVPlaybackコンポーネントをカスタマイズしました。後編ではFlashとXMLを連携させて、FLVファイルとカテゴリーを管理し、UIコンポーネントのスクロールペインにFLVの一覧を表示するメニューを作成し、さらに完成度の高いFLV再生アプリケーション作成の手順について本誌では解説しています。ブログでは今回のテーマとその背景について少し語ってみたいと思います。
続きを読む "vol.51 FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成（後編）"
投稿者 kaoru : 2006年7月13日
2006年6月13日
「Flash 逆引きクイックリファレンス 8＆MX 2004対応」刊行！
初心者〜中級者あたりを対象にDEEP KICK.com ハヤシカオルが執筆したFlash 8対応のFlash解説本「Flash 逆引きクイックリファレンス 8＆MX 2004対応 for Windows＆Macintosh」（毎日コミュニケーションズ刊）が発売されました。
続きを読む "「Flash 逆引きクイックリファレンス 8＆MX 2004対応」刊行！"
投稿者 kaoru : 2006年6月13日
2006年5月29日
vol.50 FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成（前編）
web creators 2006年7月号の「Flash Creative Technique」のテーマに「FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成」を取り上げてみた。
できあがりのサンプルはこちらをクリック。
今回のテーマは前編と後編の２回に分けて解説する。今回は前編で、スキンをカスタマイズしてオリジナルのパーツを使用したFLVPlaybackコンポーネントを作成して、外部FLVを再生するところまでとなる。この前編に関しては、紙面の解説でほぼOKだと思う。技術的に特に補足することはないが、Flashでビデオを配信するには「ストリーミング型」「プログレッシブ型」「埋め込み型」の３タイプがあるが、それについて少し語ってみたい。
続きを読む "vol.50 FLVPlaybackコンポーネントを利用したビデオ再生アプリケーションの作成（前編）"
投稿者 kaoru : 2006年5月29日
2006年5月 7日
vol.49 XMLと連携したフォトギャラリー
web creators 2006年6月号の「Flash Creative Technique」のテーマに「XMLと連携したフォトギャラリー」を取り上げてみた。
できあがりのサンプルはこちらをクリック。
Mac OS Xに付属している「iPhoto」のようにアルバムごとにサムネイルが表示され、サムネイルを選択するとメインの画像が表示されるようなフォトギャラリーをFlashで制作してみた。アルバムと写真はFlash内部ではなく、外部のXMLドキュメントで管理されており、swfファイルはXMLドキュメントを読み込んで、アルバムの情報や画像のパスを取得して解析し、表示する仕組みとなっている。Flash単体ではなく、このように設計するメリットは、インターフェイスとコンテンツ管理を分離することにより、Flashを通さなくてもコンテンツの更新を可能にする点にある。XML以前によく使われていたのが、「変数A=値&変数B=値&変数C=値....」のように記述した外部テキストファイルから変数を読み込む手法だ。しかしこの方法で今回のサンプルのようなフォトギャラリーを制作しようとすると、できなくはないかもしれないが、かなり無理があることがわかる。XMLドキュメントを設計し、それを解析したほうがスマートなものが制作できるだろう。そのあたりについて今回の連載では解説しているので興味のある方は、そちらを読んでほしいわけだが、Flashに関する連載ということでXML自体に関する説明を紙面で十分にすることが難しかったので、ここでは今回設計したXMLドキュメントについて若干補足してみたい。
続きを読む "vol.49 XMLと連携したフォトギャラリー"
投稿者 kaoru : 2006年5月 7日
2006年4月13日
Urban Ninja
YouTube.com で見つけた人気のビデオ。どう見てもCGなしの実写。まさに忍者。力業を感じます。すごい、すさまじいの一言。元気が出ましたわ。
投稿者 kaoru : 2006年4月13日
2006年4月 4日
vol.48 透視変換を使った3D空間の回転運動
さてハヤシカオルが担当するようになって４回目となるFlashクリエイティブ・テクニックは、「透視変換を使った3D空間の回転運動」をとりあげてみた。
できあがりのサンプルはこちらをクリック。
サンプルを見るとDEEP KICK.com のロゴの周りをグルグルと円状オブジェクトが奥行き感を持って回っている。画面をドラッグするとドラッグする方向と距離に呼応するかのように回転運動に変化を付けることができる。今回はこの「奥行き感の表現」つまり「３次元の運動をFlashでどう扱うのか」について解説している。そのために必要な考え方が「透視変換」と呼ばれるものだ。透視変換の考え方についての詳細は誌面で解説しているので、ここではこの法則を使えば、どういったコンテンツが作れるのかについて、少しだけ語ってみたい。
続きを読む "vol.48 透視変換を使った3D空間の回転運動"
投稿者 kaoru : 2006年4月 4日
2006年3月 7日
vol.47 サウンドがフェードアウトしながら切り替わるインターフェイス
さてハヤシカオルが担当するようになって３回目となるFlashクリエイティブ・テクニックは、「サウンドがフェードアウトしながら切り替わるインターフェイス」をとりあげてみた。
できあがりのサンプルはこちらをクリック。
ボタンをクリック、もしくはキーボードの左右の矢印キーでコンテンツを切り替えることができるが、それにあわせてBGMがフェードアウトしながら次のサウンドとオーバーラップしながら切り替わっていくというもの。
サウンドオブジェクトの基本的な使い方を知っていれば、特に難しいことをしているわけではない。それぞれのBGMごとにサウンドオブジェクトを生成し、getVolume()メソッドを使ってボリュームを取得、ボリュームが0になるまでsetVolume()メソッドでボリュームを下げるループ処理をしている。それらの処理をカスタム関数sound_play(n)としてまとめ、コンテンツを切り替わるイベントを取得したときに実行している。
ムービークリップを指定するのに、eval()関数を使用しているので、その使い方を理解しておきたい。
例えば、
n = 1;
vvv = eval("_root.s_bgm" + n);
vvv.gotoAndPlay(2);
さてこのときの変数vvvの値は、お察しの通り
_root.s_bgm1
なので、
結果的にインスタンス_root.s_bgm1の2フレーム目にgotoAndPlay() することになる。
n = 2; のときは、インスタンス_root.s_bgm2
n = 3; のときは、インスタンス_root.s_bgm3
とまあ、こんな具合にそのときにならないとどれか分からない場合によく使われるのがeval()関数。簡単やね。
あとは、キーイベントの取得かな。フラグを立てて、キーイベントが連続して起きないようにしていることぐらいかな。
投稿者 kaoru : 2006年3月 7日
2006年2月28日
スーパー・チリタイマーズ・テニス v 2.0
Flashで制作したオンラインテニスゲーム、スーパー・チリタイマーズ・テニス v 2.0を無料でプレイできるようにしました。
８名の個性的なテニスプレイヤーから自分と対戦相手（コンピュータ）を選択し、１セットマッチ、３ゲームマッチ、タイブレークの３つのモードと、芝、クレー、などの５つのコートサーフェイスを選択して、対戦します。
またゲーム初心者のための、サーブとストロークの練習モードもあります。
Flashとテニスをこよなく愛するDEEP KICK.comが提供するFlashゲーム。ぜひプレイしてみてください。
投稿者 kaoru : 2006年2月28日
2006年2月21日
三角関数 加法定理
高校の数学で習ったような。Flashで3Dモーションを作るときに、円運動の回転で応用します。
- sin(α+β) = sin α cos β + cos α sin β
- sin(α-β) = sin α cos β - cos α sin β
- cos(α+β) = cos α cos β - sin α sin β
- cos(α-β) = cos α cos β + sin α sin β
関連記事：→ 【Flash Creative Technique vol.48】 透視変換を使った3D空間の回転運動
投稿者 kaoru : 2006年2月21日
2006年2月 7日
チンパンジーのオフィス
Careerbuilder.comのCMシリーズ。チンパンジーがオフィスではしゃいでます。
投稿者 kaoru : 2006年2月 7日
2006年2月 1日
vol.46 PHPと連携したFlashアプリケーションの制作
MdN編集部から2006年3月号が送られてきた。今回は黄色い表紙だね。特集は『スタイルシートデザイン＆集客手法』。これ、おもしろそうだな。最近Flash制作以外にも自分の企画でいろんなサイトをブログベースで立ち上げているんだけど、SEO対策をきちんと念頭においたスタイルシートでのデザインってほんとネットビジネスを左右するんだなとあらためて思ったね。デザインって目に見える部分だけじゃなくて、目的に対する結果までを導く概念だとしたら、それも含めてデザインしなきゃいけないんだよね。特にWebデザインってのはそうだ。
話が脱線したが、今回のFlash クリエイティブ・テクニックのサンプルは、『PHPと連携したFlashアプリケーションの制作』。連載２回目にして早Flashから浮気かよ、うひゃーって感じ。サンプルデータは［Web Creators］のサイトからダウンロードできるよ。
続きを読む "vol.46 PHPと連携したFlashアプリケーションの制作"
投稿者 kaoru : 2006年2月 1日
2005年12月30日
vol.45 オリジナルのスクロール機能を制作する
さて［MdN］の月刊誌［Web Creators］誌の2006年2月号より、レギュラーコンテンツ［Flash Creative Technique］の連載を、ハヤシカオルがなぜか担当することになりました、はい。
で私が思うに、『Flashで何かを作ることとそれを説明することは、まったく違う能力が要求されるのである』。
目の前にひとり生徒がいてさ、『お前、どこがわからないんだ？』と１対１で進められるのならともかく、絵とテキストで説明ってほんと難しいよ。ハヤシカオルには教えるセンスないんだもんな。いちおう教育学部出てるんだけどさ、本職が講師や教師じゃなくて良かったよ、ほんと。
そんなわけでもしかすると読者の中には、ここがわからんとか、ここ聞いてみたいとか、あるかもしれないよね。
そういう方々からたまにメールをいただくこともあるんだけど、せっかくブログやってんだから、活用しなきゃな、そう今はやりの（？）『ブログマーケティング』ってやつ。そう自分なりに思った次第です。
読者のみなさんとコミュニケーションした内容は、今後の参考にさせていただきたく思いますので、お気軽にコメント・トラックバックくだされたし。よろしくお願いしますね。
続きを読む "vol.45 オリジナルのスクロール機能を制作する"
投稿者 kaoru : 2005年12月30日
2005年4月28日
USTAバージョン、デビュー
ハヤシカオルが制作したFlashテニスゲーム「SUPER CHILI-TIMERS TENNIS v1.7」を、United States Tennis Association (全米テニス協会。グランドスラムの一つ、USオープンを主宰しているアメリカのテニス協会)のウェブサイト"BACK COURT"に、コンテンツ提供しています。
今後もこのようなコンテンツを提供するビジネスを展開していく予定です。「SUPER CHILI-TIMERS TENNIS」のライセンスにご興味のある方はDEEP KICK.com ハヤシカオルまでお問い合わせください。
またこれまでv1.7 は無料で遊べるように公開しておりましたが、４月３０日を持ちまして終了し、準備が整い次第、次期バージョンのv2.0 を機能制限のある無料バージョンとフル機能で遊べる有料バージョンの２タイプを提供するウェブサイトを立ち上げる予定です。乞うご期待ください。なお、USTAで提供しているものは、英語版になりますが従来どおり無料で遊べます。
投稿者 kaoru : 2005年4月28日
2004年12月17日
文化庁メディア祭・審査委員会推薦作品に選ばれる
ハヤシカオル制作のFlashテニスゲーム「スーパー・チリタイマーズ・テニス」が、平成16年度文化庁メディア芸術祭のエンターテイメント部門・審査委員会推薦作品をゲット！
うむ、素晴らしい。自画自賛じゃ。
他の作品のクレジットを見てみると、知っている会社もありますね。
エンターテイメント部門の大賞はNintendoの「まわるメイドインワリオ」。スーパー・チリタイマーズ・テニスと同じ土俵だったのがすごい。
投稿者 kaoru : 2004年12月17日
2004年10月23日
Flash Conference 2004 本日のベストセラー？マジで？
Flash Conference 2004 BREAKTHROUGHSに行ってまいりました。場所は渋谷のセルリアン・タワー。そういや去年か一昨年も来た記憶が。
でFlash書籍コーナーをのぞいてみると、なんと拙著に「本日のベストセラー」という立て札が！(写真。)これにはさすがの著者も笑い転げ、思わず携帯で写真撮ってしまいました。本当かな〜（笑）。何にしてもありがたいことです。
これに気をよくして、カンファレンスを昼から夜まで楽しんできました。
続きを読む "Flash Conference 2004 本日のベストセラー？マジで？"
投稿者 kaoru : 2004年10月23日 | コメント (1)
2004年10月20日
Flashでビデオを見せる
Flashでビデオ映像を見せるインターフェイス制作の依頼がけっこう増えておりまして、そのデモンストレーションとして「きたせんじゅ・ビデオアーカイブ」を公開しています。
関連記事：→ Flashで映像配信
投稿者 kaoru : 2004年10月20日 | コメント (1)
2004年10月 1日
デジハリにて出版記念講演
さてこのブログでも紹介させていただきますが、７月末に出版しました私のFlash本の出版記念講演を、出版元のワークスコーポレーションさんが企画してくださいまして、「ウェブへ制作のフィールドを広げることは？」というテーマでお話しすることになりました。
投稿者 kaoru : 2004年10月 1日
2004年9月28日
発売から早２ヶ月。。。
拙著「Flash MX 2004 悩み＆トラブル撃退マニュアル」（ワークスコーポレーション刊）が出版されて、ちょうど２ヶ月が過ぎました。
投稿者 kaoru : 2004年9月28日 | コメント (1)
