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

Question

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

有沒有人可以使用CSS3 / Javascript提供更好的解決方案？

Answer 1

有一個名為Three.js的Javascript 3d庫-https: //github.com/mrdoob/three.js/或者，如果您正在尋找更簡單的矢量，您可能想看看Raphael.js- http：// raphaeljs.com

Answer 2

Three.js並不是移動瀏覽器的最佳選擇，考慮到WebGL的實現仍然是iOS Safari的需求，即使Android並非如此。 CSS3無法處理高復雜度的3D對象操作，因此從某種角度來說是有限的。 它具有所有3D（旋轉，縮放和變換）功能，但對於后期處理效果（可以通過着色器獲得）超出了范圍。

但是有一個不錯的小程序庫，它結合了Javascript和CSS3來創建一些3dish效果： http ://www.edankwan.com/lab/css3dEarth

我認為這就是您所需要的！