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 を駆逐したい！」と思われる方がいらっしゃるなら、誰かが頑張って作るかもしれません。

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

うちは小さい頃から GW には旅行とか行かなかったし、両親の実家も近所なので里帰りするということもなく、大型連休のありがたみが他人より少ないかもしれません。

本日は Google Maps API を使ったプログラムを開発しておったのですが、リファレンスを見ながら「この関数あって助かった！！！」と叫び祈り箒星です（２曲飛ばしやがった）。 API を作った方も「この関数は必要だろう」という頭で持って設計いただいたということでしょうか。今日は悩んだ割に書いたコードが少ない日になりました。

Firefox でデバッグできる分、 PHP より JavaScript の方が開発が楽です。

PayPal は簡単に導入できる反面、フォームのデザインやワークフローがある程度固定されてしまうため、どうしても「決済の手引き」的な解説情報が必要になるかと思われます（実際にそういうページを設けているサイトが多くあります）。

顧客が決済画面に到達した際に画面外、もしくは画面の下半分とかに決済時の疑問に対するヒントを随時提供できるようなヘルパー機能とかつけられたら利用者にとって楽なのかなぁ、なんて考えます。

ただ、単純に JavaScript とフレームなんかを使うのはダメなんですね。たぶん、他ドメインのページの情報にアクセスするのは制限がかかるはずです（少なくとも昔はそうでした）。ですので、「今、決済ボタンが押されたから、戻るリンクについての説明をポップアップで表示しよう」というのはできない可能性が高いです。

時間があったら実際のところを調査して良いアイデアを考えたいものです。

WordPress のスパム対策は Akismet でほぼ決まりかと思いますが、他のサイトで使うには面倒なことが多くありまして、 Captcha みたいなのが人気みたいです。ただ、うちはそれすら面倒で、投稿フォームを Ajax にすることがあります。たったこれだけなんですが、意外にもスパムが来なくなりまして、まだまだ JavaScript を理解するスパム投稿プログラムが少ないということなのかもしれません。

余談ですが、 SPAM の CM に出ているお姉さんが美人です。

// 戦闘が終了したので敵の攻撃を無害化する

$(".enemy .attack-effect").each(function () { this.sanitize(); });

全部のゲームがこうじゃないんですが、 RPG なんかで勝利すると敵の攻撃を受けても無効になる仕様を多く目にします。ロックマンみたいに、ボスを倒したら敵の弾が全部消えちゃって良いなら簡単なのですが、敵の弾は残しつつ、もし、プレイヤーに当たってもダメージを受けないようにするためには、相応の処理（条件分岐）が必要になります。

スターオーシャンとか、勝利ポーズを決めるまでスローモーションになって戦闘が継続するのですが、その間はキャラクターを動かせないので敵の攻撃に当たることがあります。でも、ダメージを受けません。そういうやつです。

Chapter 14. Boost.PropertyTree

パスをルートから渡すことで途中の構造を柔軟に解析できるというのがポイントかと思いました。これで数値や文字列など基本的な型であれば値を取得することができ、リストの場合はループで巡回することもできると。なんとも便利じゃないですか。

次のゲーム制作には使うところがありませんが、覚えておいて損はなさそうです。

ぱっと見、 JavaScript の JSON みたいな感じです。ちょっとモーションデータをイメージしてみました。

- frame: 10
  viewpoint: [0, 0, 32, 32]
  position: [0, 0, 0]
  alpha: 0.75
  easing:
    - type: custom_ease
    - rate:
        - 0.1
        - 0.2
        - 0.3
        - 0.6
        - 0.9
- frame: 15
  position: [100, 100, 0]
  easing:
    - type: simple_ease
- frame: 50
  rotate: [0.0, 0.0, 90.0]
  scale: [2.0, 1.5, 1.0]

あと、ラベルとループ指定も必要か…

ちなみに C++ だと >> をオーバーロードして、取り込み先のオブジェクトとして最適な型を選ぶことができるようです。まぁ、当たり前と言えば当たり前。それなくして C++ で使う意味はないかもしれません。

JavaScript のライブラリというと prototype.js が有名ですが、 jQuery の方がパフォーマンスを調節しやすく、重要な機能がコンパクトにまとめられている印象があります。

一番良いなぁと思ったのが、 query の名が表現するとおり、目的のオブジェクトを問い合わせで決定することができる点です。たとえば prototype.js では id を頼りに操作するオブジェクトを決定しますが、 jQuery では #id .class のように id と class を頼りに操作するオブジェクトをひとつ、または複数選択することができます。

最近の WEB サイトは JavaScript などから操作することを考えて id 地獄に陥ってしまいがちですが、 jQuery に置き換えればもっとすっきり書くことができそうです。

お試しあれ。

どうやら Ajax を使うと、あるノードを別のノードの下に移動する際、 li 要素の後に ul 要素が挿入されるらしく、そのミスマッチから DOM が見つけられなくなってしまうようです（正しくは li 要素の中に ul 要素が入る形です。 ul 要素の子供は li 要素しか認められていません）。

XHTML って難しいですよね。

最初に言っておきますが、かなり初歩的です。経験者の方は期待すべきではありません。

• position に absolute や fixed を指定すると、本来その要素が配置されるはずの場所のスペースはなくなる
• z-index で重ね順を指定できる（大きい数値ほど手前に描画される）
• visibility に hidden を指定すると要素の幅を維持したまま不可視状態になるが、 display に none を指定すると要素が幅を取っていたスペースがなくなる

JavaScript というより CSS の話題でしたね。でも、これで Ajax のライブラリを使うか DOM に詳しい人ならいろんなゲームが作れそうですよね。私も WEB 2.0 っぽいサービスを作ってみたいものです。