Progression4 タイムラインスタイルのサンプル

今回はProgressionというFlashのフレームワークを使ってWebサイトのサンプルを作ってみました

クリック位置に移動

BetweenAS3がバージョンアップしたので実験もかねて使ってみます 解説はつづきから

イメージエフェクト その3

画像を端から順番に表示していくエフェクトの作り方です 解説はつづきから

衛星のような動き

一見複雑そうな動きでも、単純な動きを組み合わせることで簡単に表現できます 解説はつづきから

雪のアニメーション

これまたFlashの基本(?)の雪が降るアニメーションの作り方です 解説はつづきから

スターダストエフェクト

マウスを動かすと星が発生するエフェクトの作り方です 解説はつづきから

テキストエフェクト その5

文字が回転しながらやってくるようなエフェクトの作り方です 解説はつづきから

プリローダー

サイズの大きな画像やswfファイルを読み込む場合はプリローダーがあると状況がわかりやすいです 解説はつづきから

マウスから逃げるアクション

ステージ上にあるたくさんの円がマウスカーソルから逃げるように移動します 解説はつづきから

BitmapDataで高速化

どんどん処理が重くなっていってしまうようなものでもBitmapDataを使うことで高速化できることがあります 解説はつづきから

同系統でランダム色

色をランダムにしたいけど完全にランダムではなく、青系統でとか明るい色でとかいうときはColorTransformを使うと便利です 解説はつづきから

縦にスライドするナビゲーション

マウス位置でメニューの位置もかわるナビゲーションの作り方です 解説はつづきから

スクラッチカード

こすった部分に画像があらわれていくアクションの作り方です 解説はつづきから

湯気のエフェクト

湯気のゆらめくエフェクトの作り方です 解説はつづきから

またたきエフェクト

光が点滅しているようなエフェクトの作り方です 解説はつづきから

キラキラエフェクト

街もキラキラしてきたので、キラキラするエフェクトの作り方です 解説はつづきから

ダブルクリック位置で拡大/縮小

ダブルクリックした位置を中心にして拡大、縮小するアクションの作り方です 解説はつづきから

TransitionManagerまとめ

簡単に効果的なアニメーションをさせることができるTransitionManagerクラス その種類と具体例をまとめます 解説はつづきから

テキストエフェクト その4

文字をペンで書いていくように表示させるアニメーションの作り方です 解説はつづきから

カルーセルアクション

円運動を前面から見たような奥行き感のある動きをマウスで制御するアクションの作り方です 解説はつづきから

古い映画のエフェクト

古い映像のノイズが入ったようなエフェクトの作り方です 解説はつづきから

重ね順をずらす

並び順は変えずにクリックされたカードを一番手前に持ってくるというアクションの作り方です 解説はつづきから

ランダムボックス

オブジェクトにマウスオーバーすると大きさや角度などを変えながら動く箱が表示されるというアニメーションです 解説はつづきから

バネ運動を使ったマウスアクション

マウスに追従して動く球にバネのような動きをさせたモノの作り方です ついでに残像も加えてあります 解説はつづきから

マウスカーソルを追いかけて動く目

マウスを動かすとその方向に目が動くアニメーションの作り方です 解説はつづきから

描いた線上を動く

描いた線の上をボールが動いていくアニメーションの作り方です 解説はつづきから

霧のエフェクト

霧が流れていくエフェクトの作り方です 今回はフレームアニメーションで作ります 解説はつづきから

イメージエフェクト その2

画像がフェードインしてきて最後に光るエフェクトの簡単な作り方です 解説はつづきから

背景が変わる水平ナビゲーション

マウスオーバーすることによってボタンの背景が色や大きさを変えながら移動するナビゲーションメニューの作り方です 解説はつづきから

画面を隙間なく埋める

ステージ上を隙間なく、重なりあうことなく埋める配置の仕方です ついでにちょっと動きもつけてます 解説はつづきから