このビジュアライゼーションは、Away3D (Flash) を使用して作成されています: www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline
WebGL を使用して、同じ品質のもの (インタラクション、アニメーション、パフォーマンス、ピクセルパーフェクションなど) を作成することは可能でしょうか?
おまけ: 基本的なシーンをどのように設定しますか? (インタラクションとアニメーションなし)
はい、そうです。シーンはまったく複雑ではないので、パフォーマンスは良好です。相互作用は、はい、それをどのように実装するかによって異なりますが、たとえば Three.js を使用してプロジェクトを実行している場合、問題にはなりません。ピクセルの完成度はもちろん、そうです。
シーンでは、「ナビゲート」を使用すると頂点の UV を変更するテクスチャを使用して、曲面を作成できます。ピンは、パーティクル、または透明なテクスチャを備えた単純なクワッドで行うことができます。ピクセル精度のピン ピッキングを行うには、レイ トレースでピンの深さをテストするか、シェーダーでピン形状のジオメトリを使用することができます。これがおそらく最適なソリューションです。
基本的なシーン - 頂点ごとに変化する UV、ピン形状、テクスチャ ピンを使用した曲面。
あるいは、2D キャンバスでまったく同じことを行うこともできます。すべての要素が描画されてスケーリングされるだけで、テキストははるかに単純になり、ピッキングは 2D 計算で行われます。
お役に立てれば。