Webで見る3Dのサイト

前回記事で話したthree.jsですが本格的に見てみると他にも興味深い作品もありましたので

説明も加えて紹介させていただきます。

voxels

http://mrdoob.com/projects/voxels/

概要としてはブロックをユーザーが操作して作品を制作していくものです。

操作としては、0-9キーでカラー選択を行い、マウスドラッグで視点切り替えで行います。shift+Clickで作成したボックスを削除します。矢印キーで製作場所の移動が可能となります。製作してみたところかなり広い範囲で作成出来るようです。ブロックが遠くなった場合は視覚上消えますが、再度元の場所に製作場所を戻せばブロックは視覚内に戻ってきます。

Rome

http://www.ro.me/

ほとんど閲覧という形になりますが、最初のムービー以外は全てJavaScriptによる絵画で3Dムービーを再現しています。

面白いところはマウスカーソルが直接、視点切り替えになり、途中建築物のようなステージの場所に辿り付きますが、カーソルを当てたところに自然が生まれるようですね。これはなかなか面白いと思いました。ちなみにFirefoxで閲覧しましたが、負荷が重いのか途中で強制終了させられましたので軽量な状態の時に閲覧してみると最後まで見れるかと思います。

aquarium