使用CSS3/Javascript的真實世界3D模型

我需要旋轉/動畫360度。來自智能手機瀏覽器的真實世界3D對象。當用戶在屏幕上滾動時，真實世界對象（例如汽車）需要旋轉或設置動畫。一種選擇可以一個接一個地替換圖像。使用CSS3/Javascript的真實世界3D模型

任何人都可以使用CSS3/Javascript提供更好的解決方案嗎？

2012-08-03 Hasanavi

有一個Javascript 3D庫稱爲three.js所 - https://github.com/mrdoob/three.js/ 或者，如果你正在尋找一些更簡單的像載體，你可能想看看Raphael.js - http://raphaeljs.com

來源

2012-08-03 00:09:44

感謝您的評論。首先是圖像質量問題。所以，我需要使用汽車的圖像。構建汽車的3D模型並不是解決方案，因爲它不會與圖像相同。任何我只需要使用圖像來模擬3D模型。 – Hasanavi 2012-08-03 11:05:04

您是否成功創建了僅包含圖片的3D模型？我對學習如何做到這一點感興趣。 – Hasith 2013-09-30 02:33:44

three.js所不會移動瀏覽器的最佳選擇，考慮到WebGL的實現仍然是iOS Safari的願望，即使Android不是這樣。 CSS3無法處理高度複雜的3D對象操作，因此從這個角度來看，它受到某種程度的限制。它具有所有3D（旋轉，縮放和變換）功能，但對於後期處理效果（可使用着色器獲得）不在範圍之內。

但有其相結合的Javascript CSS3創造一些3dish效果不錯的小庫：http://www.edankwan.com/lab/css3dEarth

我想這是你所需要的！

來源

2012-08-03 06:28:23

感謝您的評論。由於現實世界中的對象（汽車）非常複雜，所以我打算構建3D模型以尋求圖像解決方案。任何我只能用汽車圖像模仿3D模型的方法？ – Hasanavi 2012-08-03 11:06:55

這是可能的，如果你選擇'Three.js'，你需要提供畫布作爲渲染上下文，否則在iOS中不可用。雖然有一個缺點：畫布在某種程度上不受限制，渲染環境高，這意味着可能會在某處丟失一些幀。 – 2012-08-03 12:08:59

使用CSS3/Javascript的真實世界3D模型

回答

相關問題