Adobe HTML5 特設サイトサンプルページ

このページでは、アドビが取り組んでいる Web 標準の推進や、アドビが提供する Web 制作に役立つツールやサービスに関連したサンプルをご紹介しています。

CreateJS を活用した Flash/HTML5 両対応コンテンツにトライ！

この下に表示されているのは、実行環境を判定して Flash と HTML5 のコンテンツを自動的に切り替えるサンプルです。
Flash Professional と CreateJS の組み合わせで、2 種類のコンテンツの制作が簡単できるようになりました。

移動：左右の矢印キー
ジャンプ：スペースキー

矢印キーとスペースキーでひよこを操作して、4 つの卵を集めます。全て集めるとゴールが出現するので、そこに到着すればクリアです。蜂に触ると集めた卵が元の場所に戻ってしまうので要注意！

※スマートフォンで遊ぶ場合は、画面の左・真ん中・右辺りをタッチすると、移動やジャンプできます。

サンプルをダウンロードして、自分の環境でプロジェクトファイルやソースコードを確認することができます。

サンプルの内容を詳しく解説した技術記事が Adobe Developer Connection (ADC)* に公開されていますのでご覧ください。

吉岡梅 (Nov 18, 2012)

Flash/HTML5 両対応コンテンツの作成に必要な、再生環境の判定とスクリプトの切り替え方が分かりやすく説明された記事です。

吉岡梅 (Nov 19, 2012)

Flash/CreateJS の 2 種類のコンテンツを効率的に制作するためのコードの書き方などの制作に役立つヒントが満載の記事です。

*Adobe Developer Connection (ADC) は、アドビシステムズが運営するWeb系の技術ポータルサイトです。