X-LABO: update アーカイブ

ドット絵ベルトスクロールアクション3D 2

もろもろ適当なベストスクロール処理実装。マウス方向にキャラクターが移動します。キャラクターはまだ奥の壁を突き抜けます。また、衝突判定確認用に立方体の表示を行っています。

　http://www.dango-itimi.com/blog/swf/98/

【 3Dカメラ操作方法】

　・マウス
　[マウスドラッグ] --- Y軸を軸にした回転
　[マウスドラッグ + Shift] --- 拡大縮小
　[マウスドラッグ + Ctrl] --- 焦点位置変更

軸回転は微量行われるようにしています。ゲーム中演出としてY軸の微量回転もありかな、といったところです。

[ FLASH ] [ update ] 2010年04月11日 17:32 | コメント (2) | トラックバック

OH! DANGO JAM が起動しなくなってしまった場合の対処

OH! DANGO JAM が起動しなくなってしまった、という報告を時たま受けていました。ネットワーク上に登録されたおかしなデータの敵と戦うと、自分のデータもおかしいことになってしまい、起動しなくなってしまうというものです。

なので、データを一度リセットするためのツールを用意しました。
http://www.dango-itimi.com/jam/jamClear.html

大変申し訳ありませんが、上記ツールを用いてデータをリセットし、それでも宜しければ再び 1 から遊んでやってください。

敵の名前が「CPU」とつくものは戦っても安全な敵となっています。NaN と表示される敵と戦うとデータが壊れてしまうという報告を受けていますのでご注意ください。

[ FLASH ] [ info ] [ update ] 2010年02月18日 02:14 | コメント (1) | トラックバック

ドット絵ベルトスクロールアクション3D

今まで作成してきたドット絵キャラクターが3D表現上にどのように映るか一度確認したかったため、適当な背景画像を作成し、簡単なサンプルを作成しました。

　http://www.dango-itimi.com/blog/swf/97/

※要最新の Flash Player 10
　豆粒のように小さく表示される場合は Flash Player 10 が最新のものではありません

【 3Dカメラ操作方法】

　・キーボード
　[W] --- 上移動
　[S] --- 下移動
　[A] --- 左移動
　[D] --- 右移動

　・マウス
　[マウスドラッグ] --- Y軸を軸にした回転
　[マウスドラッグ + Shift] --- 拡大縮小
　[マウスドラッグ + Ctrl] --- 焦点位置変更

軸回転は微量行われるようにしています。

用意した背景画像はこちら

今度は 3D上の表示を確認しつつ描き込んで行く予定。

[ FLASH ] [ update ] 2010年02月17日 01:46 | コメント (3) | トラックバック

PNGEncoder フレーム分割処理版

Flex SDK の mx.graphics.codec.PNGEncoder クラスを改造し、負荷が高くなる箇所を分割して処理を行う PNGEncoder クラスを作成しました。

すでに分割処理を行う PNGEncoder を作成されている方はいますが、私が改造したものは指定した数値分処理を行ったら中途でループを抜けるものとなっています。イベント発行などは行わず、処理が終了したら取得対象となる ByteArray インスタンスを返却します。

サンプルファイル一式

http://www.dango-itimi.com/blog/swf/90/sample.zip

使い方

サンプルファイルの一部を抜粋/見やすく修正

private var main:Function;
private var pngEncoder:PNGEncoder;

...

public function Sample() {

	...
	
	pngEncoder = new PNGEncoder(
		new TypeBitmapData32(bitmapData), //32bit PNG エンコード指定
		bitmapData.width, bitmapData.height,
		5000 //1フレーム内に実行するループ数を任意に設定	
	);
	main = encode;	
	addEventListener(Event.ENTER_FRAME, run);
}
private function run(event:Event):void{
	
	main();
}
private function encode():void{
	
	var pngBytes:ByteArray = pngEncoder.run();
	trace(pngEncoder.getProgress());
	if(pngBytes) main = stop;	
}
private function stop():void {}

PngEncoder.run メソッドを実行し、戻り値が null の場合はまだ処理が完了していません。ByteArray インスタンスが返却されると処理が完了したことを示します。PngEncoder.run メソッドを実行後 PngEncoder.getProgress メソッドを呼び出すことで現在の進行状況(0～100%)が確認できます。

mx.graphics.codec.PNGEncoder では、処理行数が多くなる for 文内で if 文があり、これはなくしたほうがよいのではと考え、コンストラクタの引数にはあらかじめ一定の処理を行うためのインスタンスを渡すようにしました。しかし逆にこれでは処理が遅くなってしまうという場合はごめんなさい。

サンプルでは 32bit PNG エンコードを行いますが、アルファチャンネルなしの PNG エンコードを行いたい場合は、TypeBitmapData24 クラスのインスタンスを引数に指定します。

	pngEncoder = new PNGEncoder(
		new TypeBitmapData24(bitmapData),
		bitmapData.width, bitmapData.height,
		5000
	);

