Pa works very hard

SIO2 - gluLookAt を使いたい

2009-11-12T00:05:00.008+09:00

gluLookAt 的な便利関数を使いたい

SIO2 のチュートリアルには画面タップで視点が移動するサンプルが入っていますが、使い慣れた(?) gluLookAt を使いたいなぁと思ったので探してみました。

vectormath を使う

いろいろ調べて試したところ、vectormath を使うのが楽だという結論になりました。

行列、ベクトルなどの演算ライブラリ. LookAt 系関数もあり.

SCE 製.

BSD license

Bullet physics SDK に含まれている.

Bullet physics SDK - SVN trunkのあたりから落とせます。

行列/ベクトル演算ライブラリは DirectX とかだと充実してますが、OpenGL には全然用意されていないので、vectormath みたいなものがあるととても助かります。

使用例

include/vectormath を、例えば template.mm と同じ階層にある Classes/ にコピーして、以下のようにすると使えます。


// template.mm に書く
#include "classes/vectormath/c/vectormath_aos.h"

実際のコード例は以下。いろいろ無駄なことをしているような気もしますが、とりあえずこれでキャラクター視点のカメラワークになります。


// キャラクターの行列を取得
btTransform tr = g_vehicle_phy->getChassisWorldTransform();
VmathMatrix4 m;
tr.getOpenGLMatrix((float*)&m);

// 視点, 見る方向, 上ベクトルを計算
VmathVector4 eye, target, up;
vmathV4MakeFromElems(&eye, 0, -1, 2, 1); //
vmathV4MakeFromElems(&target, 0, 1, 1.5, 1); // Y-front
vmathV4MakeFromElems(&up, 0, 0, 1, 0); // Z-up
vmathV4Add(&up, &up, &eye);
vmathM4MulV4(&eye, &m, &eye);
vmathM4MulV4(&target, &m, &target);
vmathM4MulV4(&up, &m, &up);
vmathV4Sub(&up, &up, &eye);

// (視点, 見る方向, 上ベクトル) を元に view 行列を計算
vmathM4MakeLookAt(&m, (VmathPoint3*)&eye, (VmathPoint3*)&target, (VmathVector3*)&up);

// 設定
glMultMatrixf((float*)&m);

画面

こんな感じ。

SIO2 - マルチタッチを検出する

2009-11-05T00:50:00.008+09:00

SIO2 Interactive でマルチタッチを使う方法をまとめます。

マルチタッチを有効にする

少しはまりましたが、ここだけ押さえれば後は普通です。

iPhone Simulatorのマルチタッチが効かないに書いてあるとおり、Interface Builder で Multiple Touch にチェックを入れます。こうしないと、座標が 1 個しか取れないようです。

やり方を詳しく書くと

MainWindow.xib を Interface Builder で開く

Tools -> Attributes Inspector で View Attributes パネルを開く

View タブの Interaction - Multiple Touch にチェックを入れる

SIO2 アプリケーションからの見え方

templateScreenTap(): タップされたとき、指が離れたときに呼ばれる。第二引数に SIO2_WINDOW_TAP_UP または SIO2_WINDOW_TAP_DOWN が来るようです。
templateScreenTouchMove(): ドラッグされたときに呼ばれる。
sio2->_SIO2window->n_touch: 現在検出されているタッチ数。
sio2->_SIO2window->touch[i]: 各タッチ座標。float x, float y を持つ vec2 型。
sio2->_SIO2window->n_tap: タップ回数。ダブルクリックだと 2, トリプルクリックだと 3, 以下同様。ちょっと(0.7 秒くらい?)時間を空けたり、ある程度離れた部分をタップしたりすると 0 にクリアされます。

F1中継っぽいテロップの使用例

2009-10-12T19:19:00.004+09:00

"F1中継っぽいテロップを生成するスクリプト"で作った連番画像を、Blender を使ってカートのビデオに合成してみました。

"Blender でビデオ編集したい"とも関連するので、作り方などを後ほど記事にする予定です。

F1中継っぽいテロップを生成するスクリプト

2009-10-09T01:47:00.007+09:00

F1中継っぽいテロップを生成するスクリプトを作ってみました。

こんな感じで、予選の残り時間ぽい画像ができます。

使い道

あまり思いつかないですが、以下のような動画との合成に使えるかも。

カートに乗ったあなた（王道）

無表情の人々（普段のピット風景）

議論する人々（トラブル発生時のピット風景）

座ったまま寝てる人（徹夜作業の疲れで予選中にうたた寝するピットワーカー）

コード (shell script)

