html - HTML5キャンバスパノラマ効果

Question

HTML5でパノラマビューアを作成したいのですが、360度の画像を形成するように画像をキャンバスに配置し、jQueryプラグインを使用して横スクロールの効果を作成しました。さて、私の「問題」として、画像を回転させたときにキャンバスの画像の端を引き伸ばすことで、より球形の感覚にしたいと思います。グーグルがストリートビューで行うように、画像の奥行きをよりよく感じるために。

ストレッチ効果は、JavaScriptプラグインの有無にかかわらずHTML5キャンバスで可能なものですか（誰かがそのようなプラグインを作成したか、Google以外で同じ問題を抱えていたように感じます）。

私が曖昧になっていないことを願っています...

Answer 1

あなたが求めているのは、HTML5キャンバスで3Dプロジェクションを実行する方法です。最善のアプローチは、wegGLを使用することです。この例を見てください。そして美しい例。

Answer 2

GnomeSoftwareのソフトウェアPano2VRをチェックすることもできます。試用版には無制限の試用期間があり、パノラマにスタンプを押すだけです。しかし、カスタマイズは非常に簡単です。