デザインポケットたまごデザインポケットたまご


Work

Flashサンプル

Flashで作ったサンプルです。画像をクリックすると別ウィンドウが開きます。Flashについて知りたい方はこちらもご参考にしてください。また、コンテンツに関しましては「うごくえほん」コーナーもご覧いただければ幸いです。
ボタン / ランダム / マウス / スクロール / マスク / 自然アニメ / ローディング / ウィンドウ / メニュー / ナビゲーション / その他  
CGIとの連携
MX新機能 / コンポーネント   
MX2004情報  

ボタン

Flashで作るボタンです。面白い動きやカラフルなボタンにすることが出来ます。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
ボタン1 ボタン2 ボタン3 ボタン4  
7K 4K 8K 25K  

Flashでつくる立体的なボタンです。

マウスでロールオーバーするとひかります。

ボタンのアニメーション効果、3タイプです。

様々なアニメをするボタンです。

 

お気軽にお問い合せください。

このページの先頭へ

 

 

ランダム

毎回決まった動きではなくリアルタイムに変化するようなアニメーションもFlashで作成することができます。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
ランダム1 ランダム2 ランダム3 ランダム4 ランダム5
1K 11K 3K 5K 1K
雲の動きをスクリプトで制御しています。ランダムでXY位置・大きさ、α値の変更、MC複製。 花びらが落ちるアニメーションです。ランダムで位置X位置変更。 レーザービームのようなアニメーションです。ランダムで角度変更。 水面の浮かぶたまごのアニメーションです。ランダムでMC複製、位置、大きさなどを変更。 雨の波紋アニメーションです。ランダムでMC複製、位置、大きさなどを変更。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
ランダム6 ランダム7 ランダム8 ランダム9  
1K 3K 1K 2K  
たまごが増殖するアニメーションです。ランダムでMC複製、位置、大きさなどを変更。

宇宙を飛んでいるかのような、星が迫ってくるアニメーションです。ランダムでMC複製、位置、大きさ、角度などを変更。

中央から星が回転しながら飛び出してくるアニメーションです。

星が瞬きながら横にスクロールするアニメーションです。配列を使用した星の平行移動。背景も配列で制御。

 

お気軽にお問い合せください。

このページの先頭へ

 

 

マウス

マウスの動きに合わせてアニメーションをしたり、カーソルを変更したりもできます。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
マウス1 マウス2 マウス3 マウス4 マウス5
5K 3K 8K 10K 4K
ボタンをクリックしてアニメーションを再生、停止できます。 マウスカーソルにくっついてくるUFOです。 魔法の杖をドラッグ&ドロップできます。また、ドラッグ中に違うアニメーションを3パターン用意しました。 マウスカーソルにくっついてくる文字です。 マウスカーソルを変更します。
サンプルムービー表示 サンプルムービー表示
マウス6 マウス7      
2K 4K      
マウスカーソルに顔の向きがついてきます。 画面上でマウスをクリックすると波紋がでます。      

お気軽にお問い合せください。

このページの先頭へ

 

 

スクロール

テキストやムービークリップをスクロールさせます。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
スクロール1 スクロール2 スクロール3 スクロール4  
3K 9K 4K 6K  
ボタンをクリックしている間テキストをスクロールするフィールドです。 ムービークリップをスクロールしますが、ボタン自体も移動します。 外部テキストを読み込み、HTMLフィールドをマウスオーバーでスクロールさせます。 外部テキストを読み込み、HTMLフィールドをマウスクリックやスクロールバーでスクロールさせます。  

お気軽にお問い合せください。

このページの先頭へ

 

 

マスク

マスク処理を使うことで表現力豊かなムービーの作成が可能です。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
マスク1 マスク2 マスク3 マスク4  
5K 76K 34K 60K  
マスクを使ったテキストのムービーです。 マウスカーソルを変えてレンズにし、さらにレンズ内を拡大しているような効果をだします。 画像をクリックしたところに波紋をだします。 スライドボタンを押すことで画像が4タイプに切り替わります。さらに右上の小さなボタンを押すことで切り替わる方を変更できます。  

