Javascript 360度全景

嗨我正在尋找一種方式來創建一個全景視圖與360度照片。我需要一個解決方案來創建類似QTVR的東西。有很多基於Flash的軟件（我試圖避免這種情況）以及一些javascript/prototype/jquery解決方案。但是我發現的解決方案中沒有一個具有我正在尋找的行爲。我想讓用戶環顧一下（只是橫向）。圖片上的傢俱對象應該在鼠標懸停時作出反應，這樣我可能會有多個「圖層」扭曲。有沒有一種方法來操縱圖像在純JavaScript或與jQuery所以，它看起來像他們彎曲圓柱？還是有人知道支持這種圖像處理的好的圖書館？可能webgl是一個很好的解決方案？我真的不知道如何開始。有沒有人可以給我一個提示。我只是在尋找一個方向。谷歌沒有帶給我可用的結果。Javascript 360度全景

來源

2012-03-28 jarred

你Google「javascript全景」嗎？ http://code.google.com/p/jspanoviewer/ – Ivan 2012-03-28 23:03:32

感謝您的快速回答。我已經看到了。我希望有一些不同於切分圖像的東西。 – jarred 2012-03-28 23:23:03

退房three.js所

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

而且，你可能通過帆布做的一些圖像處理的。

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

可能更容易（帆布），只是有一個完全處理後的全景圖像，並找出哪些像素代表的交互式對象。然後在這些像素上偵聽鼠標懸停。

來源

2012-04-02 08:44:33 hque1011

嘗試http://panorado.com/en/PanoradoJs.php

在那裏，你會發現一個優秀的HTML5/JS基於瀏覽器。

來源

2012-05-30 09:12:29 Joerg

請注意，這只是免費的非商業網站 – 2015-03-27 17:56:53

-1

有很多工具可以做到這一點。你有沒有試過www.vtility.net？我不知道它是否有鼠標重疊。但這是我找到的唯一的SEO友好。

來源

2014-10-20 16:58:36 user456929

我什至不知道在哪裏下載他們的軟件或找到如何使用它的文件。這看起來不是一個好的解決方案，也不是可定製的。 – 2015-03-27 17:59:13

嗨斯科特也許這一個更適合你，因爲你想下載它：https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin – user456929 2015-03-28 20:36:20

感謝您的回覆，我實際上結束了與[jQuery。迴旋加速器（https://github.com/mahonnaise/cyclotron）。我這樣做的主要標準是許可（由於我的項目的專有性質，不能是GPL）和易用性（需要一行JS和兩行或三行CSS）。從性能角度來看，有很多更好的選擇 - 這是通過將圖像分解爲一堆div來實現的，但它的工作非常好。 – 2015-03-28 20:41:50

Javascript 360度全景

回答

相關問題