« 肩こり対策 | メイン | 黒ひげUSBハブ »

携帯フラッシュその7

             r'゙⌒\
            (゚ω゚= i
             i. U  |  r'゙⌒\
       r'゙⌒\  l、/  ) (ω゚=  l
      (ω゚=  i   (、 <ヽ  l U  .l
        | U  l ,,,..,,,,_∪U  ヽ   )
  /⌒ヽ  ヽ/   / ,' 3  `ヽーっ (  /⌒ヽ
 i =゚ω゚)l  (.  < l   ⊃ ⌒_つ . (=   i
 U   U  /⌒ヽ`'ー---‐'''''/⌒ヽ.l    lj
  l  Y j / =゚ω ). /⌒ヽ / =゚ω.)l  ) )
  ヽ 'l 〉 l  U l / =゚ω゚) l  U l 〈 / ノ
   U '、j (  ソ |  U /  ((   ノ  し ∪
       ノ、 }  ( ヽノ  ノ 〉 ノ
       し U  ノ>ノ   し U
            しU
フラッシュ次郎です。
アナログ時計の作り方です。

時間の取得は出来ていますので問題は針をどうするかですね。
角度とか。

    lヽ
    l 」 /⌒ヽ        /⌒ヽ
    ‖/  ^ω^)     / ´_ゝ`)
    ⊂ノ   /つ      |    / もう時計は
     ( ヽノ           | /| | ええっちゅ〜ねん
      ノ>ノ  ヒタヒタ    // | |
. 三  しU          U  U

                 /⌒ヽ/⌒ヽ
               / ^ω^)´_ゝ`)
               / ⊃=[|    /
              ( ヽノ;’| /| |
               ノ>ノ  // | |
           三  しU  U  .U


ではまずいつものとおり、
ファイル(F)→新規(N)→Flashドキュメント

見やすいように ActionScript と ムービークリップ 用のレイヤーを分けます。
200707111.gif
200707112.gif

ActionScriptレイヤーにキーフレームを1つ追加します。
200707113.gif

針レイヤーにフレームを1つ追加します。
200707114.gif

ActionScriptレイヤーの1フレーム目に以下を書きます。

//基本値取得
Hour = fscommand2("GetTimeHours");
Min = fscommand2("GetTimeMinutes");
Sec = fscommand2("GetTimeSeconds");
//加工
if (Hour>12) {Hour =Hour-12;}
//角度
SecondHand._rotation = Sec*6;
LongHand._rotation = (Min*60+Sec)*0.1;
HourHand._rotation = (Hour*60+Min)*0.5;

LongHand._xscale = 100;
LongHand._yscale = 100;
HourHand._xscale = 100;
HourHand._yscale = 100;
200707115.gif

「//角度」の上から順番に「秒針」「長針」「短針」です。
_rotation は後から作るムービークリップのプロパティで回転角度を表す値です。
また、その次の4行についてですが、 rotation に小数点を入れると何故か画像が縮むので scale を指定します。
今回のキモはここです。ここだけ覚えたらもういいです。

あとは針の作成です。
まずは秒針から

挿入(I)→新規シンボル(N)
200707116.gif

名前は「秒針」
200707117.gif

ツールで適当に描いて、プロパティできっちり合わせます。
200707118.gif

同じ手口で「長針」「短針」のシンボルを作ります。
出来たら Ctrl+l で一覧が出るのでドラッグして画面に持ってきます。
200707119.gif

再度、プロパティで位置の正確な数字を入力します。
さっきのは各シンボル内での座標で、今度は携帯画面(240x320)内での座標です。
このとき、プロパティ画面左上の「インスタンス名」に「秒針」「長針」「短針」それぞれ「SecondHand」「LongHand」「HourHand」と入力します。
これの名前がさっき書いたスクリプトの名前(SecondHand._rotationとか)と関連します。
20070711a.gif

そいでムービープレビューでみるとアナログ時計の出来上がりです。
20070711b.gif

これがほぼ最低限で何の飾り気もないアナログ時計です。
ここのflaファイルを置いておきますので好きに使って下さい。
flaファイルをダウンロード

以下はおまけ
20070711c.jpg
約98kb
20070711e.gif
flaファイルをダウンロード

20070711d.gif
約41kb
20070711f.gif
flaファイルをダウンロード

次回はブログパーツの作り方です。


ヽ(´・∀・`)ノ それ携帯ちゃうやん。このうんこくず。
    くく


    *'``・* 。
    |     `*。
  ,。∩      *  もうどうにでもな〜れ〜
  + (´・ω・`) *。+゚
  `*。 ヽ、  つ *゚*
   `・+。*・' ゚⊃ +゚
   ☆   ∪~ 。*゚
    `・+。*・ ゚

トラックバック

このエントリーのトラックバックURL:
http://www.xsurge.com/cgi-bin/mt-tb.cgi/215




About

2007年07月11日 17:19に投稿されたエントリーのページです。

ひとつ前の投稿は「肩こり対策」です。

次の投稿は「黒ひげUSBハブ」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。