Flashでアナログ時計

画像


FlashとActionScriptをちょっとやってみようと思い・・・アナログ時計を作ってみました。
今回作ったのはこんな感じ↓





作成手順など、書いてみます。



  1. Adobe Flashのソフトを起動。

  2. ソフト内で、アナログ時計の画像データを作成および、シンボル化を実施。

  3. ソフト内で、1でシンボル化した画像を動かす(時計の動きをさせる)為のプログラムを、ActionScript 3.0 で作成。

  4. ソフト内でパブリッシュにより、Flash(.sw)ファイルを作成。




  1. 作成したFlash(.sw)ファイルをサーバー(biglobeやniftyなどお好みの場所に)にアップロード。

  2. サーバーにアップロードしたFlashファイルの内容を表示するプログラムをJavaScriptで作成。

  3. 作成したJavaScriptプログラムを読みだす為のscriptタグを、この記事を記述する。



今回、Flashのアナログ時計を作成するに辺り、下記の1~Webサイトのおかげで助かりました。
JavaScriptプログラム内には、Flashファイルを表示する為のHTMLコードの設定がしてあります。
このJavaScriptを介してFlashファイルを表示させる事でFlashファイル表示用のHTMLコードを、HTMLソース内に書かなくて済むので、便利かもしれないと感じます。
Webサイトの作者様、本当にありがとうございますm(_ _)m

<参考にしたWebサイト>

  1. ブログパーツを表示する方法・JavaScriptの作り方

    http://www.c61.org/wd/080131/sample_01.html

  2. Flash素材の設置方法

    http://homepage3.nifty.com/fs/sozai/setti.html

  3. Flash ブログパーツの埋め込み
    http://groundwalker.com/blog/2007/08/flash_deployment.html

  4. ActionScript 3.0 コンポーネントリファレンスガイド Dateクラス

    http://livedocs.adobe.com/flash/9.0_jp/ActionScriptLangRefV3/Date.html

  5. ActionScript 3.0 のプログラミング > 正規表現の使用 > 正規表現のシンタックス

    http://livedocs.adobe.com/flash/9.0_jp/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00000112.html



Flashのアナログ時計は、既にたくさん作られているみたい(検索するとたくさん出てきます)ですが、
自分にとってはFlashとActionScriptの勉強になりました。
また、FlashファイルをWebサイトやブログに埋め込む方法も大体分かった気がします。

今後、また何かFlashファイルを作って、Webにアップするのもイイかもです。

この記事へのコメント


この記事へのトラックバック

フェラガモ アウトレット
Excerpt: Flashでアナログ時計 Step One Day ~ 一日一歩 ~/ウェブリブログ
Weblog: フェラガモ アウトレット
Tracked: 2013-07-03 09:03