2012-03-28 19 views
4

こんにちは私は360度の写真でパノラマビューを作成する方法を探しています。私はQTVRのようなものを作るための解決策が必要です。そこにはたくさんのフラッシュベースのソフトウェアがあります(私はそれを避けようとしています)、またいくつかのjavascript/prototype/jqueryソリューションがあります。しかし、私が見つけた解決策のどれもが私が探している振る舞いを持っていません。私は周囲を見回すようにユーザーに願っています(水平のみ)。写真上の家具オブジェクトはマウスオーバー時に反応するはずですので、歪ませるために複数の「レイヤー」があるかもしれません。純粋なjavascriptやjqueryで画像を操作する方法はありますか?円筒形に曲がっているような感じですか?あるいは、そのような画像操作をサポートする良いライブラリを知っている人はいますか? webglは良い解決策ですか?私は始める方法を本当に知らない。私にヒントを与えることができる人はいますか?私は方向性を探しています。 Googleは私に有用な結果をもたらさなかった。Javascript 360度パノラマ

http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html

three.js

+1

Googleの「javascript panorama」はありましたか? http://code.google.com/p/jspanoviewer/ – Ivan

+0

迅速な回答ありがとうございます。私はそれを見た。私はイメージをスライスすることとは異なる何かを望んでいた。 – jarred

答えて

4

チェックアウトはまた、あなたはおそらくキャンバスを介して画像操作の一部を行うことができます。

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas

それだけでは完全に処理パノラマ画像を持って、そしてあなたのインタラクティブなオブジェクトを表すピクセルを把握するために(キャンバス)方が簡単かもしれません。次に、それらのピクセルでマウスオーバーを聞きます。

1

あなたが優れたHTML5/JSベースのビューアを見つけることができますがありhttp://panorado.com/en/PanoradoJs.php

を試してみてください。

+1

これは非営利のサイトでのみ無料です –

-1

これを行うためのツールがたくさんあります。 www.vtility.netを試しましたか?それはマウスオーバーレイヤーを持っていたかどうかはわかりません。しかし、それは私が見つけた唯一のSEO友好でした。

+0

私はどこでソフトウェアをダウンロードするのかわかりませんでした。これは良い解決策のようには見えず、カスタマイズもできません。 –

+0

こんにちはスコットかもしれないが、これをダウンロードしたいので、これはあなたのために良いかもしれない:https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin – user456929

+0

返信ありがとう、私は実際に[jQuery]に行くことになった。サイクロトロン](https://github.com/mahonnaise/cyclotron)。そのための私の主な基準は、ライセンス(私のプロジェクトの所有権に起因するGPLではない)と使いやすさ(JSのラインとCSSの2行または3行が必要です)でした。パフォーマンスの観点から、はるかに優れたオプションがあります。これは、イメージを複数のdivに分割して動作しますが、かなりうまく機能しました。 –

関連する問題