KohFlag's Blog

アクセスカウンタ

zoom RSS Flashでアナログ時計

<<   作成日時 : 2012/10/09 09:30   >>

ブログ気持玉 0 / トラックバック 1 / コメント 0

画像


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





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

<Flashファイル作成手順>

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

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

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

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


<Flashファイルをこの記事に表示する手順>

  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にアップするのもイイかもです。

イラストや画像制作ソフト

イラスト制作ソフト

ペンタブレット

良さそうなツール

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(1件)

タイトル (本文) ブログ名/日時
フェラガモ アウトレット
Flashでアナログ時計 Step One Day 〜 一日一歩 〜/ウェブリブログ ...続きを見る
フェラガモ アウトレット
2013/07/03 09:03

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文

Profile

H.N.(ハンドルネーム)
KohFlag (コウふらっぐ)
近況
絵を描いたり、
CGを作ったりしています。
このブログについて
描いた絵や作ったCGなどを、
載せていく予定です。
お問い合わせ
コチラからどうぞ
何かありましたら、
お気軽にご連絡ください。

Personal Website

Twitter

Links

Flashでアナログ時計 KohFlag's Blog/BIGLOBEウェブリブログ
文字サイズ:       閉じる