コンストラクタの第四引数に何も数値を指定しない(デフォルト数値 0を指定した)場合は、分割処理は行われません。PNGEncoder.run メソッド一度の実行で ByteArray インスタンスを取得できます。

その他改造点としまして、Array を Vector に変更しています。Flash Player 9 対応にする場合は Vector 記述箇所を Array に戻す必要があります。

mx.graphics.codec.PNGEncoder 内にある Adobe の著作権表示箇所やその他コメントは、そのまま残しておいたほうがよいのか、記述を何か変えるべきなのか、削除したほうがいいのか、どのように扱えばいいか判断がつかなかったため、改造後のソースには何も書いていません。何か問題がありましたらご指摘願います。

■ Flex SDK mx.graphics.codec.PNGEncoder
http://opensource.adobe.com/svn/opensource/flex/sdk/trunk/frameworks/projects/framework/src/mx/graphics/codec/PNGEncoder.as

[ FLASH ] [ tips ] [ update ] 2009年12月10日 19:07 | コメント (0) | トラックバック

GridCutter

習作として GridCutter という画像加工出力を行う Web ツールを製作しました。
各ピクセルデータを拡大して等間隔に配置し 32bit の PNG で出力を行います。

以下簡単な操作手順です。

・FILE から加工元となる画像ファイルを PC 上から選択
・各ピクセルデータを四角か丸かどちらの模様で表示するかを TYPE から選択
・zoom (倍率)、margin(間隔ピクセル数) に数値を入力
・出力される画像サイズ W(横幅)と H(縦幅)を確認
・VIEW ボタンを押して画像トレース開始
　→ 進行状況はツールバー最下部に表示
・画面に表示されたトレース画像で問題なければ SAVE ボタンで PC 上に保存

すべての処理はローカルPC上で行われます。「四角」あるいは「丸」の模様を配置するだけなので、画像加工処理自体は非常に簡単なものですが、何か機会がありましたらお気軽にご利用ください。

Opera で発生する問題

現在の Opera のバージョンは 10.10

zoom あるいは margin のテキストフィールドそばにマウスカーソルがあると、各テキストフィールドに自動的にカーソルがあたり、ハイライトするようにしています。これにより、テキストフィールドをクリックすることなくキーボードから数値入力が可能となります。
しかし、以下の条件が合わさると、テキストフィールドの数値はハイライトされているのにキーボードから数値入力ができなくなる、という場合があります。

・ブラウザに Opera を用いている
・FILE または SAVE ボタン押下からファイル選択ダイアログ表示を行い
　ファイル選択あるいはキャンセルからダイアログを閉じた直後の状態

上記条件の場合、ユーザは swf 画面を一度クリックしないと数値入力ができません。
Opera のみフォーカスの動作が少々異なるのかもしれません。

[ FLASH ] [ update ] [ web service ] 2009年12月06日 13:57 | コメント (0) | トラックバック

BoxScroller

AS3 ライブラリ整理を一旦終了。ライブラリ内の一機能を用いたサンプルの紹介です。

まず、核となるスクロールバー機能があり、そのスクロールバー機能を用いて四角形の領域に縦方向と横方向にスクロールバー表示を行う BoxScroller というものを作成しました。

BoxScroller を用いることにより、ブラウザのデフォルト機能であるスクロールバー表示のような表現を行うことが可能となります。以下のサンプルを閲覧ください。表示には Flash Player 10 が必要です。

　→ サンプル1(表示領域の外側にスクロールバーを表示する例)
　→ サンプル2(表示領域の内側にスクロールバーを表示する例)

画面内に表示されるスクロールバーは Flash で実装しています。スクロールバー押下でのスクロール処理の他、マウスホイールによるスクロールや、各ページをドラッグ&ドロップすることでもスクロールする事が可能です。

画面右下の数値ボタンを押すことにより、表示されるページが変化します。ブラウザサイズを変更することにより、あるいはページを切り替える(PAGE1, PAGE2を切り替える)ことにより、スクロールバーの表示サイズや位置が適切に調整されます。また、ページの表示サイズに対しブラウザの表示サイズが大きい場合、スクロールバー表示は消去されます。

PAGE3 は BoxScroller を複数画面内に適用した例となります。BoxScroller が複数存在する場合、マウス位置によりどの BoxScroller をマウス処理対象とするかの判定を行うかの機能を組みこんでいます。

[ FLASH ] [ tips ] [ update ] 2009年11月24日 11:11 | コメント (0) | トラックバック

Twice Me

■ Twice Me
http://www.dango-itimi.com/twiceme/

zoome で公開されている動画をアンチエイリアスなしで拡大して閲覧可能

個人用に製作。あれこれやってるので小さく宣伝。
最低限の機能のみ実装し UI グラフィックは適当です。
時間帯によっては API からまったく反応が返ってこないため使い物になりません。

