立方体のソース

たったこれだけで立方体がクルクル回る。

#VRML V1.0 ascii
	Cube {}

嘘みたいに簡単ですが、上の２行だけでvrmlで立方体が書けるのです。試しに上の２行をcut&pasteして適当なテキストエディタで、"xxxx.wrl"という名前でセーブして見て下さい。そして、そのファイルをNetscapeなりインターネットエクスプローラなりで開いて見ましょう。

このようにvrmlの仮想世界は簡単に作れてしまうのです。 (ちなみにvrmlのwrlという拡張子はworldのことです。)

ソースの解説をする前にvrmlの書くための基本事項を書いておきます。

３次元軸
vrmlでは３次元軸を使ってオブジェクトの位置や長さを現します。つまりx軸、y軸およびz軸の三つです。
x軸、y軸およびz軸の交差点が0座標となります。x、y、zは方向もしくは位置を現すために使われます。
方向を現す場合はそれぞれ-1、0または1という数字で現します。実際に記述する場合にはx、y、zは空白を挟んで記述されます。例えば、"-1 0 0"という組み合わせでは、左の図の-xの方向を示すことになります。実際はx、y、zの各々に正の数字が入ってるのか、 0が入ってるのか、それとも負の数字なのかで方向が決められるのですが、-1か0か1で現す方が分かり易いですね。
しかし、位置を現す場合にはx、y、zに使われている数字の値が意味を持ちます。つまりこの場合には、ずばり３次元座標表現である一点を現す訳です。例えば、"1 1 -10"という座標は x方向に1、y方向に1そして-zの方向に10という点が現されています。
ちなみに座標を現す数字はメートル法だそうです(なんでもいいような気がするが...)。
これだけだとよく分からないかも知れませんが、後の方のサンプルで確認してみて下さい。
文法について
"#"はコメントを現します。"#VRML V1.0 ascii"を除いて一切解釈されません。
vrmlは大文字、小文字を認識します。上の例では"Cube"という文(vrmlではnodeと呼ばれる文と)が使われてますが、これを"cube"と書いたり、"CUBE"と書いたりすれば認識されません。
見た目の大きさ
vrmlの世界の中にオブジェクトが一つしかない場合には、それをどんな大きさに定義しても、ブラウザで見た大きさは同じです。したがって、オブジェクトを大きく見せたいからと言って、オブジェクトのサイズを大きく定義しても意味はありません。
HTMLへの埋め込み
HTMLへの埋め込みは<EMBED> tagで行います。具体的には、
<EMBED SRC="xxxxx.wrl" width="300" height="300">
</EMBED>
という風に書きます。"width"ではvrmlが表示される領域の幅を"height"は高さをピクセルサイズで指定します。

さて。ここから下はここで使ったvrmlコードの解説です。

"#VRML V1.0 ascii"
これはvrml v1.0の宣言。vrml v1.0で記述されているファイルはこの文で始まらなければならない。

"Cube { }"
Cubeノードは立方体を定義します。{ }内には高さ、幅および奥行きが指定可能です。上のように省略した場合は"1"と指定したとみなされます。
実際の定義は以下のようにします。

Cube {
	height 10  <---高さ
	width 20   <---幅
	depth 30  <---奥行き
}

戻る

次のサンプルへ

メインページ