必要なもの

1.かっこいいアナログ時計の画像

2.ちょっとしたFlashの知識

以上。

下ごしらえ編はざっくりとしたPhotoshopCS3を使用した画像の作成方法を載せます。

完成イメージはこんな感じです。

完成イメージ

1.新規ファイルをキャンバスサイズ240*320で開く。（携帯の画面サイズにより変更してください）

2.ガイドとなる円を描く

3.ガイドに沿って時計盤を作成する

4.無駄な機能の3つの円を配置

今回は無駄に月齢や生活防水機能がついているので3つの円を配置します。

12時、3時、6時、9時は短くなってます。

コツとしては12時と6時を作成しマージ、マージしたものを複製しCWに90°回転しまたマージ、またマージしたものを複製し30°ずつ回転していくときれいな円になります。

5.金属エフェクトを追加する

円達は下記のような設定でメタルさを出します。

5.無駄な円達にディテールを作成

新規ファイルを追加し、長い白線（6*15px）を均等に12個配置し、その間に短い白線（2*10px）を配置（下図04参照）

6.作成したベースを円形にする

ディテール用ベースをキャンバスの中心に配置（Ctrl+CをしてCtrl+Vをすると中央に配置されます）し、フィルター　＞　変形　＞　極座標　＞　OK

7.ディテールを追加する

最初のファイルに上記で作成したレイヤーをコピーしリサイズする。

（左の円の中身はなんとなく変えてあります。）

8.針や数字を入れる

これで3つの円達は完成。

9.センターにポイントを追加しガイドをはずして完成

お疲れ様でした。

アレンジ次第で無限の可能性を秘めています。

短針、長針、秒針についてはFlashのベクトルで作成したほうが仕上がりがきれなので次号（？）Flash作成の際に解説いたします。

だって電話だからね。

今どうかは知らないが、携帯は電話をする道具として確立され、メールやWebはマイコンを使用するものだと決め事のようになっていた。

2年前にアメリカに滞在していたときはテキストメールといって日本で言うショートメールやCメールのようなものを多少使うようにはなってきてはいたが、まだまだ日本のように携帯に依存してはいない。

現在日本でベンチャー企業を立ち上げWebコンサルもやっていて感じた。

携帯はアツい。

遅いですかね？

ということで携帯用サイトを構築しました。

しかし、ユーザーに｢こっちがPC用アドレスですよ、そしてこっちが携帯用です。｣なんていうのもまどろっこしいですよね。

1つのアドレスを浸透させたいじゃないですか。

ですので、アクセスの端末によってサーバーサイドで判別することにしました。

User-Agentを取得して表示させるページを指定するするプログラムでも作ろうと思ったら.htaccessを作成するだけでいけるみたいですね。

遅いですかね？

以下がそのソース

①キャリアごとに表示するページを変えたい版

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

Options +FollowSymLinks

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} DoCoMo

RewriteRule ^$ http://hogehoge.com/i/index.html [R]

RewriteCond %{HTTP_USER_AGENT} SoftBank

RewriteRule ^$ http://hogehoge.com/s/index.html [R]

RewriteCond %{HTTP_USER_AGENT} UP.Browser

RewriteRule ^$ http://hogehoge.com/au/index.html [R]

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

*User-Agentは変わる場合がありますのでその都度変更して下さい。

②キャリアに関係ない版

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP\.Browser|J-PHONE|Vodafone|SoftBank)

RewriteRule ^$ /m/ [R]

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

□作業内容

1.メモ帳などに上記ソース（①または②）を貼り付ける。

2.赤字の箇所を任意のアドレスに変更する。

3.ファイル名をhtaccess.txtで保存する。

4.FTPソフトで振り分けたいページのあるディレクトリにhtaccess.txtをアップロードする。

5.｢htaccess.txt｣を｢.htaccess｣（*頭のドット【.】を忘れずに）にリネームする。

6.携帯でアクセスしてリダイレクトされているか確認する。

参考までに我が社の環境です。

PCサイト　http://castage.net/

携帯サイト　http://castage.net/mobile/index.swf　（フラッシュインタラクティブ再生）

ルートディレクトリに下記のソースを.htaccessに記述してアップロードしました。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP\.Browser|J-PHONE|Vodafone|SoftBank)

RewriteRule ^$ /mobile/index.swf [R]

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

作業は簡単でしたが、この備忘録に時間がかかりましたっていう。

依頼された画像は次の4点。

画像01

画像02

画像03

画像04

行ってみたいな私かて。

さておき作業手順。

1. Flash Lite 1.1ファイルを新規作成（キャンバスのサイズは240ｘ400に設定）

2. action、images、BGのレイヤーを作成

3. imagesレイヤーに画像を挿入

画像挿入イメージ

4. actionレイヤーにActionScriptを書き込む

fscommand2(”SetQuality” , “high” );　//高画質設定

i=random(4)+2;　//変数iに画像のフレーム番号をランダムに格納

gotoAndStop(i);　//変数iのフレームに移動、再生

これだけ。

今後は文字とかカレンダーもつけてみよう。