お気軽にお問い合せください。

このページの先頭へ

 

 

自然アニメーション

自然の動きにこだわったアニメーションです。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
自然1 自然2 自然3 自然4 自然5
51K 4K 3K 70K 34K
雲の流れを表現します。 炎の動きを表現します。 ボタンのON・OFFでランプつけます。 マスク効果をつかって霧を表現します。 煙の動きを表現します。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
自然6 自然7 自然8 自然9 自然10
23K 10K 4K 6K 3K
雨の動きを表現します。 こちらも雨ですが、奥行きによって大きさが違う波紋を表現します。 ランダム編でもあった雨の表現です。 波紋を上からみた表現です。 ランダムで色を変えた星の動きを表現しています。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
自然11 自然12 自然13 自然14 自然15
46K 8K 20K 3K 3K
海の波の表現です。 ランダムで雪を降らせながら、水面に映る影の揺らぎを表現しています。 回転させた葉などが落ちつづける手書きアニメーションです。ボタンを切り替えることによって、背景、落ちる葉の種類(春夏秋冬4パターン)を切り替えられます。 マウスの位置によって動きをかえるたまごです。 地面より花が飛び出してくるアニメーションです。

お気軽にお問い合せください。

このページの先頭へ

 

 

ローディング

ムービーを読み込んでいる間の処理にもアニメーションを使用することができます。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
ローディング1 ローディング2 ローディング3    
261K 263K 68K    

ローディングをグラフで表示し、視覚的にわかりやすくしてます。

ローディング中のいろいろな情報を表示してます。また状況に合わせて背景を変えてます。

これちらは変則的なローディング処理です。1フレームで処理できるようにしています。

   

お気軽にお問い合せください。

このページの先頭へ

 

 

ウィンドウ

ムービー内でウィンドウを育成し、各コンテンツを表示することも可能です。
サンプルムービー表示 サンプルムービー表示
ウィンドウ1 ウィンドウ2      
11K 7K      

2つのウィンドウの表示・非表示ができ、位置を記憶させておけます。またウィンドウ内のタブを切り替えることで違う内容を表示できます。

タイトルと内容の違うウィンドウをいくつでも作れます。ウィンドウをドラッグ&ドロップで移動させる時、残像が残るように処理しています。      

お気軽にお問い合せください。

このページの先頭へ

 

 

メニュー

様々な動きをするメニューを集めてみました。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
メニュー1 メニュー2 メニュー3 メニュー4 メニュー5
16K 5K 36K 49K 26K

キャラクター型のメニューです。はじめにフィールドをクリックすると出現、キャラクター以外のフィールドをクリックすると消えます。

フォルダー型のメニューです。

階層メニューです。ボタンクリックでシーンを切り替えています。

これちらは応用的な階層メニューです。

スライド式メニューです。

サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
メニュー6 メニュー7 メニュー8 メニュー9 メニュー10
8K 11K 25K 5K 13K

各ファイルアイコンをフォルダーにドラッグ&ドロップすることで処理をします。

こちらもスライド式メニューです。

下から飛び出すメニューです。

こちらはボタンを浮遊させています。

ポスター型メニューです。クリックすると床が変わります。

サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
メニュー11 メニュー12 メニュー13    
10K 24K 12K    

こちらはクリックしたボタンを自動で移動させ他のボタンもそれにあわせて移動するメニューです。

カプセル型メニューです。クリックするとカプセルを開き、他を自動で閉じます。

マウスの位置によってメニューのテキスト形状が可変します。

   

お気軽にお問い合せください。

このページの先頭へ

 

 

ナビゲーション

Webサイトの一部となるナビゲーションシステムです。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
ナビ1 ナビ2 ナビ3 ナビ4  
41K 24K 6K 155K  

上部などに配するタイプのナビゲーションです。マウスオーバーで中央の画像が切り替わります。

こちらはサブメニューを操ります。

