Adobeロゴ

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

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

> Adobe HTML5 特設サイト

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

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

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

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

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

サンプルをダウンロードする

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

サンプルの解説記事を読む

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

Flash/CreateJSコンテンツを切り替え表示する方法

吉岡 梅

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

ActionScriptとCreateJSでコードを共有するためのTIPS

吉岡 梅

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

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