Home > 「みんなのプログレッション - コンポーネントスタイル」

「みんなのプログレッション - コンポーネントスタイル」

ボタンにマウスオーバーを設定する

ボタンにマウスポインタが重なったときに、ボタンの色が変化するアニメーションを追加します。

完成サンプル

手順

  1. up点、over点、current点の設定
  2. ボタンのデザイン

→ 続きを読む

シーンに合わせてボタンの表示を変える

現在表示されているシーンが分かりやすいように、ボタンに濃淡をつけて区別します。

現在のシーンに対応するボタンは濃く、そうでないときのボタンは薄く設定します。

完成サンプル

手順

  1. フレームを挿入する
  2. currentの設定
  3. ボタンのデザイン

→ 続きを読む

フレームアニメーションを追加する

シンプルなウェブサイトにフレームアニメーションを追加してみます。

「トップページを表示したとき」「他のページへ移動するとき」のアニメーションを設定します。

完成サンプル

手順

  1. コンポーネント「InOutMovie (IOボタン)」を配置
  2. フレームの挿入
  3. in点、stop点、out点の設定

→ 続きを読む

画像を挿入する

シンプルなウェブサイトに画像を挿入してみます。

今回は自己紹介の内容の右部分に枝豆の写真を挿入してみます。

→ 続きを読む

シンプルなウェブサイトを作る その3 - ブラウザのタイトル表示

ブラウザの上部バーに表示される「タイトル」(HTMLのtitle要素)を、シーン毎に設定する。設定はシーンエディタで行う。

完成サンプル

→ 続きを読む

シンプルなウェブサイトを作る その2 - キャスティングの効率化

シーンに挿入するキャストがたくさんあると作業に時間がかかる。

そこで、ボタンたちを「Navigation」という名前のシンボルでひとつにくくり、作業の効率を良くする。

→ 続きを読む

シンプルなウェブサイトを作る その1 - ページを切り替える

シンプルなウェブサイトを作ってみます。

ページ構成は「トップ」「日記」「自己紹介」とし、ボタンをクリックすることでページが切り替わります。

完成サンプル

手順

  1. シーンの定義
  2. キャストの作成
  3. コンポーネントの設定

→ 続きを読む

HelloWorldその2 - HelloとWorldを表示する

「HelloWorldその1」の続きです。

今回はHelloの横に「World」を表示してみます。

手順

  1. シーンの定義
  2. キャストの作成

→ 続きを読む

HelloWorld その1 - Helloを表示する

「みんなのプログレッション」と題して、はじめてFlashをさわるビギナー対象にProgressionの社内学習会をやりました。その記録です。

「HelloWorld」からはじめてみました。まずは画面に「Hello」を表示してみます。

手順

  1. 「Progressionプロジェクト」の新規作成
  2. シーンの定義
  3. キャストの作成

→ 続きを読む

Index of all entries

Home > 「みんなのプログレッション - コンポーネントスタイル」

Search
Feeds
Related Books

Return to page top