画像をスライドさせるアクションです。

各頁にサブメニューがありますがこれはドラッグ&ドロップで領域外にもってくることが可能です。元の領域でマウスを離すと、最初の位置に自動で戻ります。

 

お気軽にお問い合せください。

このページの先頭へ

 

 

その他

その他、Flashで表現できる様々なムービーを用意しました。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
カラー変更 簡易グラフ Flashサイト 簡易グラフ2 外部テキスト
9K 11K 40K 10K 3K
画面上でマウスをクリックするとたまごのカラーが変更されます。 簡易的なものですが、計算結果をグラフにして表示します。

こちらも簡易的なものですが、Flashのみで構成するWebサイトのサンプルです。デザインポケットたまごの旧Flashサイトがこちらにもあります。

簡易的な折れ線グラフです。 複数の項目を外部テキストで読み込む方法です。LINK形式にして3項目それぞれ3件ずつ読み込ませてます。項目1:アドレス、2:サイト名、3:サイトの内容となってます。
サンプルムービー表示 サンプルムービー表示
アナログ時計 デジタル時計      
3k 10k      
Flashで作ったアナログ時計です。 Flashで作ったデジタル時計です。      

お気軽にお問い合せください。

このページの先頭へ

 

 

CGIとの連携

カウンターやメールフォーム、掲示板のFlash版サンプルです。
FLASHカウンター シンプルなFLASHカウンター。
FLASHメール FLASHメールフォーム。サンプルではフォームに記入したメールアドレス宛に送りますのでご自分のアドレスを記入してください。その他、タブやチェック、ラジオボタン、アニメーションカーソルに対応。
FLASH掲示板 FLASH掲示板。サンプルの最大書き込み件数は100件です。
FLASHゲームランキング FLASHゲームランキング。簡単なシューティングゲームもついてます。

お気軽にお問い合せください。

このページの先頭へ

 

以下、制作者向け情報です。

MX新機能

バージョンMXからできるようになった新機能です。
サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
SetInterval&ClearIntervalコマンドとボタンオブジェクト Stageプロパティとメソッド テキストフィールドとSwitch
ステートメント
シェイプ描画
API
サウンドコントロールの強化
7K 28K 15K 26K 104K

MXからはムービーが存続している間、一定の周期でコールバックルーチンを呼び出すための設定をすることができるようになりました。

サンプルは一定周期でカウントアップしていきます。

Stage プロパティとメソッドを使うとスクリーン上のFLASHコンテンツのレイアウトをコントロールすることができます。 実行時にテキストをコントロールすることができます。
 また、switchも使用してます。Switchステートメントは、Macromedia Flash Player 5 形式SWFに書き出しても有効です。

ベクターグラフィックスを実行時にリアルタイムで作成することができます。

サウンドの継続期間、現在の再生ポジション、サウンド終了イベントの検出が可能になりました。

サウンドが終了すると同時に次の音楽を再生するサンプルです。

サンプルムービー表示 サンプルムービー表示 サンプルムービー表示 サンプルムービー表示
SharedObjects によるクライアントデータの保持 名前付きアンカー リッチメディアサポート MP3とJPEG動的読み込み 高音質オーディオサポート
:24K 6K 85K 6K 654K

SharedObjectsとは、ローカルにデータを保存する機能です。(詳しくはマクロメディアのこちらにも説明があります。)後のセッションでそれを読み込んで再利用することができるので、セッション再開時のサーバーへのリクエスト数や、ユーザーセッションの準備に必要なデータ転送量が少なくなり、アプリケーションのパフォーマンスが最適化されます。

また、コミュニケーションサーバーを使えば、ユーザーがオンラインになったときにサーバーとデータを同期するオフラインアプリケーションの開発も可能になります。保存したローカルデータの消去についてはこちらをご覧下さい。

 サンプルではオリジナルキャラ「ドッペルさん」の色を変えられそれカラー設定を保存します。カラーを変えたら一度ウィンドウを閉じて、再度開いてみてください。

