X-LABO http://www.dango-itimi.com/blog/ 団子一味によるFlash実験Blog ja Copyright 2010 Fri, 13 Aug 2010 16:47:13 +0900 http://www.sixapart.com/movabletype/?v=3.2-ja-2 http://blogs.law.harvard.edu/tech/rss Google Maps API for Flash : マップ上に Polyline で円を描くクラス http://www.nanchatte.com/map/circle.html 【 ダウンロード 】 ファイル一式ダウンロード http://www.dango-itimi.com/blog/swf/101/com.zip 上記ファイル内には以下の二つのファイルを配置しています。 ・楕円頂点座標群取得用クラス com.dango_itimi.geom.core.Polygons ・Google Maps 上に円描画用クラス com.dango_itimi.googlemap.Circle 【 利用方法 】 事前に map インスタンス(com.google.maps.Map)を生成し、利用準備可能状態にしておく必要があります。 東京の緯度(35.689506)と経度(139.691701)に 頂点数 360 半径 300メートルの円を描画したい場合以下となります。 [code] var lat:Number = 35.689506; var lng:Number = 139.691701; var circleData:Circle = Circle.create(new LatLng(lat, lng), 360, 300); Circle.draw(map, circleData); [/code] 以下クラスのソースコードをそのまま記述。]]> http://www.dango-itimi.com/blog/archives/2010/001026.html http://www.dango-itimi.com/blog/archives/2010/001026.html FLASH Fri, 13 Aug 2010 16:47:13 +0900 zoome から YouTube へ zoome 動画アップロード有料化に伴い、YouTube への動画投稿に関して少々調査を行ないました。 ・HD画質の動画はアップロード時 YouTube のサーバ側で 約2000bps に強制再エンコードされる ・高めのビットレート(6000bps等)で動画を作っておけば再エンコードでも結構綺麗になるらしい 6000bps の動画をアップロードして再エンコードされるのと 3000bps の動画をアップロードして再エンコードされるのとで、表示にどのように違いが出るのか調べてみる必要がありそうです。少なくとも、高いビットレートの動画のほうがサーバ側でのエンコード処理に時間がかかりそう。 試しに過去作成した 1280x720 2800bps の動画をそのまま YouTube にアップロードしてみたところ、再エンコードによる画質劣化がやや目につくという点以外、特に問題なく簡単にアップロードできました。 サーバ側でのエンコードは段階的に行われるようで、動画プレイヤーの画質選択項目は、320, 480, 720 と時間が経過するにつれ増えていきます。 その他、HD画質で閲覧すると zoome よりも YouTube のほうがダウンロードに時間がかかる気がします。 追記 2010/07/21) 1280x720 4500bps の動画を作成しアップロードしてみたところ、音(BGM)がぶつぎりに再生されてしまう現象が発生。同動画のビットレートを 2000bps まで落として再アップロードしてみたところ、BGM は正常に再生されました。よって高ビットレートでも問題なく BGM が再生される設定方法を模索中。]]> http://www.dango-itimi.com/blog/archives/2010/001025.html http://www.dango-itimi.com/blog/archives/2010/001025.html ETC Tue, 20 Jul 2010 15:31:07 +0900 原点座標(0, 0)にシンボルを再配置する jsfl 前回記事の続きの記事ともなります。 【 ダウンロード 】 http://www.dango-itimi.com/blog/swf/100/OriginalPositioner.zip 【 jsfl ファイル解説 】 [code] ■ OriginalPositioner.jsfl メインクラスファイル このファイルを実行しても何も起こらず ■ OriginalPositionerOfSelectedLayer.jsfl 現在編集中のステージ内で 選択している1つのレイヤーの 全てのフレームに配置している 一つ目の要素(シンボルやシェイプ)の配置位置を 原点(0, 0)に設定する jsfl ファイル [/code] ステージ上に複数シンボル等が配置されている場合、どれが「一つめの要素」と判定されるかわかりません。上記スクリプトは、一つのフレーム内にシンボル等が1つだけ配置している場合を用途としています。 【 使用手順例 】 前回記事からの続きとなります。 (1) ムービークリップ walk_bottom.psd 内の、フレーム 1～6 に配置されている各ムービークリップ 1～6 を処理の都合上原点座標に配置したい場合があります。 (2) OriginalPositionerOfSelectedLayer.jsfl を実行することで、各ムービークリップ 1～6 が原点座標に自動で配置されます。]]> http://www.dango-itimi.com/blog/archives/2010/001024.html http://www.dango-itimi.com/blog/archives/2010/001024.html FLASH Thu, 15 Jul 2010 19:49:30 +0900 シンボル配置位置の小数点以下を四捨五入して再配置する jsfl http://www.dango-itimi.com/blog/swf/100/IntegralValuePositioner.zip 【 jsfl ファイル解説 】 [code] ■ IntegralValuePositioner.jsfl メインクラスファイル このファイルを実行しても何も起こらず ■ IntegralValuePositionerOfStage.jsfl 現在編集中のステージ内全てのレイヤーの 再生ヘッダ一にあるフレーム(currentFrame)に配置している 全ての要素(シンボルやシェイプ)の配置位置に対し 小数点以下を四捨五入して再配置する jsfl ファイル ■ IntegralValuePositionerOfSelectedItems.jsfl ライブラリで選択したアイテム(シンボル)内全てのレイヤーの 1フレーム目に配置している 全ての要素(シンボルやシェイプ)の配置位置に対し 小数点以下を四捨五入して再配置する jsfl ファイル ■ IntegralValuePositionerOfSelectedLayer.jsfl 現在編集中のステージ内で 選択している1つのレイヤーの 全てのフレームに配置している 全ての要素(シンボルやシェイプ)の配置位置に対し 小数点以下を四捨五入して再配置する jsfl ファイル [/code] 【 作成経緯と使用手順例 】 Photoshop での大量のキャラクターアニメーション制作後、Flash の psd インポート機能にて以下の状況が大量に発生しそうなため、今回の jsfl の制作を行ないました。 (1) ゲーム制作において都合のよい、足元を中心とした基準点で各レイヤー毎にムービークリップを作成する設定で psd を読み込みます。 (2) psd が読み込まれた後のライブラリの様子です。ムービークリップ 1～6 内には同数値のビットマップデータ 1～6 が配置されています。 ここで例えばムービークリップ1 の内容を見てみると… (3) ビットマップデータの横幅が 21 ピクセルため、配置 X座標が -10.5 という 0.5 ピクセルの少数値が付与されてしまっています。こいつはいただけねえぜ…！ (4) ライブラリのムービークリップ 1～6 を選択し IntegralValuePositionerOfSelectedItems.jsfl を実行すれば、小数点以下は四捨五入されて再配置されます。 次にライブラリ内 walk_bottom.psd ムービークリップを見てみます。 (5) Photoshop で作成したそのままの配置位置に、各ムービークリップ 1～6 が フレーム 1～6 に割り当てられているのがわかります。ここでよく見ると、配置されているムービークリップ の X座標 が 24.5 という、またしても小数点以下の数値が見えます。 (6) walk_bottom.psd レイヤーを選択し IntegralValuePositionerOfSelectedLayer.jsfl を実行すれば、選択したレイヤー内全てのフレームのムービークリップの小数点以下は四捨五入されて再配置されます。 次の記事「原点座標(0, 0)にシンボルを再配置する jsfl」へ続きます。 追記 2010年7月19日) jsfl ソースファイル内に誤りがあったため修正したものを再アップロードしました。]]> http://www.dango-itimi.com/blog/archives/2010/001023.html http://www.dango-itimi.com/blog/archives/2010/001023.html FLASH Thu, 15 Jul 2010 17:11:25 +0900 選択された一つのレイヤー内全てのキーフレームに指定数フレームを挿入or削除するjsfl 　↓ 1フレーム挿入 　↓ 1フレーム挿入　 　↓ 1フレーム削除 ■ ダウンロード [ jsfl ファイル一式をダウンロード ] ■ jsfl ファイル解説 [code] FrameTotalChangerToKeyFrames.jsfl コアとなるクラスファイル このファイルを実行しても何も起こらず FrameInserterToKeyFrames.jsfl 1フレーム 挿入 FrameRemoverToKeyFrames.jsfl 1フレーム 削除 FrameTotalChangerToKeyFramesGUI.jsfl プロンプトにて挿入 or 削除数を指定 [/code]]]> http://www.dango-itimi.com/blog/archives/2010/001022.html http://www.dango-itimi.com/blog/archives/2010/001022.html FLASH Mon, 12 Jul 2010 17:52:05 +0900 Flash CS4 → Flash CS5 にて _ゴシック のテキストフィールドに設定した文字列が埋込みフォント(静止テキスト)扱いになってしまう 一つ前の記事の Flash CS4 から CS5 で swf 容量が大きくなってしまう現象にて、原因の調査を行いました。 結論は記事タイトルの通りでした。以下の手順で確認を行なえます。 (0)Flash CS4 で以下の(1)～(5)までの作業を行う (1)「ダイナミックテキスト」に設定したテキストフィールドをステージ上に配置 (2)フォントファミリーを「_ゴシック」に設定 (3)テキストフィールドに適当な文字列を記述 (4)パブリッシュ設定内「サイズレポートの作成」にチェックを入れる (5)サイズレポート _gothic 箇所に何も文字列が埋め込まれていないことを確認し fla ファイル(test.fla とする)を保存 (6)Flash CS5 にて test.fla を開きパブリッシュ (7)サイズレポート _gothic 箇所に(3)で設定した文字列が埋込み設定されてしまっている事を確認 上記(2)で _sans を設定した場合 CS5 では文字列は埋め込まれない事を確認。また、CS4 ではなく CS5 で _ゴシック のテキストフィールドを作成し、テキストフィールド内に文字列を設定した場合、文字列は埋め込まれない事も確認。 CS5 にて新規で何かを制作する場合は問題は起きませんが、今まで CS4 で制作していたものを CS5 に移行しようとした場合の問題点となりそうです。 ]]> http://www.dango-itimi.com/blog/archives/2010/001021.html http://www.dango-itimi.com/blog/archives/2010/001021.html FLASH Wed, 16 Jun 2010 19:14:40 +0900 Flash CS4 で作成していた Flash Lite を Flash CS5 で書き出すと swf 容量が増加 → 次の記事へ]]> http://www.dango-itimi.com/blog/archives/2010/001020.html http://www.dango-itimi.com/blog/archives/2010/001020.html FLASH Wed, 16 Jun 2010 17:39:39 +0900 Flash ライブラリウインドウ内のサウンド一式再生確認でいい方法はないものか サンプルライブラリのサウンドで何か利用出来そうなものはないかと、一つ一つ曲を再生確認してみたのですが、あまりのマウス移動の多さに腕がつりそうになりました。 CS4 よりも前のどのバージョンかの Flash では、ライブラリウインドウ内のサウンドシンボルを選択した状態で Enterキーを押すとサウンドが再生・停止されたり、再生後 または再生中に上下キーを押すことで次のサウンドシンボルにフォーカスを当てることができたはずですが、この操作仕様は破棄されてしまったのですかね。ライブラリシンボル操作用のショートカットキーが割り振られていないのかと探してみたもののみつからず。 http://www.dango-itimi.com/blog/archives/2010/001019.html http://www.dango-itimi.com/blog/archives/2010/001019.html FLASH Tue, 08 Jun 2010 18:07:45 +0900 new MIDIキーボード購入 M-AUDIO Oxygen 61 という MIDI キーボードを購入。ボタンやツマミが色々とありますが、どうやら MIDI 作曲用ソフトの各設定と連動する模様。値段は 18000円ちょっとで、USB で PC と接続すれば即使用可能のため、私のような DTM 初心者にはお手軽な製品だと思います。 また、今までは Windows のデフォルトで付属していた Microsoft GS Wavetable SW Synth という音源?を用いていましたが、鍵盤を押してから PC に音が出るまでのラグがどうもひどかったのが懸念点でした。新しい PC には、いいサウンドカードが組み込まれているおかげなのか、鍵盤を押してからのラグがまったく感じられません。こいつはブラボーです。今後再びモリモリ弾き始める予定。]]> http://www.dango-itimi.com/blog/archives/2010/001018.html http://www.dango-itimi.com/blog/archives/2010/001018.html ETC Sun, 02 May 2010 18:01:23 +0900 Flash CS5 は XFL に期待 http://log.xingxx.com/2010/04/flash-cs5.html XFL が Flash CS5 の一番の売りになりそうなものですが、それほどプッシュされてる感はないので、過度な期待はしないほうがよいのかどうなのか。 fla ファイルライブラリ内の構造や、各シンボル内のレイヤーやタイムライン内の情報が全て xml ファイルに記述され、その xml ファイルの記述や XFL 内画像データを変更することで fla ファイルを編集せずとも Flash オーサリングが行えるというもの、のようですが実際に触ってみないとどこまで出来るかはわからず。 Flash オーサリング自動化処理は jsfl で可能でしたが、今後はどのようなツールを用いても可能ということになりそうなので、Flash オーサリング自動化処理ツールを Flash(AIR) で作成、といったこともできるのでしょうか。 想定している XFL の機能で行いたいことといえば、タイムラインアニメーションムービークリップの自動スクリプト処理変換です。 指定のフォーマットでタイムラインアニメーションを作成し、XFL 形式で保存。XFL 内 xml から 各フレームに配置された各シンボルの配置座標等読み取り、クラスファイルにそれら情報を出力。また、スクリプトで操作しやすいようなムービークリップを自動生成。 ゲームのキャラクターの動作イメージをタイムラインアニメーション(ムービークリップ)で作成し、XFL を利用して変換処理を自動化すれば、キャラクター動作用スクリプトの調整は一切手をつけずにムービークリップの編集内容そのままをゲーム内画面の動作に反映させる、なんて事が可能となります。 ありそうな難点といえば、xml 構造を破壊して fla ファイルを開く事ができなくなってしまうということ。要バックアップとなりそうです。]]> http://www.dango-itimi.com/blog/archives/2010/001017.html http://www.dango-itimi.com/blog/archives/2010/001017.html FLASH Thu, 15 Apr 2010 11:08:55 +0900 ドット絵ベルトスクロールアクション3D 2 http://www.dango-itimi.com/blog/swf/98/ 【 3Dカメラ操作方法 】 　・マウス 　[マウスドラッグ] --- Y軸を軸にした回転 　[マウスドラッグ + Shift] --- 拡大縮小 　[マウスドラッグ + Ctrl] --- 焦点位置変更 軸回転は微量行われるようにしています。ゲーム中演出としてY軸の微量回転もありかな、といったところです。]]> http://www.dango-itimi.com/blog/archives/2010/001016.html http://www.dango-itimi.com/blog/archives/2010/001016.html FLASH Sun, 11 Apr 2010 17:32:50 +0900 jQuery IE でのエラー ローカルPC上からでは ajax メソッドによる xml ファイルが読み込めず parsererror 発生 dataType に xml を指定し、IE を用いてローカル上で確認しようとすると parsererror が発生します。 [code] $.ajax({ url: ～, dataType: "xml", success: ～, error: ～ }); [/code] そもそもこれはこういうものなのでしょうか。サーバ上にアップロードすると問題なく動作しました。表示確認作業が少々やっかいになります。
head 内 title タグのデータ操作でエラーを出力
html ページのタイトルを変更したいな、と思い以下の記述を行うと IE で javascript エラーが発生します。 [code] $("title").text("ページタイトル文字列"); //NG! [/code] 素直に以下のように記述すればいいのかもしれません。 [code] document.title = "ページタイトル文字列"; [/code]]]> http://www.dango-itimi.com/blog/archives/2010/001015.html http://www.dango-itimi.com/blog/archives/2010/001015.html ETC Wed, 17 Mar 2010 19:18:47 +0900 OH! DANGO JAM が起動しなくなってしまった場合の対処 http://www.dango-itimi.com/jam/jamClear.html 大変申し訳ありませんが、上記ツールを用いてデータをリセットし、それでも宜しければ再び 1 から遊んでやってください。 敵の名前が「CPU」とつくものは戦っても安全な敵となっています。NaN と表示される敵と戦うと データが壊れてしまうという報告を受けていますのでご注意ください。]]> http://www.dango-itimi.com/blog/archives/2010/001014.html http://www.dango-itimi.com/blog/archives/2010/001014.html FLASH Thu, 18 Feb 2010 02:14:33 +0900 ドット絵ベルトスクロールアクション3D http://www.dango-itimi.com/blog/swf/97/ ※要 最新の Flash Player 10 　豆粒のように小さく表示される場合は Flash Player 10 が最新のものではありません 【 3Dカメラ操作方法 】 　・キーボード 　[W] --- 上移動 　[S] --- 下移動 　[A] --- 左移動 　[D] --- 右移動 　・マウス 　[マウスドラッグ] --- Y軸を軸にした回転 　[マウスドラッグ + Shift] --- 拡大縮小 　[マウスドラッグ + Ctrl] --- 焦点位置変更 軸回転は微量行われるようにしています。 用意した背景画像はこちら 今度は 3D上の表示を確認しつつ描き込んで行く予定。 ]]> http://www.dango-itimi.com/blog/archives/2010/001013.html http://www.dango-itimi.com/blog/archives/2010/001013.html FLASH Wed, 17 Feb 2010 01:46:51 +0900 Flash CS4 上でリンケージクラス設定を行うと jsfl からリンケージクラス設定変更は不可となる http://help.adobe.com/ja_JP/Flash/10.0_ExtendingFlash/WS5b3ccc516d4fbf351e63e3d118a9024f3f-7f92.html 参考図 図1) リンケージ設定が行われている状態 図2) リンケージ設定の解除が完全にが行われている状態 図3) リンケージ設定の解除が完全にが行われていない状態 図4) 図3の状態でシンボルプロパティを開いた状態 　　 この状態から「OK」ボタンを押すと図2の状態に移行する ]]> http://www.dango-itimi.com/blog/archives/2010/001012.html http://www.dango-itimi.com/blog/archives/2010/001012.html FLASH Sat, 13 Feb 2010 21:20:28 +0900