Imagemagick で、グレーと白の背景に文字を入れた画像と、グラデーション２つと白画像をつなげた画像を合成しています。もっと簡単にできるという方、ぜひ教えてくださいｗ


# Prepare fonts
#     ln -s /cygdrive/c/WINDOWS/Fonts /usr/share/fonts/corefonts
# List fonts
#     identify -list font |less
# Generate
#     # 4:07 から 3:07 まで連番で作る
#     perl -e 'for $c (0..60){$t=247-$c;$m=int($t/60);$s=$t%60; $txt=sprintf("%d:%02d", $m, $s); $f=sprintf("out/%03d.png", $c); `sh gen.sh $txt $f`;}'

REST_TIME=$1
OUT_FILE=$2

convert -size 160x6 gradient:black-white g0.png
convert -size 160x28 xc:white g1.png
convert -size 160x6 gradient:white-black g2.png
montage -geometry +0+0 -tile 1x3 g0.png g1.png g2.png g.png

convert -size 160x40 xc:white -fill "#303030" -draw "rectangle 0,0 40,40" \
 -pointsize 28 -gravity Center -font "Malgun-Gothic-Bold" \
 -fill white -annotate -60-2 "Q3" \
 -fill black -annotate +20-2 $REST_TIME base.png
composite -compose multiply g.png base.png $OUT_FILE

SIO2 - Blender で作ったシーンファイルを表示させる(2)

2009-08-21T00:20:00.006+09:00

前回は、Tutorial04 を元にして、ヤシの木と立方体のシーンが iPhone シミュレータで描画できることを確認しました。

今回は、Tutorial06_2 を元にして、自分で作ったシーンに対して物理演算が適用できることを iPhone シミュレータで確認します。

Tutorial06 は物理シミュレーションのデモです。
シーンファイル(Tutorial06.blend)には、起伏のある広場(?)、球体、円錐、Blender のマスコットのお猿さん(Suzanne)などが含まれます。各物体は物理シミュレーションの対象となるように Actor 属性が設定がされています。iPhone シミュレータで Tutorial06 を実行すると、広場に物体がばらばらと落ちてきます。さらに、カメラを物体にぶつけることで物体を動かすことができます。

プロジェクトの作成

SIO2_SDK_v1/tutorial06_2 を SIO2_SDK_v1/foo06_2 としてコピーし、ここを今回の作業場所とします。

ソースの（軽微な）変更

前回同様、読み込むシーンファイルの名前とインストールされるプログラムの名前を変更します。

Blender でシーンを作成

以下の物体を配置しました。括弧内はプリミティブの種類と設定した属性です。

地面(Plane, Static, Actor)

ビルを模した直方体(Cube, Static, Actor)

トイレットペーパー(Cylinder, RigidBody, Actor, Bounds=Cylinder)

何の変哲もないボール(Sphere, RigidBody, Actor, Bounds=Sphere)

カメラ(Lens=80deg)

Actor, RigidBody, Bounds の設定は、Logic panel(F4) から行います。
この状態で Blender から Start Game(P) すると、Actor 設定をした物体が自由落下して床に衝突する様子を見ることができます。

逐一 iPhone シミュレータで確認することなく、かなりの作業が Blender 上で完結するのは SIO2 の良いところだと思います。

Blender の練習のために、地面とビルには "FOO BAR" テクスチャ、トイペにはトイペテクスチャを貼りました。（見栄えを少し良くするためでもあります）

ちなみに、Actor 設定したオブジェクトを SIO2 エクスポータでエクスポートすると、"flags(1)" という行がオブジェクトを表すテキストファイルに追加されるようです。

Object transform scale に注意！

Blender でオブジェクトの大きさを変えるときは Object transform の scale を調整することが多いかと思いますが、そうして scale を変えたオブジェクトは SIO2 では衝突判定されないようです。（正確には scale が 1.0 じゃないとだめみたいです。理由までは追えていないです...）

Object mode で Object scale を変更するのではなく、Edit mode で Mesh 自体の大きさを変更すれば OK です。

動作確認

前回同様 .sio2 形式にエクスポートした後、Command + Enter でビルドして実行すると、カメラとトイペ（と何の変哲もない球）が床に落ちて以下の画面になりました。

画面ドラッグでカメラを移動させると、トイレットペーパーを蹴散らすことができます。あなたの家のトイレで実際にやるともう少し面白いかもしれません。

床の Object scale を 1.0 でない値にすると、カメラとトイペが床を突き抜けてしまいました。とりあえずは、こういうもんだと思って Object scale を使わないようにすれば良さそうです。

次回は、未定ですが、Bullet Vehicle を SIO2 で使う方法が分かればいいなあといったところです。

