Shockwave3-Dテクノロジーのしくみ

May 16 2001
この記事では、Shockwave 3-Dテクノロジーとは何か、そしてそれがどのように機能するかを正確に説明します。また、このテクノロジーのいくつかのアプリケーションを調査し、いくつかの非常にクールな3D画像を確認します。

過去1年ほどで、インターネットを介して3D画像を操作できる新しいテクノロジーについて聞いたことがあるかもしれません。多くのWebサイトがこの種のソフトウェアをしばらく使用していますが、ユニバーサル3Dビューアプログラムがないため、ほとんどがニッチ市場のままです。

Macromediaは、Intel、NxViewなどと連携して、ShockwaveプレーヤーとShockwaveオーサリングプログラムDirectorの最新バージョンを使用して、このテクノロジーをより多くのWebユーザーに提供したいと考えています。

しかし、これはどういう意味ですか?この版では、Shockwave 3-Dテクノロジーとは何か、そしてそれがどのように機能するかを正確に調べます。また、新しいテクノロジーのいくつかのアプリケーションを調査し、いくつかの非常にクールな3D画像を確認します。

コンテンツ
  1. 最新のShockwave
  2. Shockwaveテクノロジーの使用
  3. 3Dコンテンツをアクセシブルにする
  4. 新しい3Dコンテンツの開発

最新のShockwave

2つの異なる視点から見た同じオブジェクト。

Webで多くの時間を費やしている場合は、アニメーションやインタラクティブなプレゼンテーション用のグラフィック形式であるShockwaveに遭遇したことがあるでしょう。Shockwaveファイルは、もともとCD-ROM用に開発されたDirectorというプログラムによって作成されます。このフォーマットは、インターネットを介してかなり迅速に送信できる精巧なWebコンテンツを作成できるため、Webマスターに非常に人気があります。この形式で行われた作業の多くのすばらしい例については、アニメーションツアーを参照してください。

このコンテンツは、このデバイスと互換性がありません。

Shockwaveで作成される可能性のある典型的な2Dアニメーション

ShockwaveとDirectorの以前のエディションでは、Webアーティストは2Dアニメーションしか作成できませんでした。2次元アニメーションには、次の2つの形式があります。

  • フレームアニメーションは、古典的な漫画のようなものです。動きは、設定されたシーケンスで表示される一連の2D静止画像として表示されます。あなたの視点は映画の作者によって設定されます。
  • ベクターアニメーションは、相互に移動する2Dオブジェクト(円、正方形、線)を使用します。単純な幾何学的方程式に基づいているため、ベクターアニメーションを使用すると、アーティストはファイルサイズが非常に小さい複雑なムービーを作成できます。

以前のバージョンのShockwaveとその従兄弟であるFlashについては、Webアニメーションのしくみをご覧ください。

Directorの最新版には、Intel ArchitectureLabsによって開発されたIntelInternet3 -Dテクノロジーが組み込まれています。このプログラムを使用すると、Webアーティストはインタラクティブな3Dアニメーションを作成し、Webに投稿できます。Shockwaveプレーヤーの最新バージョンでは、ダイヤルアップ接続を使用している場合でも、ほとんどのインターネットユーザーがこれらの複雑なアニメーションを表示できます。

Shockwave 3-Dテクノロジーを使用すると、ユーザーは実際に3Dモデルを自分でダウンロードして操作できます。つまり、ディレクターになってカメラを動かすことができます。これについて考える方法は2つあります。

  • オブジェクトをダウンロードし、カメラの前でオブジェクトを回転させて、さまざまな視点からオブジェクトを見ることができます。
  • 環境をダウンロードして、カメラを移動できます。これは基本的に、一人称のビデオゲームをプレイするときと同じことです。プログラムはあなたを仮想の3D世界に置き、あなたはあなたの動きによってその世界の「カメラ」を制御します。カメラに、環境内を左または右、前または後ろに移動するように指示します。

あなたの行動に基づいて、コンピューターはあなたの新しい、わずかに異なる視点からシーンの新しいフレームを描きます。

2つの異なる視点から見た同じオブジェクト。

これは非常に複雑な操作です。3Dソフトウェアは、ユーザーからの入力を受け取り、この入力を解釈して、画像を再描画して目的の動きの感覚を作り出す方法を決定する必要があります。ゲームをプレイしているときは、コンピューターまたはゲームコンソールでこれをかなり簡単に処理できますが、この情報をインターネット経由で送信する場合は、事態が非常に複雑になります。さらに、標準のWebブラウザーは、これらのモデルを処理するために自動的に装備されていません。つまり、すべての人が3Dコンテンツにアクセスできるわけではありません。Macromediaの最新のShockwaveプレーヤーは、これらの問題の両方を回避するように設計されており、ほとんどのWebユーザーが3Dファイルに簡単にアクセスできるようになっています。次のセクションでは、フォーマットとプレーヤーがこの偉業をどのように管理するかを見ていきます。

