12

最初に少し紹介します:

昨年、私はこれを書きましたhttp://dragan.yourtree.org/code/canvas-3d-graph/

古いバージョンにはいくつかの制限があるため、完全に書き直したいと思います。

この古いバージョンには、実際の 3D はなく、3D をエミュレートする 2D ラインの束だけです。

今、私が望むのは、本格的な 3D シーンに移動することです。すべてのオブジェクトをメモリに保持し、ユーザーがシーン全体を 3 軸すべてで回転させたり、カメラをズームインしたりできるようにする何らかの 3D ナビゲーション ボタンを追加したいと考えています。アウト。

ベクトル/マトリックス用にhttp://sylvester.jcoglan.com/を使用することは既に決定していますが、3D の適切なチュートリアルをまだ見つけることができません。インターネット上には大量のテキストがあり、そのほとんどは 90 年代のもので、不完全であったり、非常に下手なものです。

それで、私の質問は次のとおりです。独自の JS 3D エンジンをゼロから作成できるようにする、最適なオンライン リソース/チュートリアルは何ですか。

関連するすべてのトピックをカバーする必要があります。

  • ベクトル
  • 行列
  • オブジェクト
  • カメラ
  • シーンのレンダリング
  • 点灯
  • シーン上のオブジェクトの回転
  • カメラの移動

など.. (最初の 2 つはよく知っています)

お時間をいただきありがとうございます。

4

6 に答える 6

0

悲しい真実は、JavaScriptでの3Dグラフィックスの実際のサポートがまだないということです。
したがって、3Dレンダラーを完全に実装する(またはすでに実装されている他の誰かを使用する)
必要があります。これらは通常ハードウェアで実装され、JavaScriptを記述しているため、些細なシーン以外では当然非常に遅くなります。

3Dグラフィックスには、Java、C#、C++などの言語の方が適しています。

于 2008-12-19T08:47:43.880 に答える
0

Firefoxで利用できる「Canvas3D」と呼ばれる技術があります。このテクノロジーを使いやすくするC3DLと呼ばれるユーティリティもあります。

残念ながら、私が知る限り、Opera / Internet Explorer / WebKitに相当するものはありません-このアドオンはFirefox3でのみ利用可能です(Firefox2およびFirefox3.1ベータ版はサポートされていません)...

于 2009-01-18T18:19:24.673 に答える