フラッシュストーリーブックフェーズ2の概要

• 四月 30, 2024

このチュートリアルでは、Flashの第2フェーズを開始します^R iOS Storybookアプリシリーズ。従っている場合、最初のフェーズでは、ストーリーブックアプリのアニメーション化されたイントロシーンを作成する方法を詳しく説明しています。このアニメーションのイントロはオプションですが、基本的なFlashアニメーションとボタンの作成方法について説明しているため、これらのチュートリアルを読むことをお勧めします。

このアニメーションイントロがプロジェクトのオプションである理由は、ほとんどのストーリーブックアプリが、ブックカバーの静的なグラフィックと、ページをめくるために読者がタッチまたはスワイプするボタンまたはホットエリアで開くためです。

これは、シリーズのフェーズ2を開始する場所です。アニメーションイントロをフェーズ1で作成した場合は、とりあえず脇に置いておきます。後で2つを統合します。

ストーリーブックを見てみましょう。ご覧のとおり、ステージにはアイテムがいくつかあり、メインタイムラインには32フレームあります。メインタイムラインのフレーム1のステージには、ストーリーブックの静的なカバー画像が含まれています。ブックカバーのグラフィックに加えて、ステージ上の唯一のものは左上カバーのトグルボタンです。このボタンは、設定メニューページを切り替えます。

ステージの左にあるのはpageCurlグラフィックで、タッチまたはスワイプしたときにページがめくるのをシミュレートするためにアニメーション化します。

ステージの上には、設定メニューのオーバーレイページがあります。ステージ上のトグルボタンをクリックすると、既にステージ上にあるものの上に設定メニューページが開きます。この設定ページには、インデックスページやクレジットページなど、ストーリーブックの情報ページへのリンクが含まれています。また、バックグラウンドミュージックのオン/オフを切り替えるトグルボタンと、作成者のWebサイトへのリンクも含まれています。

なぜこの設定メニューページが必要なのですか？インデックスページへのリンクが含まれているため、読者は常に、閲覧している現在のページから本の最初に戻ることができます。また、バックグラウンドミュージックをオフにするオプションを読者に提供することをお勧めします。そしてもちろん、あなたはあなたとあなたの他の本のアプリについての詳細を知るために読者にあなたのウェブサイトを訪問してほしいです。

次に、タイムラインパネルのレイヤーを見てみましょう。ご覧のとおり、最下層はページ層です。フレーム3以降、各フレームにはブックの1ページのムービークリップが含まれています。ページごとに異なるムービークリップを作成し、ムービークリップをステージに配置します。タイムラインに沿って移動すると、本を「ページング」します。

上から下に、他のレイヤーは次のとおりです。

• actionsMain-メインナビゲーションおよびイベント用のActionScriptが含まれています。
  
  
• actionsPages-ブックの特定のページで実行されるActionScriptが含まれています。ご覧のとおり、これらのページは11と31です。
  
  
• setTogBtn-設定メニューのトグルボタンが含まれています。
  
  
• setMenuフォルダー-このフォルダーには、設定メニューの背景グラフィックとメニューの個々のボタンを表示するレイヤーが含まれます。
  
  
• buttonsMain-前後のナビゲーションボタンが含まれます。
  
  
• buttonsPages-ページ11および31でActionScriptを開始するボタンが含まれています。
  
  
• pageCurl-ページめくりシミュレーションを作成するpageCurlムービークリップが含まれています。
  
  
• pages-ストーリーブックの各ページおよびその他の情報ページのムービークリップ。
  
  

重要：これらのアプリ開発チュートリアルは、Flash初心者を念頭に置いて書かれています。アプリストア用にアプリを完成させる前に、これらのチュートリアルで説明されている以上にアプリを最適化する必要があります。


Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。

動画の説明: Avengers 2 Age Of Ultron - The Vision Explained (四月 2024).