Shockwaveテクノロジーの使用

eコマースサイトで製品をデモンストレーションするために使用される3Dモデル

Shockwaveに3-Dを追加すると、あらゆる種類の新しいWebコンテンツにアクセスできるようになります。最も明白なアプリケーションの1つは、Webベースの3Dゲームです。一人称アドベンチャーゲームやその他の完全に実現された3Dワールドを備えたゲームは、ほぼ10年間、PCおよびゲームコンソール市場を支配してきました。新しいShockwave機能により、この種のゲームをWeb上でプレイできます。

Webベースの3Dゲームは大きな注目を集めていますが、それは新技術の1つの市場にすぎません。3D機能は、eコマースを進めるのにおそらく適しています。Webマーチャントは、顧客が製品を3D画像として見ることができれば、カタログ内の製品についてより明確なアイデアを顧客に提供できます。3Dモデルを使用すると、オンラインショッピングは店内ショッピングに少し似ています。顧客はアイテムを回転させて、あらゆる角度からチェックアウトできます。

お客様は、特定のニーズに合わせて3Dモデルを変更することもできます。このための最も便利なアプリケーションの1つは、洋服の買い物です。オンライン買い物客が自分の測定値を入力すると、3Dソフトウェアはその人の体のモデルを生成でき、特定の服の3Dモデルで「服を着せる」ことができます。これは、実際の楽屋の仮想バージョンです。

このレベルのユーザーインタラクティビティは、次のような教育サイトへの優れた追加機能でもあります。 。向きを変えて操作できるエンジンの3Dモデルは、2Dモデルよりも、動作中のメカニズムをはるかに明確に示すことができます。これは、実際にエンジンを操作して調べるようなものです。

たとえば、ペイントボールガンがどのように機能するかを理解したい場合、3Dモデルは非常に便利です。メカニズムがどのように組み合わされて起動するかを正確に確認できます。3Dモデルを表示するには、ここをクリックしてください。モデルを見た後でペイントボールガンについて詳しく知りたい場合は、ペイントボールのしくみを参照してください。

これらすべてのアプリケーションにおいて、3-Dの最も重要な利点は、ユーザーの関与が増えることです。あらかじめ設定された映画を見るだけでなく、何を見たいかを決めることができます。その違いは、テレビを見ることとビデオゲームをすることの違いに匹敵します。

Shockwaveモデルのその他の例を確認するには、以下を確認してください。

  • NxViewの3Dギャラリー
  • Intelの3Dギャラリー

3Dコンテンツをアクセシブルにする

単純な3Dモデルでは、ポリゴンが少なくなります。この手は862個のポリゴンのみで構成されています。

前のセクションでは、Shockwaveの新しいプレーヤーが、Web上でインタラクティブな3Dコンテンツを作成および表示するための新しいフォーマットであることを確認しました。この種のコンテンツをWebに投稿するというアイデアは目新しいものではありませんが、テクノロジー企業やWebサイトは、多くの視聴者に3Dを提供することにあまり成功していません。これには2つの主な理由があります。

  • 低帯域幅の接続で3Dの「動き」を送信するには長い時間がかかります。
  • 多くの場合、別のサイトの3Dコンテンツを表示するたびに、新しいプラグインをダウンロードする必要があります。

新しいShockwaveプレーヤーは、特にこれらの障害に対処するため、最終的に3DコンテンツをWebの重要なコンポーネントにすることができます。大多数のWebユーザーはすでにShockwaveプレーヤーをインストールしており、3D機能を追加するために最新のアップデートをダウンロードするだけで済みます。 Macromediaは、人々にそのテクノロジーを使用してもらうために、多くのWeb企業とのパートナーシップを確立しています。以前、Macromediaは、Shockwave形式とFlash形式の両方で多くの成功を収めてきました。これらは、すべてのメインブラウザーで適切に機能し、インストールと更新が簡単だからです。 Intel、NxView、およびその他の企業は、Macromediaと提携しました。これは、同社がプレーヤー技術の普及に関して優れた実績を持っているためです。

新しいフォーマットは、28.8キロバイト/秒(KBps)の接続速度でも、すべての帯域幅接続で適切に機能するように特別に設計されています。これはいくつかの方法で行われます。

