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

みんなのプログレッション - コンポーネントスタイルの最近のブログ記事

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

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

完成サンプル

手順

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

Continue reading

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

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

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

完成サンプル

手順

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

Continue reading

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

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

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

完成サンプル

手順

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

Continue reading

画像を挿入する

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

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

Continue reading

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

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

完成サンプル

Continue reading

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

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

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

Continue reading

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

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

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

完成サンプル

手順

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

Continue reading

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

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

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

手順

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

Continue reading

HelloWorld その1 - Helloを表示する

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

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

手順

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

Continue reading

Index of all entries

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

カテゴリ
アーカイブ
購読
Recommends
Web Designing (ウェブデザイニング) 2009年 08月号 [雑誌] Adobe Flash CS4 詳細!ActionScript3.0入門ノート[完全改訂版](CD-ROM付) .fla 2 ―Idea of Flash Creation― ブラウザで無料ではじめるActionScript 3.0 ―It's a wonderfl world― Flash3Dコンテンツ制作のためのPapervision3D入門 ActionScript 3.0 エラーアーカイブス コンパイルエラー・コンパイラ警告・ランタイムエラーの解法 FLASH OOP for ActionScript 3.0 詳説 ActionScript 3.0 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation 詳解 ActionScript 3.0アニメーション ―衝突判定・AI・3DからピクセルシェーダまでFlash上級テクニック
Powerd By

Return to page top