O3D Demos and Samples – O3D Plug-in API – Google Code

HTML5 の正式リリースでこういった流れが加速するのでしょうか。

しかしながら、いまだに HTML5 とグラフィックス描画との関連が見えません。もしかすると、そういった用途を想定した DOM オブジェクトが追加になっているのかもしれませんが、よく聞く Canvas というのがそれなのでしょうか。

私が把握しているのはセクションやヘッダーといった、 WEB サイトや文章を作るならあるとうれしいなぁ、というエレメントが追加になっていることくらいなものです。

草案によると…

To draw on the canvas, authors must first obtain a reference to a context using the getContext(contextId) method of the canvas element.

context = canvas.getContext(contextId)
Returns an object that exposes an API for drawing on the canvas.
Returns null if the given context ID is not supported.

…とのことで HTML Canvas 2D Context というオブジェクトを取得することができるようです。リンク先を確認してみましたが、 3×3 の行列を使ったトランスフォームができるようでして、確かに 2D 描画機能としては不足を感じません（でも、表示ツリーみたいなことをやるにはどうすればいいんだろう？）。

また、かなり速度的な疑問を感じますが、 Pixel manipulation によってフレームバッファへアクセスするかのようなことも可能らしいです。一応 data というプロパティへアクセスすることで “Returns the one-dimensional array containing the data.” というお話ですので、関数を呼んで１ピクセル単位で読み書きするよりかは高速になりそうですが、はてさて…

ちなみに、現在 W3C の方でまとまっているのは 2D 関連のみなのか分かりませんが…

Vendors may also define experimental contexts using the syntax vendorname-context, for example, moz-3d.

…とのことです。もし、「 Flash を駆逐したい！」と思われる方がいらっしゃるなら、誰かが頑張って作るかもしれません。

いろいろと分からないことが多いので本を注文してみました。良かったら紹介します。

• 「あんどれ×かんどれ」の場合、「あんどれ」は攻め、「かんどれ」は受け
• 「かんどれ×あんどれ」の場合、「あんどれ」は受け、「かんどれ」は攻め

これを知ったとき感動してしまいました。行列の掛け算を取り扱うときに例として挙げたい気もしますが、知らない人も多そうですので難しそうです。

プログラミングなんか特に、「自分でわかるだろうか」という不安が大きい分野だと思います。私も昔から BASIC なんかでプログラミングをやってはいたのですが、ゲームとなると、どうしても「数学・物理」という難しそうな印象を受けるので、プログラミングコースへの進学を最後まで迷っていました。

さらに失敗した経験があると、その不安が大きくなります。 GAME BASIC FOR SEGA SATURN で 3D モデルを各種トランスフォームするために初めて行列というものを目にしたのですが、これには恐怖が増しました。「うわぁ、俺が入って良い分野じゃねぇや、コレ」ってなもんです。

こういうとき、安心して勉強が進められるよう、理解する情報の順番なんかを「最初はこう思っちゃうんだけど、実はこう考えれば大丈夫」というように無理なく伝えることができれば理想だと思います。そこに行きたいですなぁ。

聞く話によると 1,000 人くらいに教えられればある程度実力がつくかもしれないとのことです。 1,000 人…、思わずカルマの歌詞が思い浮かびましたが、言葉を飲み込みました。

前々から面白そうだと思っていたのですが、品薄でなかなか手に入りませんでした。今では Amazon で普通に買えるようです（重版になったのかも）。

中身は熱いですよ。「名は体を表す」を地でいく感じで、情報処理の基本から、当たり判定の基礎、基礎だけでは遅いので応用例、 2D と 3D の違い、 3D の基礎、ゲームを公開するために必要な暗号化など、まさしく「ゲームプログラマになるために覚えておきたい知識」が満載です。

一番面白かったのが、「線型代数の計算はなぜ正しいのか？」という項目。「座標変換や回転には行列が必要なんだ！」って割り切って使ってると思いつかないかもしれませんが、解説が詳しくて理解が深まります。こう書くと「 3D の知識はいらん」と思われるかもしれませんが、解説は 2D も含んでいますので参考になると思います。

float の正しい使い方などもためになります。これ、たぶん機会がないと勉強するタイミングが無い分野だと思いますので、大変貴重な情報源です。

遺言によると配分は次のようになります。

• 長男には 1/2 を配分する
• 次男には 1/3 を配分する
• 三男には 1/8 を配分する

ただし、次の条件が課せられています。

• 遺言書の配分を変更してはならない
• 金の延べ棒に手を加えてはいけない、以下は禁止
  • 割る（１本を複数本に分割する）
  • 溶かす
  • 換金する
  • 別のものと交換する