Webで2Dアニメーションを表示すると、Webサイトは連続する各フレームをコンピューターに送信します。このように、アニメーションのすべてをインターネット経由で個別に送信する必要があります。Shockwave 3-Dテクノロジーでは、Webサイトから完全な画像が1回だけ送信されます。次に、画像を移動する場合、サイトは目的の移動を行うために必要な最低限の情報のみを送信します。これは、外側のワイヤーフレームをどのように調整するかをコンピューターに指示し、コンピューターが残りの作業を行ってポリゴンとテクスチャーを塗りつぶします。

過去5年間に製造されたほとんどのパーソナルコンピュータは、高度なビデオゲームの複雑な3Dの世界を処理するように設計されたプロセッサを備えているため、その仕事に十分に対応できます。クライアントマシン(PC)に組み込まれている電源に主に依存することにより、サーバーマシン(Webサイトを格納しているコンピューター)から送信する必要のある情報がはるかに少なくなります。最初の画像を表示すると、大量のダウンロードが発生します。その後、サイトは数学的調整を送信するだけでよく、広い帯域幅を必要としません。

しかし、この大きな初期ダウンロードはどうですか?Shockwaveの新しいプレーヤーは、アダプティブ3Dジオメトリと呼ばれるものでこの問題に対処します。アダプティブ3Dジオメトリは、特定のインターネット接続の3Dモデルを自動的にスケーリングする複雑なアルゴリズムのコレクションです。接続速度が遅い場合、Webサイトはテクスチャが単純化されポリゴンが少ない画像を送信します。より高速な接続がある場合は、より複雑な画像を受け取ります。

より詳細なモデルを作成するには、ポリゴンを追加する必要があります。この手は3,444ポリゴンで構成されています。

これらの要素を使用すると、使用するインターネット接続の種類に関係なく、3Dコンテンツにアクセスできるはずです。しかし、誰かがどのようにしてShockwave3Dコンテンツを自分で作成するのでしょうか。次のセクションでは、Shockwave 3Dアニメーションの作成に何が必要かを調べ、Webマスターがサイトに3Dコンテンツを配置する方法を確認します。

新しい3Dコンテンツの開発

Macromediaのディレクター兼ShockwaveプレーヤーのシニアプロダクトマネージャーであるMiriamGellerと話す機会がありました。3Dオブジェクトを作成するには、次の3つの異なるツールを使用します。

標準の3Dモデリングパッケージを使用して、3Dオブジェクトを作成します。たとえば、3D StudioMaxまたはMayaを使用できます。これらのツールを使用して、ワイヤーフレームイメージを作成し、ワイヤーフレームをカバーするポリゴンを指定します(詳細については、3Dグラフィックスのしくみを参照してください)。新しい.W3Dファイル形式を使用して、3Dモデリングパッケージからエクスポートします。

.W3DファイルをDirectorShockwaveStudioと呼ばれるMacromediaアプリケーションにロードします。このアプリケーションは、Web上で配布するための3Dオブジェクトの準備に役立ちます。たとえば、次のことができます。

  • 多重解像度メッシュやサブディビジョンサーフェスなどのさまざまな手法を適用して、ユーザーのマシン上の3Dオブジェクトに必要な帯域幅または処理能力の量を制限します。
  • ユーザーインタラクティブ機能を追加します。たとえば、ユーザーの要求に応じて、3Dオブジェクトのさまざまな部分を移動させることができます。
  • 霧や雨などの効果をオブジェクトに追加します。
  • 通常の.DCRファイルをDirectorShockwave Studioからエクスポートし、Webサーバーに配置します。

次に、ユーザーは自分のブラウザーとShockwaveプレーヤー(バージョン8.5以降)を使用して.DCRファイルをダウンロードして表示します。[たとえば、ペイントボールガンの3Dモデルを示す.DCRファイルのこの例を参照してください。]これは簡単なプロセスではありませんが、3D StudioMaxなどのプログラムを使用した3Dモデリングに既に精通している人にとってはこれは単純な拡張です。

多くの詳細情報

関連リンク

  • Webアニメーションのしくみ
  • 3Dグラフィックスのしくみ
  • Webページのしくみ
  • Webサーバーとインターネットのしくみ
  • ビデオゲームシステムのしくみ
  • 3Dビデオゲームのグーローシェーディングとテクスチャマッピングとは何ですか?
  • 3DOがビデオゲームを作成する方法
  • 開発者はどのようにしてビデオゲームでそのような現実的な環境を作成しますか?
  • ViOSのしくみ

その他のすばらしいリンク

  • NxView
  • マクロメディア
  • インテル
  • インテルアーキテクチャ研究所
  • Web用の3Dグラフィックス
  • Shockwaveだけでなく、Shockwave 3-D