Blender でビデオ編集したい

2009-08-09T01:04:00.005+09:00

Blender 2.49 がビデオテクスチャをサポートしたらしいです。

Blender wiki - VideoTexture

これを使って、ちょっと高度なビデオ編集が Blender Script でできうるんじゃないか？と、ちょっと期待しちゃいます。

というのは、Blender はもともと 3D オブジェクトを作ったりぐりぐり動かしたりするのが得意なので、そこにビデオテクスチャが加われば、複数のビデオを重ねたり、3D 空間にビデオを配置したり、3D キャラクタとビデオを合成したりといった、今のところ高価なビデオ編集ソフトにしかないエフェクトがフリーウェアである Blender でも（原理的には）できちゃうんじゃないかと思ったからです。

以上、Windows ムービーメーカーでは複数のビデオを合成できないと分かって、いろいろ調べているうちに見つけたネタでした。

SIO2 - Blender で作ったシーンファイルを表示させる

2009-07-08T01:42:00.006+09:00

今日は、Tutorial04 をベースにして、自分で作った Blender シーンを iPhone シミュレータで表示させてみます。

Tutorial04 はヤシの木と箱と草があるシーン(tutorial04.blend)を表示し、画面をドラッグすることで視点の移動ができるというサンプルです。

プロジェクトの作成

SIO2_SDK_v1/tutorial04 を SIO2_SDK_v1/foo04 としてコピーし、ここを今回の作業場所とします。

Blender でシーンを作成

起動直後の Cube １個に加えて、tutorial04.blend からヤシの木をコピーしてみました。ヤシの木が見えるようにカメラの位置を調整します。

Blender でレンダリングできていることを確認します。

.sio2 形式にエクスポート

Blender シーンを独自形式に変換するため、SIO2 SDK 付属のエクスポータ SIO2_SDK_v1/exporter/sio2_exporter.py を使います。

エクスポート先ディレクトリ SIO2_SDK_v1/foo04/export/ を作る

シーンを全選択

sio2_exporter.py を Blender から実行して、エクスポート先ディレクトリを指定してエクスポート

成功すると、SIO2_SDK_v1/foo04/export/ 以下に Scene/ と Scene.sio2 ができます。

Scene/ ディレクトリには camera, material, object などの要素ごとにディレクトリがあり、その中に要素の情報が記述されたファイルがあります。

Scene.sio2 は Scene/ を ZIP したものみたいです。

スクリプトのエラーメッセージは、MacOS X のアプリケーション → ユーティリティ → コンソールで見ることができます。

Scene.sio2 を読み込むように変更

プロジェクトファイル template.xcodeproj を開いて、Resources に Scene.sio2 を追加

template.mm を開いて、templateLoading 内で sio2ResourceOpen している部分のファイル名を "Scene.sio2" に変更

printf したものは、コンソールで見ることができます。

インストールされるプログラム名称を変更

iPhone シミュレータ上で元々の tutorial04 が上書きされないように、プログラムの名前を変えます。

Xcode menu → プロジェクト → アクティブターゲット "tutorial04" を編集 → Packaging → プロダクト名を tutorial04 から foo04 に変更

動作確認

ビルドして実行すると、こんな感じで出ました。
特にコアな部分ではまることもなく、ほうほうといった感触です。

次回は、Tutorial06 を元に、自分で作ったシーンに対して物理シミュレーションを有効にしてみる予定です。

SIO2 - Frustum culling system があった

2009-07-02T13:16:00.001+09:00

前のエントリで

大量のオブジェクトからカメラ付近のものだけ抜き出して描画するような仕組みはないっぽい

と書きましたが、SIO2 には Frustum culling という仕組みがあり、完全に視錐台の外にあるオブジェクトはそもそも描画しないようになっているようです。

仕組み

各オブジェクトについて、オブジェクトの bounding sphere が一部でも視推台に含まれるかを計算(sio2ResourceCull 関数)

各オブジェクトについて、上記の値が真なら描画する(sio2ResourceRender 関数)

性能見積もり（ざっくり）

視推台の包含判定がオブジェクトの個数だけ実行されるというのがちょっと気になったので試算してみます。

bounding sphere の包含判定を行う sio2CameraSphereDistInFrustum 関数を見ると、必要な演算量は、視推台の 6 面それぞれについて 3 次元ベクトルの内積と加算なので float 36 演算。

一方、iPhone 3G の CPU はだいたい 500Mflops, 描画は 50fps とすると、1 フレームあたり 10Mflops。これで全部包含判定すると、10M / 36 = 300K として、30 万回分。

