Webページ上の3Dグラフィックスについて、ブラウザーとシステムの互換性が最も高いオプションは何ですか?


10

少し3Dが必要なWebサイト用に少し機能を開発したいと思います。ユーザーはオブジェクトを移動したり、回転したり、テクスチャを適用したりできます。

これまでのところ、私は調べました:

  • WebGL(特にthree.js)と見栄えは良いですが、IEやIOSではサポートされていません。

  • IOSは<canvas>タグをサポートしていますが、2Dのみです。three.jsにはサポートされていないハックがあり、3Dのものにテクスチャなしで2Dキャンバスを使用させるようですが、これはハックのようです。

  • また、ほとんどのブラウザーで機能するFlashを使用することも検討しましたが、IOSでは機能しません。

さまざまなブラウザーとインターフェイスで3D Webグラフィックスを実行するための最良のオプションは何ですか?

現時点では、WebGL for webを考えて(そして人々にchromeまたはfirefoxを使用してIEにヒットするように依頼して)、IOSのネイティブアプリを作成するかもしれませんが、より優れた代替が利用できるかどうかはわかりません知らない。


この質問が否決された理由とそれを修正する方法を知りたいのですが、これは非常に役立つ質問であり、qと形式に適していると思います。
ロックラン

4
私はどのテクノロジーの方が優れているかを尋ねているわけではありません。3Dの場合の大部分のケースで何が機能するかを尋ねています。
ロックラン

3
投票を再開します。LachlanB、質問で「最高」などの単語を使用しないことが「最高」です。しかし、それ以外の場合は、それは合理的に答えられる質問だと思います。「ほとんどのブラウザで使用できるテクノロジー」のように言い換えることができます。
GrandmasterB

1
@LachlanB質問を編集して、「最高の」技術を使用するのではなく、ウェブページの3Dグラフィックスの最も互換性のある技術を要求していることを明確にしました。質問を再開するために投票しましたが、再開するにはコミュニティの投票が3つ必要です。数日後に再開する必要があることに注意が向けられない場合は、モデレーターにフラグを付けて、質問を再開するよう依頼することもできます(フラグメッセージで編集されていることを必ず説明してください)。幸運を祈ります:)
レイチェル

3
正解はありません。閉鎖する必要があります。ツールは、あるプロジェクトには適切で、別のプロジェクトには適していない場合があります。これはあなたがこの質問をする方法ではありません。さまざまなライブラリを調査してから、戻って特定の質問をします。機能XXXがすべてのブラウザーでサポートされているかどうかを尋ねた場合、正しい答えがあります。
Reactgular 2013

回答:


2

デスクトップシステム用に複数のモバイル(電話サイズとタブレットサイズ)オペレーティングシステムとブラウザーを検討する場合、クロスブラウザーとクロスシステムのアプローチはありません。

その点で、正しい答えとなる答えはありません。それぞれのアプローチには長所と短所があります。

最良/最も多くのクロス眉のメトリックはまた、十分に定義されていないものです。それはブラウザの種類によって生のページヒットですか?それだけの数のブラウザがありますか?それとも、さまざまなシステムでの人々閲覧習慣を考慮していますか?特定の地域が他の地域よりも優先されますか?

あなたはWebGLについて言及していますが、それはAndroidでも十分にサポートされていません -これはAndroidバージョンも考慮する必要があることを意味しますか?同様にFlashは、モバイルデバイスを見るときに対象とする「興味深い」フレームワークです。

企業が行う一般的なアプローチは、スプレッドシートを作成することです。基準をリストし、各基準に重みを付けます。ブラウジング数が重要な場合は、それを重視します。フレームワークの使いやすさが重要な場合は、そのように重み付けしてください。現在のブラウザーの多様性などの場合は...

フレームワークと重みを特定したら、それぞれを調査し、そのフレームワークの各セルで数値(0〜10)を投げて、どれが「最良」であるかを確認します。

それ以外では、ビジネス上の決定は、それらの責任者とリスクを取る人が行うのが最善です。インターネット上の無作為な人々にあなたのためにそれらを作るよう依頼することは問題になる可能性があります-特定のソリューションセット(時間、リソース)について考慮されているすべての要因を認識しているわけではありません。


0

私はこれを使用して過去にいくつかの運がありました:https : //code.google.com/p/jsc3d/それは私が試したすべてにうまくいきました、私はそれをモバイルデバイスとインタラクティブにするためにいくつかのJavaScriptを変更する必要がありましたが、私は今、彼らは私の変更を受け入れ、タッチイベントでうまくいくはずだと思います。

Chrome、Safari、Firefox、IE <9、IE> = 9、Android Phone、Android Tablet、iPad、iPhoneでレンダリングされます。

ただし、パフォーマンスは低下します。しかし、クールなのは、google sketchupでモデルを作成し、objファイルをエクスポートして、テクスチャを使用してマルチプラットフォームでレンダリングしました。


ツールの推奨に関する質問はProgrammers.SEでトピックから外れています。トピックの質問に回答すると、正しい情報が含まれていても、質問の投稿者にトピックの質問をしたくなるインセンティブが与えられます。
Adam Zuckerman、2014年

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.