携帯

かっこいいアナログ時計の待ち受けを作りましょう。

必要なもの

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点。

行ってみたいな私かて。

さておき作業手順。

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のフレームに移動、再生

これだけ。

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