プロセッサ資源を全部包含判定に使うわけにはいかないので、保守的に 5% 使うことにすると、1.5 万回分。というわけで、オブジェクト数が 1000 とか 10000 程度であれば、BVH 的なツリー構造を使わなくても O(N) 判定で特に問題ないかな、といったところです。

この辺は、大量のオブジェクトやポリゴンを扱うオフラインレンダラと比べると、そんなにオーダーを気にしなくて良い分野なのかな、という印象を持ちました。

ちなみに

テクスチャに Alpha 成分を持つオブジェクトのソートもやってくれるようですが、そこではバブルソートが使われていました。半透明オブジェクトはそんなに多くねぇよな、という理由でしょうか。

参考

View Frustum Culling Tutorial

原理、ソースコードなど。

SIO2チュートリアルを実行してみた

2009-07-01T01:15:00.007+09:00

SIO2 INTERACTIVEから SIO2 Engine Free Edition をダウンロードして解凍。

チュートリアル 19 個のビルド、実行、ソース斜め読みをしてみました。

分かったこと

チュートリアルには、templateRender, templateScreenTap, templateScreenTouchMove などの雛形関数が用意されていて、概ねこれらの関数内部だけ書けば良いようになっている。これを流用するのが楽そう。

キャラクター、オブジェクト、光源など Blender でデザインしたシーンを、SIO2 SDK 付属エクスポーターを使って独自形式(.sio2)にエクスポートする。

SIO2 runtime は .sio2 ファイルを読み込み、iPhone 上で描画する。

SIO2 runtime はシーン内のオブジェクトの位置やテクスチャなどを動的に変更できる。この仕組みを使ってユーザーの入力をオブジェクトに反映させる。

物理エンジンをＯＮにすると、オブジェクト同士の衝突や自由落下などの影響がオブジェクトに反映される。

アニメーション、パーティクルも Blender 上で作ったものが再生できる。

ビデオ、サウンド、ソケットを扱う API がある。

大量のオブジェクトからカメラ付近のものだけ抜き出して描画するような仕組みはないっぽい

疑問

Bullet にある Vehicle API みたいなのは SIO2 でも使える？どうやって使えばよい？

LOD のような仕組みはある？

ある程度 Blender を使えるようにしないといけないようです。

実機で動かすには有料の iPhone Developer Program に入らないといけないですか。そうですか。

iPhone 用ゲームを作るための下調べをした

2009-06-22T23:06:00.007+09:00

（ishida にそそのかされて）いろいろ検索したところ、SIO2 というゲームエンジンが良さそうなのでチュートリアルをやってみようと思います。

SIO2 の特徴のうち気に入ったもの

Blender で作ったアニメーションつきモデルが使える

物理エンジン Bullet が使える

shadow map で影が出る

ほうほう！いいんじゃないでしょうか。

あと、大量のポリゴンをワールドに配置して、カメラから見えそうなものだけを描画する空間データ構造マネージャみたいなのがあるとうれしいんですが、あるんでしょうか...

過去、ちょっとやる気になっちゃあ凍結、というのを繰り返してますが、楽に作れそうならちょっとやってみようかと思います。

過去↓

XNA メモ

ゲームが作りたくなってきたので下調べ

たっちで書道 3

2009-05-12T00:43:00.002+09:00

その３。おしまい。

犬。Dog.

象。Elephant.

まず上戸と読みます。すると彩となります。

棒。Bar.

油。Oil.

たっちで書道 2

2009-05-07T00:52:00.005+09:00

その２。

３でおしまい。

竹冠は y = ( x - floor(x) ) * (-1) ^ floor(x) です。

爆弾男。ボンバーマン。

丼

たっちで書道

2009-04-30T23:10:00.003+09:00

アレゲなタイトルですが、暇なときに書き溜めた書を少しずつ公開していきます。

かなり適当につなげたり切ったりしても、結構よめるもんですね。

インストールレスなGPSデータの公開方法

2009-01-01T01:46:00.006+09:00

あけましておめでとうございます

手軽にGPSデータを公開したい

最近、「よし散歩するぞ！」という時は GPS（GPS-CS1K）を持ち歩いて経路を記録しています。

で、これを手軽に公開したいなと思ったので少し調べてみたんですが、世に知られている方法は大きく分けて

専用ソフトでKMLやHTMLを生成、それを自分用のHTTPサーバにアップ or Google map マイマップにインポート
（trk2goolgemaps）
GPSログをアップすると、そのデータを Google map にプロットするビューアの URL が発行される（SightField プレテストサービス）

