Home > BLOG | FLASH > デコメアニメテンプレートの作り方

デコメアニメテンプレートの作り方

  • Posted by: モトダ
  • 2008年7月20日 05:00
  • BLOG | FLASH

デコメアニメテンプレートの作成

デコメアニメテンプレートって?

docomoの新機種で対応しているFLASHデコメアニメで
ユーザーがデコメアニメを作る為のテンプレートです。
ユーザーはコレを使ってテキストや画像を入れて友達とかに送るわけです。

■必要な物

・デコメアニメキット
・iモードHTMLシミュレータII(プレビュー確認用)
・Adobe Flash CS3

現状ではFlashLite3でパブリッシュできるのはFlash CS3だけみたい。

デコメアニメキットとiモードHTMLシミュレータIIをインストールしましょ。
docomoのサイトからダウンロードできます。
デコメアニメキット
iモードHTMLシミュレータII

<作成>

Adobe Flash CS3を立ち上げます。

新規作成(モバイル)を選択
deco1.jpg


Adobe Device Central CS3が立ち上がるので

deco2.jpg

プレーヤーバージョンをFlash Lite 3.0
使用可能なデバイスをFlash Lite 3.0のどれかにして
右下の作成ボタンを押す

[修正]→[ドキュメント]からドキュメントサイズを240×240または480×480にする。
フレームレートは8fpsが推奨らしい。

ActionScriptは2.0なので大抵の事はできるっぽい。
※BitmapDataとかが使えないとか。


ステージに矩形MCを作成し、特定のインスタンス名をつけることでユーザーが入力できるエリアをつくれます。
・文字入力エリア:「_tb#」
・画像入力エリア:「_img#」
「#」は0~29の整数。また1桁(0~9)の場合は「_tb1」のように設定。

ステージに配置してからインスタンスの拡大縮小はしないほうがいいっぽい。

<サンプル制作>


今回は昼と夜で表示されるメッセージが変わるデコメテンプレートを作ってみます。
題材は818ncオリジナルキャラ「オバ犬」です。

まず昼用と夜用の背景やキャラを作り、フレームも昼用夜用で分ける。。
deco4.jpg
deco5.jpg
deco6.jpg


昼用には_tb1とインスタンス名をつけたシンボルを配置
夜用には_tb2とインスタンス名をつけたシンボルを配置
deco7.jpg


1フレーム目に時間帯で昼と夜を振り分けるスクリプトを記入

timeDate = new Date();
timeHour = timeDate.getHours();
if (timeHour>=19 && timeHour<24) {
this.gotoAndStop("night");
} else if (timeHour>=0 && timeHour<=4) {
this.gotoAndPlay("night");
} else {
this.gotoAndStop("day");
}
※19時から5時まで夜用が表示

パブリッシュします。
deco8.jpg
※パブリッシュ時は「ムービーの圧縮」チェックを外す


<オーサリング>


パブリッシュしたSWFをデコメアニメキットにドラッグアンドドロップします。
エラーメッセージが表示されず、設定した挿入MC(_tb1や_img1など)のリストが出ればOK。
deco9.jpg
※今回で言えば_tb1と_tb2のテキストリスト


プレビューを押すとiモードHTMLシミュレータIIが立ち上がってプレビューできます。
deco10.jpg
こんな感じ。

[ファイル]→[デコメテンプレート出力]でオーサリング
.vgtという拡張子のファイルが出来上がります。

この.vgtというファイルがデコメテンプレートファイルです。
※テキストエリアに文字を入力した状態で[ファイル]→[デコメテンプレート出力]をすると入力してあるテキストがデフォルトになります。

このvgtファイルを対応機種でダウンロードすればデコメテンプレートとして使えるはず。。。

今回作ったオバ犬デコメアニメテンプレート
deco_QR_Code.jpg

obaken.vgt


でも、俺の携帯はSoftBankなので実機確認は出来ない罠w


おまけ・swfバージョン(右クリック→再生とか巻き戻しで昼夜移動できる)
obaken.swf

【関連記事】

ワード

Comments:3

adult 2008年8月26日 09:53

good post man thx http://brocky.u.yuku.com/ ">purchase xanax 7575

bob 2008年9月 2日 08:54

nice site dude http://chayton.u.yuku.com/ ">absolutely free ringtones >:-DDD

joseph 2008年9月 3日 05:19

bookmark you thx http://chato.u.yuku.com/ ">jesus take the wheel ringtone 993387

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://818nc.jp/mt/mt-tb.cgi/110
Listed below are links to weblogs that reference
デコメアニメテンプレートの作り方 from Re:Moto - モトダのブログ【リモート】

Home > BLOG | FLASH > デコメアニメテンプレートの作り方

NetRadio -生声-
ボイスブログ君場末のネットラジオ
ボイスブログ君でしゃべってます。
初音ミク ベスト
ベストアルバム遂にリリース!
初音ミク ベスト~impacts~
初音ミク ベスト~impacts~

初音ミク ベスト~memories~
初音ミク ベスト~memories~
TwitterさんとTumblrくん

MOTOCLOCK
ボカロスタ
ボーカロイドコンピレーション
EXIT TUNES PRESENTS Vocalostar feat.初音ミク
EXIT TUNES PRESENTS Vocalostar feat.初音ミク
ブラック★ロックシューター
supercell公認ブログパーツ

たまらなくブラック★ロックシューター
VOCALOID - ボーカロイド
ボーカロイド関係で作ったヤツ一覧
◇楽曲再生【真・フルみっくすプレーヤー】
◇楽曲再生【フルみっく伝染歌プレーヤー】
◇携帯待受FLASH【初音ミク】
◇鍵盤ブログパーツ【初音ミクnano】
◇鍵盤ブログパーツ【初音ミクnyano】
◇Youtube動画CH【ミクセグ】
◇リンレン販売促進【双子よろしくぅ!】
◇アンチ用ネル様ブログパーツ【買うな!】
WISH - 欲っする!欲っする!
俺の作ったロゴをベースに
使ってもらってます。
卑怯戦隊うろたんだー

未体験のお笑いゾーンが満載!
あらびき団 第1回本公演 [DVD]
あらびき団 第1回本公演 [DVD]


LIVETUNEの新作!
Re:MIKUS
Re:MIKUS


悪魔召還笑劇ストーリー
よんでますよ、アザゼルさん。 3 (3) (イブニングKC)
よんでますよ、アザゼルさん。(3)


あの歌がCDに!ネタとして持っておく一枚。
CDで聞いてみて。~ニコニコ動画せれくちょん~
CDで聞いてみて。~ニコニコ動画せれくちょん~


ねんどろいど

ねんどろいど 鏡音リン (ノンスケールABS/PVC塗装済み可動フィギュア)
ねんどろいど
鏡音リン
ねんどろいど 鏡音レン (ノンスケールABS/PVC塗装済み可動フィギュア)
ねんどろいど
鏡音レン

ミックミクかがみん参上!
ねんどろいど らき☆すたOVA ミックミクかがみ (ノンスケールABS&PVC塗装済み可動フィギュア)
ねんどろいど らき☆すたOVA ミックミクかがみ (ノンスケールABS&PVC塗装済み可動フィギュア)
美女×餃子
美女餃子。美女餃子。
餃子が好きなのでこんなんはじめました。
美女×餃子のWEB写真集サイトです。
Mobile blog - モブログ
2009-04-02 (木)
Image1063.jpg

これからカスタマイズします。

Search - 検索
Track Word - 検索語
Feeds - フィード

Return to page top