ブラウザの「進む」「戻る」でFLASHムービーを制御できるようになりました。これによりブラウザのブックマークや、HTMLでの直リンクも可能になります。

ただし、Active X または Live Connect 経由なので、Mac 版 IE、Netscape6 等のブラウザでは動作しません。

一度ウィンドウを閉じてから新規でウィンドウを開いてください。

MPEG、DV(デジタルビデオ)、QuickTime ムービー(MOV)、AVI などを含む、QuickTime Player や Windows Media Playerで サポートするすべての標準ビデオ形式を読み込むことができます。Sorenson Sparkは、Flash MX に含まれているモーションビデオコーデックで、フルモーションのビデオを Flash コンテンツやアプリケーションに追加することができます。
ビデオを読み込む際、圧縮設定用のダイアログが表示され、読み込まれたビデオは、Macromedia Flash MX ドキュメント(.fla)内に直接埋め込まれます。オーディオも、MP3 や新たに追加されたスピーチ用に最適化されたコーデックなど Flash がサポートする方法で圧縮を設定することができます。Web サイトやアプリケーションにインタラクティブなビデオを組み込み、演出の幅が広がりました。

サンプルでは、aviに桜の花弁をランダムで落としています。

実行時のイメージやサウンドの動的読み込みができるようになりました。別の外部ファイルにすることにより、Flashファイル自体のサイズを抑えることができるだけでなく、コンテンツおよびアプリケーションの制作および開発期間、更新する時間も減少します。

サンプルでは動的イメージ取り込みをとりあげています。

ADPCM、MP3 などのサポートに加え、新たにスピーチ用オーディオ圧縮テクノロジーもサポートしました。

ストリーミング設定にしてますが、ローディング処理を入れてないのでご注意ください。

サンプル1「スピーチ」表示 【swf1:654K】
サンプル2「MP3」表示 【swf2:361k】

サンプルムービー表示
マスク制御        
94k        
スクリプトによるマスク制御が可能になりました。        

お気軽にお問い合せください。

このページの先頭へ

 

 

コンポーネント

サンプルムービー表示
サウンドコントロールコンポーネント        
7k        
鳴らしたいサウンドを登録しておき順に再生していくジュークボックスのようなコンポーネントです。ローディング処理は未対応です。        

お気軽にお問い合せください。

このページの先頭へ

 

 

MX2004情報

Flash MX 2004製品紹介ページさらに詳しい新機能紹介ページ
 新機能については今回マクロメディアが詳しく提供してます。
Flash MX Professional 2004製品紹介ページ
Flash MX 2004 と Flash MX Professional 2004の機能比較ページ
デザイナー&デベロッパーセンター
技術情報などいろいろ掲載されています。ヒント、記事、チュートリアル、資料を参照したり、フォーラム、コード例、参考資料をみることができます。

■その他、MX2004情報
 Dreamweaver MX 2004
 Fireworks MX 2004


FLASH-japan
 FLASHユーザーのためのコミュニティサイト。

F-site
 「サロン」コーナーにコミュニティがありますが、他にも情報が沢山あります。

Fumiononaka.com
 野中さんのFlash情報サイトです。

FWiki-ja:Flashcoders Wiki japan
 こちらもFlashについてのコミュニティ、「フィキージャ」

Google グループ macromedia.flash.japan 
 http://groups.google.co.jp/groups?group=macromedia.japan.flash

ニュースグループ 
 news://forums.macromedia.com/macromedia.japan.flash

Studio MOMO
 色々なソフト、CGの掲示板&リンク集

お気軽にお問い合せください。

このページの先頭へ

 

 

 





Home 前のページにもどる このページの先頭へ

はじめての人へ リンク モバイル お仕事 うごくえほん おしらせ おしらせ うごくえほん お仕事 モバイル リンク はじめての人へ トップページ トップページ お気に入り お気に入り お問い合わせ お問い合わせ



(C) Design Pocket TaMaGo

Design Pocket TaMaGo