といった感じで、いろんなPCを使う環境の人にとっては専用ソフトをインストールするのが手間だったり、データが専用サイトに登録されるのでいつ消されても文句言えない、サービス継続リスクがある、などという状況でした。

ソリューション

というわけで

専用ソフトなしで公開できる
データは Google map マイマップに保存する

というワークフローを作ってみました。

→nmea2kml

NMEAフォーマットのGPSログファイルをアップ→KMLファイルをダウンロード→Google map マイマップにインポート→作ったマイマップを公開

という流れで公開します。

Google map マイマップサービスが消えるリスクもなくはないですが、ユーザー数からして最良の保管場所と言ってよいかなと思います。

個人的にビューアをかませてURL発行したいという時は、Google spreadsheet とか大手データ保存サービスを使うとデータ管理リスクが減ってよいかな、と思います。

麻雀シミュレータを作ってみる(1)

2008-11-27T01:36:00.005+09:00

目的

「統計データに基づいた知識を得て麻雀生活に役立てたい」的な。

麻雀の楽しいところは、運の要素が勝敗に少なからず絡んでくるため
素人とベテランが混じっても圧倒的大差にならずにいい勝負ができたりする所かなと思っています。

それでも、長期的には運の要素が相殺されるため、確率をより正しく推定できる人が強かったりします。

そこでひとつ、
こんな方法ではどんな勝率になるのかとか、
こういうときはこうなる可能性が高いとか、
そういった統計データに基づいた知識を見つけていこうかなといったところです。

例えば、中盤以降は全探索して得失点の期待値が最大になる捨て牌が計算できちゃうんじゃないかとか、
そのような打ち方を勉強して自分の推定精度を改善するとか、いろんなことができそうな気がして楽しみです。

先人の例

かなり研究されてるみたいです。商用ゲームの AI とか、もっと進んでいたりするかもです。

とりあえず実装

まずはゲームの進行をシミュレートする基本的な部分。

今日の実装は

実装の手間を考えて Python で
ランダムに牌を切る SimpleAI が４人
鳴きなし
ドラ、赤牌なし
リーチなし
和了り判定なし
得点計算なし

という、とりあえずみんなランダムに捨てていって流局というしょぼいものです。

いまのところコードは 130 行です。

↓序盤、プレイヤー「３」が中をツモって打３筒の図

=== Tumo 3 中 === Da 3 ③ -- Board state -- Yama: ⑨⑥⑦九二七６③⑧七五７八３ ⑤西南中③二⑧九⑦白白三③６７⑨四２七１４３九五⑦北北８９發１白①６南二西⑥四５八⑨９三５５一①８⑤三４八②東⑧四１⑤②④１ 0 Hand: 二七①⑥⑦２３４６東白發發 1 Hand: 一四①④４７９９東東北中中 2 Hand: 一三六九②④⑨２３８南南發 3 Hand: 一五六六②⑧２５７８西西中 0 Kawa: ⑥八 1 Kawa: 北⑤ 2 Kawa: 六④ 3 Kawa: 五③

今後？

和了り判定、向聴数計算
見えている牌の情報を使ってなるべく早く和了る AI
点数計算
得点の期待値が最大になるような手を選ぶ AI
他家も効率的な打ち手だと仮定したときの AI（確率分布の修正、攻め/ベタオリの行動決定）
...など？

Cygwin のコンソールから

「二七①⑥⑦２３４６東白發發」

とか出てくると、ついニヤけてしまいます。

Hello Renderer

2008-11-13T03:53:00.010+09:00

Photorealistic 指向なレンダラを書いています。

HISTORY

まずは球。シェーダは法線を RGB にするもの。
しばらくは球プリミティブだけで行きます。
画像出力は、float RGBA をバイナリで書き出して、Imagemagick で png などに変換します。

convert -depth 32 -define quantum:format=floating-point -size ${W}x${H} -define quantum:scale=65536.0 -endian lsb RGBA:fb out.png

シーンファイルを JSON にして雪だるま的な物体にしてみる。
JSON ライブラリは YAJL を使用。
交差判定のアクセラレータはなし。総当たり。

phong shader 的なもの。点光源。局所照明。

光源を４つにしてみる。

影光線を追加。

反射を追加。左のでかい球が鏡面反射。

エリアライトを追加。ちょっとそれっぽくなった。
Light->Eye (LE) をどう描画すればいいか、よくわからん。

TODO

あとはこの辺りを実装して、何か動画でも作れたらおもしろいかなと。

Texture
Bump mapping
Image based lighting
Motion blur
Depth of field
Local coordinate system
Blinn shading
Path tracing
Triangle intersection
別途 scene generator ... blender のプラグイン