[ FLASH ] [ info ] [ update ] [ web service ] 2009年08月31日 00:47 | トラックバック

絶賛放置中だった PICT PUZZLE を修正しました : ver1.03 へ

Flash Player 10 にすると動作しなくなってしまうという欠陥ゲーム PICT PUZZLE の修正を行いました。サイトに設置してくださっていたみなさま、何ヶ月も放置してしまいまことに申し訳ございませんでした・・・！

　PICT PUZZLE 説明ページ
　http://www.dango-itimi.com/download/pictpuzzle/

　最新版ファイル一式 pict.zip ver1.03
　http://www.dango-itimi.com/download/pictpuzzle/pict.zip

過去のバージョンから ver1.03 へバージョンアップを行うには、pict.zip 内の pict.swf のみを差し替えてください。

[ CATEGORY ] update…

ドット絵ベルトスクロールアクション3D 2

OH! DANGO JAM が起動しなくなってしまった場合の対処

ドット絵ベルトスクロールアクション3D

PNGEncoder フレーム分割処理版

サンプルファイル一式

使い方

GridCutter

Opera で発生する問題

BoxScroller

Twice Me

絶賛放置中だった PICT PUZZLE を修正しました : ver1.03 へ

スクロールバーコンポーネント3 可変サイズのスクロール対象コンテンツ

スクロールバーコンポーネント2 動的なバーの長さ変化

スクロールバーコンポーネント 習作

SWFAddress を用いたサイト構築5 設定ファイルを扱う AIR 製作

SWFAddress を用いたサイト構築4 外部データ読み込み優先処理実装

AS3 での複数ファイル一括入出力操作は AIR で

SWFAddress を用いたサイト構築3 外部データ読み込みに関する考察

SWFAddress を用いたサイト構築 習作2

SWFAddress を用いたサイト構築 習作

ローグライクマップ3D その2 マップスクロール

ローグライクマップ3D

Flash CS4 勉強6 3D空間上に2Dの絵表示2

Flash CS4 勉強5 3D空間上に2Dの絵表示

Flash CS4 勉強4 コンテキストメニューから焦点位置変更処理選択

Flash CS4 勉強 3Dカメラマウス操作 + イージング

Flash CS4 勉強 3D和室

Flash CS4 勉強 3Dテクスチャ

透視投影 再々勉強

トレジャーボインゴ11

トレジャーボインゴ10

トレジャーボインゴ9 「FLERR: メモリ不足エラーです。」

トレジャーボインゴ8 ポップアップテキストエフェクト

トレジャーボインゴ7 マップ自動生成処理組み込み

トレジャーボインゴ6

トレジャーボインゴ5

トレジャーボインゴ4

トレジャーボインゴ3

トレジャーボインゴ2

トレジャーボインゴ1

タケノコと牛殿様5 タメ攻撃

タケノコと牛殿様4 基本攻撃2とエフェクト

タケノコと牛殿様3 基本攻撃

タケノコと牛殿様2 キャラクター移動

タケノコと牛殿様

軸測投影4 軸回転

軸測投影3 ボックス

軸測投影2 テクスチャ

軸測投影

透視変換2 高さ

透視変換 再勉強

ピンボール作成8 スロット動作

ピンボール作成7 ドット背景組み込み

OH! DANGO! JAM アクセス過多により一時公開停止

ピンボール作成6 背景ドット化途中

ピンボール作成5 仮背景組み込み

ピンボール作成4 背景作成途中

ピンボール作成3 複雑な地形の仮背景組み込み

ピンボール作成2 ステージスクロール

ピンボール作成1 プロトタイプ

レーザー状に反射 鋭角～鈍角頂点での反射

ピンボールバーの処理 途中3

ピンボールバーの処理 途中2

ピンボールのバーの処理 途中1

OH! DANGO! JAM アップデート 2006/3/5

OH! DANGO! JAM アップデート 2006/2/26

OH! DANGO! JAM アップデート

ついに完成！ OH! DANGO! JAM

JamGame(仮題)作成中14

JamGame(仮題)作成中13

JamGame(仮題)作成中12

JamGame(仮題)作成中11

JamGame(仮題)作成中10

JamGame(仮題)作成中9

JamGame(仮題)作成中8

JamGame(仮題)作成中7

JamGame(仮題)作成中6

JamGame(仮題)作成中5

JamGame(仮題)作成中4

スクロールバーコンポーネント習作

SWFAddress を用いたサイト構築習作2

SWFAddress を用いたサイト構築習作

透視投影再々勉強

透視変換再勉強

レーザー状に反射鋭角～鈍角頂点での反射

ピンボールバーの処理途中3

ピンボールバーの処理途中2

ピンボールのバーの処理途中1

テーブルの上のメッセージシステム変更

ドット絵リス