• 配当を辞退してはならない

はてさて？

頭の体操系の常連問題ですので、かなり同じ系統の問題が多いと思います。知っていらっしゃる方も多いかもしれませんね。もし、知らない方はチャレンジしてみてください。

あと、数値はうろ覚えです。誰か正しい数値をご存じの方はご教授ください。本当はもっとわざとらしくない数値だったような気がするのですが…

なぜ、いきなりこの問題を出してみたのかと申しますと、私は割り算が苦手で、割る数より割られる数の方が大きい計算でない限り、式をかけ算に直して計算する癖があるのですが、そのきっかけがこの問題だったのです。

3D ゲーム数学で大活躍の線形代数も行列の割り算は定義されていません。ただいまかけ算ライフまっただ中です。

髪を切る仕事というのは世界中でも食いっぱぐれない安定した職業のはずだったんですが、美容師となると独特の大変さがありますよね。あれも人気職だと思います。人気が必要という意味で人気職。

理容を求める人は技術があれば納得できるはずです（私もそうです）。たとえば「さっぱりしたい」とか。でも美容は違いますよね。カットしてスタイリングして鏡を見て確認してもらったときに「ちょっと、佐々木希にしてくださいって注文したんですけど…」などと不満に思われたらマイナスです。

何が言いたいのかというと「美」を扱うのは相当の覚悟がいるということです。私は年に２～３回くらい必ず「（意外と）絵がうまいですね」と言われます。実は小さい頃は漫画家に憧れていて絵を描くのが好きなのですが、「芸術」という答えのない分野に挑む気力が失せて止めました。中途半端に挑むと本当に心が折れる分野だと思います。

今回、こういった荒波に船を出したいとこはすごいと思います。リスペクトです。がんばれー！

余談ですが、プログラミングとか数学とかは違う意味で「芸術」だと思います。これはハマる人が減らないわけですよ。 Q.E.D. で「オイラーの等式」に感動して「神の存在に気づいた」とかいう頭がおかしい人が出てくるのですが、あの気持ちはよくわかります。私も虚数単位を行列で書いたとき元が全て数値になることに感動しました。

WEB で見つけたノウハウは当てられるものから順に当ててみたのですが、まだまだサクサク動きません。

中でも Event.ENTER_FRAME にイベントハンドラを設定するというのがもっとも神経を使う設計（重くなりがちな設計）らしいので、次はここに手を入れるしかないのかもしれませぬ。

線形性をかなぐり捨てて同次行列をやめるというのも手かもしれません。単純に考えて１回のかけ算が半分以下になります。しかし、今のコンピュータってかけ算がネックになることってあるのでしょうか。もちろん回数にも依るでしょうが、やっぱり一番時間がかかりそうなのは描画周りのような気がします。特にラスタライザに行列を渡しているのでここが重いのかもしれません。

ここでいよいよ CS4 の登場か…、登場なのか…

M1.contact(M2);
// ↑たぶん M1 = M1 * M2 ということなんだと思う
// ヘルプ読んでもよくわかりませんが、検算してみるとこうなってる

行列同士のかけ算というのは可換ではないので、どっちが掛ける方で、どっちが掛けられる方なのか（つまり右か左か）というのが重要になります。

// 整数同士のかけ算は順番が入れ替わっても答えが同じですが…
3 * 2 = 2 * 3

// 行列同士のかけ算は違います
AB ≠ BA

なんだか、関数電卓で検算するのが面倒になりました。コンピュータ使ってるのになんで検算が必要なのか、気持ちが黒くなります。

早速、購入してみたのですが、解説が少ないので難解な部類に入ると思います。少なくとも高校までの数学が問題なく理解できている程度のレベルを求められます。ただ、その点さえ解消できていれば結構網羅されている感触はありました。図解も多めです。

最近は Flash を使うにも数学が必要になってしまいました。こういう本で勉強していかないといけません。

座標・ベクトルの成分

2D のゲームでもおなじみの形式ですね。

座標・ベクトルの成分

縦になっていますが横と同じです。

行列

3D ゲームプログラミングでは座標系変換やアフィン変換などなど大活躍です。

行列式

中身を計算して数値を求めて使います。

ベクトル

矢印です。矢印自体に名前がつくとこうなります。

ベクトル

点Ｐから点Ｑへの矢印です。点ふたつから矢印を表現するとこうなります。

ベクトルの長さ

矢印の長さです。

平方根（ルート）

おなじみ平方根。２乗すると中の式と等しくなる数値です。

下付き文字

「～の～」と読み下しましょう。「 v の x 」「 v の y 」「 v の z 」