blender ってオブジェクト同士の積、差を計算できたりするんでしょうか。

bash で連番日付を作る one liner

2008-10-16T23:58:00.006+09:00

日誌などをテキストファイルで管理する際、最初にこれでダダダーっと日付を生成します。

そして日々適切な日付のところに内容を書きこんでいきます。

ごく稀にしか使われないかもしれませんｗ

$ for i in `seq 100`; do date '+%Y/%m/%d (%a)' -d ${i}day; echo -e "\n\n\n"; done > a.txt

実行結果 (a.txt)

2008/10/18 (Sat)

2008/10/19 (Sun)

2008/10/20 (Mon)

:
:

perlで直積 cross product with perl

2008-09-30T20:43:00.011+09:00

ほかのモジュールを使わずに直積を書いてみました。


sub cross_product
{
    my $r = [[]];
    $r = [ map{ my $t=$_; map{ [$t, @$_] } @$r } @$_ ]
         for reverse @_;
    $r;
}

$result = cross_product(["+", "-"], ["A".."C"], [0..2]);

print join "\n", map { join "", @$_ } @$result;

実行結果


+A0
+A1
+A2
+B0
+B1
+B2
+C0
+C1
+C2
-A0
-A1
-A2
-B0
-B1
-B2
-C0
-C1
-C2

pythonなら


[ x+y+str(z) for x in ["+","-"]
             for y in ["A", "B", "C"]
             for z in range(0,2)]

内包表記、便利ですね。

参考

直積の導出と考えうる全ての値を網羅したハッシュの生成

Baba walkr (BETA) released

2008-08-06T03:22:00.009+09:00

仮想散策ツール「Baba walkr (BETA)」をリリースしました。

Google maps の Street view 機能を API から使用することにより、ユーザーが何も操作しなくても視点が自動的に移動する仕組みになっております。

前々から少しずつ作ってたんですが、ちょうど Street view が日本の一部地域に対応したこともあり、良いタイミングなので公開します。

眠いので概要だけ書いて寝ます。

Google Maps API を使っています。:)

隣接する地点のリストと通行カウンタに基づいて、一度通った所はなるべく通らないように動きます。

画像のロードが遅いのが気になったので、何気にダブルバッファリングしています。

そのせいで滑らかな移動が犠牲になりましたが、モザイクが見えるよりはいいかなと。

マーカーのドラッグ＆ドロップで好きな場所に飛べます。

TODO いろんなプリセットの場所を見れるようにする。NewYork walkr とか。Tokyo wal... おっと！

TODO Tokyo random walkr とかならセーフでしょうか。

Baba walkr (BETA)

XNA メモ

2008-06-16T22:58:00.006+09:00

SketchUp で作ったモデルを .X ファイルにエクスポートして XNA Framework 2.0 で表示させてみるところまでやってみました。

モデルを作って描画するまでのパイプライン

3D Rad の SketchUp 用プラグインでエクスポートする。
テクスチャ形式、テクスチャサイズの修正（後述）
一応 DirectX Viewer で確認。
あとは参考ページと同様に Content フォルダに .x を追加してテクスチャを別途フォルダにコピーして読み込みと描画のコードを書いて実行。

ほんとは鉄筋と鉄筋の間が黒じゃなくて透明になるはずなんだけど、なってないですね。これはよくわからん。手始めとしてはこんなもんでしょうか。

気づいたこと/気をつけること

SketchUp models into DirectX games
では DirectX Viewer で読み込めなかった。（東京タワーで確認）
Tiff 形式のテクスチャは読めないらしい。png に保存しなおして .X ファイル内の .tif を .png に置換したらうまくいった
テクスチャのサイズは 2 のべき乗でないといけない

テクスチャをいじるあたりは自動で処理させたいんですが、IrfanView ではファイル名を変えずにリサイズと特定形式で保存というのができないみたいで無理でした。
ファイル名が変わっちゃうと .x ファイルに書いてあるファイル名も変えなきゃいけないんですね。sed でやればいいのか。

まだワークフローが固まったわけではないので、今は手動で我慢。

参考ページ

ゲームが作りたくなってきたので下調べ

2008-05-23T02:34:00.003+09:00

2,3年前にクレタク系のゲームを途中まで作っていたわけですが、またにわかに作りたくなってきました。

無料ツールを使った個人のゲーム製作環境も以前より充実してきているので、こんなのが使えそうだなというものをざっくり列挙してみます。

このへんを使っていこうかな！リスト

