如何在移動設備上立體查看3d html5/css3/native javascript頁面？

Question

簡短版本：Kieth Clark有一個3D html fps射擊者演示。它使用html5元素上的3d tansforms來產生3D世界體驗。這不是VR。是否有API可以立體地查看它？

我有一個類似的引擎。我想出了一種使用Cardboard式觀看器，3D電視/顯示器或紅/青色立體眼鏡立體觀看的方法。然而，我必須使用一對內聯框架，然後將「世界」文檔的副本加載到每個框架中。

這使gpu上的負載加倍，但是，需要對兩個iframe的「世界」的所有更改進行重複，以及諸如textareas等可聚焦項目的解決方法。這一切都很好，但是如果沒有皇家空軍明顯放緩並且變得越來越激烈，這會降低細節的能力。在移動設備上的Firefox中尤其如此，當然也存在對iframe安全限制的額外問題。

如果使用API​​來查看和控制立體聲3D html5頁面，而沒有明確地複製所有能讓事情變得簡單和高效的事情。

如果有人需要知道，我在Galaxy Note 3上使用谷歌瀏覽器作爲我的標準級目標設備。

朗版本（舊）：

我有一個3D遊戲，我與本地HTML5/CSS3/JavaScript的寫作。它主要用於移動設備，並且已經包含一個功能齊全的相機系統，可以放大或縮小第一人稱，第二人稱，頭頂等，旋轉視圖的偏航角度和俯仰角以及地圖上的位置在頭像周圍，等等。有沒有一種簡單的方法來立體地查看它？它將嵌入到Android應用程序中，或者至少通過一個或通過Chrome瀏覽器作爲網絡應用程序訪問。我認爲使用VR Shell的Chrome Dev可能會嘗試一下，最終有望融入到應用程序中。還沒有運氣。從理論上講，我只需要能夠查看具有css3 3d變換的普通html5頁面。例如，如果你有一個由div或其他任何東西構成的3D立方體，可以用兩個視角來觀看它，每個眼睛一個視角，而不改變頁面本身的任何東西。基本上，如果您可以立體地查看頁面中的任何3D，就像VR Shell聽起來一樣，它應該可以工作。我似乎想到的是如何在Chrome Dev中打開國旗，但我沒有看到任何要激活它的東西。它已經完全重新啓動等。該頁面已經是3D並且以第一人稱或其他方式進行全方位的功能控制。我似乎找到的是如何打開它或關於3D視頻。這可以在Google Studio的Google虛擬機庫中完成，而無需使用所有其他的東西？我只需要第二個眼球。

Answer 1

好的。希望有api存在，但我的解決方案是用兩個iFrames製作父文檔，並將3d轉換文檔加載到兩個iframe中。然後在每個約1％（即一個49％，另一個51％）中偏移透視原點。在沒有使用設備方向添加mod的情況下工作得很好，但是不適用於鼠標控制。理想情況下，兩個iframed文檔應該從父文檔中的js進行控制。缺點是你必須爲每個變化控制兩個對象，並且如果你有輸入或textareas獨佔焦點，會出現複雜情況。修正了這一切，但這是解決方案的低端版本。