Visual C# 2008 Express Edition: 以前途中まで書いたコードは C# だけど、Bullet が C++ だから C++ に移行しようかな...と考えていたら Bullet on C# を見つけたので C# で。XNA を使うと Direct3D を使う上での定型処理とかを書かなくていいっぽい。あと XBOX でもほぼそのまま動くとか。
Bullet for XNA Physics Library: 物理シミュレーションライブラリ。段ボールが飛び散るといった効果に使いたいなと。
Collada: 個人の 3D ゲーム開発において難所となるのが 3D モデルデータの扱いだと思います。モデルデータはどのツールで作るか、モデルのファイル形式はどうするか、それをどうやって描画するか、など。
以前は Direct3D の.X ファイルを Metasequoia で作って DirectX にある Mesh.FromFile で読み込んでいましたが、どうもこのパイプラインだとアニメーションが面倒らしく、ここはひとつオープンで共通化を目指していて XML な Collada に期待してみよう、という。
Skeletal Bone Animation and Skinning with Collada Models in XNA: これでさっくりアニメーション付きモデルが描画できたらいいなぁ。
Google SketchUp: Collada モデルが出力できるし、既にある膨大な建物モデルが使えそう。（著作権とか要調査）
Softimage Mod Tool: アニメーション付きのモデルはこれで作れるんじゃないかと期待。操作方法から覚える。
Google map: 地図データをそのまま使いたいけど公開されていないのでマイマップを作って自分で道路に沿ってポリラインをひいていく。それを kml でエクスポートしてスクリプトとかで道路モデルを生成する。以前は地図サイトの画面キャプチャを Metasequoia にロードして、同様に道路に沿ってポリラインをひいていました。地図インフラが整ったことで作業がしやすくなりそう。（本当は道路のベクタデータまで公開してほしいんですけどね！！）

おもうところ

全体的に個人が無料で使えるツールやオープンな規格が充実しつつあります。いいことであります。

あと何気に Google のツールを使うことになりそうです。よろしくお願いいたします。

Googleカレンダーの例文が良く出来ている

2008-04-14T21:23:00.003+09:00

Googleカレンダーで予定を追加するときに出る例文って状況によって違うんですね。

日本版の場合

１日の場合「19:00に水族館で待ち合わせ」

２日以上の場合「北海道へツーリング」

「日」or「週」ビューで、１日内の特定時刻範囲を選択した場合「旅行の準備」

英語版の場合

１日の場合"7pm Dinner at Pancho's"

２日以上の場合"Visiting in NYC"

「日」or「週」ビューで、１日内の特定時刻範囲を選択した場合"Breakfast at Tiffany's"

感想

細かい所ですが作りこまれていて好感が持てます。

状況によって場合分けして、適切なメッセージを考える仕事は想像するだけで楽しそうです。

ここまでしたなら、欲を出してもうちょっと細かくしてもいいんじゃないかなと思ったり。

平日なら「退屈なミーティング」とか、深夜なら「お疲れ様デス」とか。（もはや予定の例文じゃないですが）

仲間内でリアル会話しながらネット麻雀したい

2008-03-13T01:18:00.002+09:00

日常の不満をブログに書くことで誰かが解決してくれるのを期待するシリーズ

本当は雀荘で打ちたいんだけど、そうはいっても仲間内でなかなか集まる時間もないので、
音声チャットで盛り上がりながらハンゲームやりたいなあ。

skype

と思ったですが、skypeしながらやればいいということですね。はい終了。

...でも別々にログインしたり面倒だし、やっぱしハンゲームにも音声チャットのオプションをつけてほしいなあ。

携帯からの路線検索サービスを評価する

2008-03-04T23:13:00.009+09:00

モビール検索

携帯から乗り換え検索をするときはヤフー路線検索を使うことが多かったんですが、Googleトランジットに変えてみました。

Y!からGに乗り換えて今のところ満足しているので、goo, livedoor, jordan などは評価しません。

以下、YとGを使ってみた感想です。

Yahoo路線検索に比してGoogleトランジットの方が優れていると思う仕様

１　検索結果の画面から出発時刻や駅名を変えられる

時刻の微調整をするには必須だと思うんですが、ヤフーの場合、これができないです。
Livedoor の路線検索にはあったかも。

できないのでブラウザで入力画面に戻ると、今までの検索条件が消えてしまい、もう一度駅名から入力し直しになります。
（携帯によっては検索条件が保持されたままなのかもしれませんが）

２　同一名称の複数駅に関する対応

入力した駅名に対して複数の駅候補がある場合、所要時間が最も短くなるような駅が選択され、とりあえずその結果が出ます。

例えば、「牛田」という駅は広島県と愛知県と東京都にあるらしいのですが、
Googleトランジットで「原宿→牛田」と検索すると「原宿→牛田（東京都）」の検索結果が出ます。

ヤフーですと、「原宿→牛田（広島県）」なのか「原宿→牛田（愛知県）」なのか「原宿→牛田（東京都）」なのかを選ぶ画面になります。
原宿にいる人が広島とか愛知に行く可能性は都内に行く可能性より低いわけですから、とりあえず近い所の結果を出しておけば大多数の人は画面遷移が１回少ない分快適なわけです。

Googleトランジットに比してYahoo路線検索の方が優れていると思う仕様

１　「検索」ボタンにショートカットキーが割り当てられている

ヤフーですと数字の「１」ボタンを押すと検索されますが、グーグルの方は単なるボタンなのでそこまでカーソルを持っていかないと検索できません。

これはググール残念。

検索条件を入力する部分へ移動するショートカットが無いのも残念です。
検索結果から検索条件を入力するとき、「４」で４番目の検索結果に飛んでから下にスクロールしないといけません。

部分計算結果の識別子を memorize する

ちょっとアレなセクション名ですが、

よく検索する場所の組は毎回入力したくないので、検索結果をブックマークするという意味です。
（今思いついたので今度からやります）

一度登録しておけば、次に使うときは、ブックマークからページを開いて、あとは時刻を変えて検索するだけです。

YahooもLivedoorもマイページでお気に入りの駅追加や履歴参照ができるようですが、（端末固有番号を使うにしても）ログインや駅選択の画面遷移が増えるので、ブックマーク方式の方がスマートかなと思います。

2008/3/13(Thu)追記 - もっと早く

ブックマークよりも、(i-modeで言う)「画面メモ」の方が手間が少ないことに気付きました。

１　特定駅間の検索結果の画面メモを開く（ローカルなのですぐに表示される）

２　スクロールして時刻を入力して検索ボタン押下（ネットに接続するので７秒くらいかかる）

「現在時刻で検索」というボタンがあって、検索結果にも表示されていればさらに早いですね。

さらにさらに、「現在時刻で検索」の結果でブックマークすれば、ブクマを開くだけで良いですね。
（METHOD=GETでよろしくお願いいたします）

さらにさらにさらに、常に現在時刻から±10分以内の時刻に対して事前に検索しておいて、
見たい時に見るだけのアプリor常時起動のウィジェット、なんてのがあると、やり過ぎですね:)

いろんな施設の開館時間をすぐに知りたい

2008-02-07T00:32:00.000+09:00

日常の不満をブログに書くことで誰かが解決してくれるのを期待するシリーズ

いきなり変なシリーズが始まりました。

１　自分が感じた日常の不便な点を書き記すことによつて、

２　暇人さんや、ネタ探し中の人にそれが伝わり、

３　ゆくゆくはこの不満が解決されるといいなぁ～

という期待が入ったなんとも都合の良い記事です。

「それもうあるって。おみゃーがが知らないだけ」というときはコメントなどでお知らせ頂ければと存じます。

いろんな施設の開館時間をすぐに知りたい

今回の不満な点はこれです。

休日の計画を練るときに、

「どこどこのショールームは何曜日が休みで、でも今月はこの日が休みで、何曜日は何時から何時まで開いていて、場所はどこで、どの駅からいくとよい」

という情報を探し、当該日の当該時間に自分が訪問できそうな場所を選ぶ作業を繰り返すのですが、

２１世紀になった今でもこういう情報がサイトごとにばらばらなのが不満なのであります。

かといってデザイン的に統一するのも堅苦しいので、

RSS, iEPG みたいな「営業時間 XML スキーマ」みたいなのに沿ったメタ情報が各サイトにひっそりと用意されていれば良いと思うのです。

そんで、「Google Opening Hours (BETA)」「グーグル営業時間検索（ベータ）」的なものでそれらの情報をインデックス化して、
「今週の土曜日、どこどこ、何時くらいまで、雨なら行かない」などと自分の嗜好で検索、乗るべき電車の路線検索までして欲しいんです。

もしかして google カレンダーとかで出来ちゃうものなのかしら？

まとめ - 実現してほしいこと

1. 営業時間の統一的な表現方法が決まる

2. 各施設/店舗などが、自分とこの営業時間を統一フォーマットで表し、サイトで公開する

3. 場所、キーワード、ジャンル、営業時間で施設/店舗が検索でき、移動時間なども含めてプランをお勧めしてくれる

ある程度おすすめプランが出てくるようになったら、営業時間を入力する金銭的価値も出てくるので、あとは勝手に広がるような気がします。