jscube是乙個立方體外掛程式,完全用js和css實現,支援所有主流瀏覽器。通過它可以建立乙個立方體,並將6個html元素貼在其面上,支援旋轉和縮放。
與其他類似特效不同,本程式可以把任意html元素貼在立方體上,而不僅僅侷限,所以無論是flash還是canvas,都是無法做到的。
當前最新版本:1.7。更新日誌:
1.0:基本立方體的模型。
1.1:支援任意角度更靈活的旋轉。
1.2:支援縮放。
1.3:增強貼面的物件,修復部分bug。
1.4:css3的出現,不再是ie only了!
1.5:修正firefox的bug。
1.6:支援面動態亮度效果。
1.7:支援ie9/ie10的gpu加速。
<script
src=""
>
script
>
jscube建立很簡單:
var ocube = new cube();
然後設定立方體的面半徑長度:
ocube.setradius(100);
即可顯示出來。此時你看到的是乙個正方形,而不是立方體,因為這是初始預設的角度,這個正方形就是其正面。
接著通過rotate方法旋轉,其他幾個面就顯示出來了。 然後用setface方法,將html元素貼在指定的面上。
具體看方法列表說明。
setlocate(cx, cy)
頁面中定位立方體。
(cx, cy)為立方體中心點座標
setface(id, elem)
立方體貼面。
id: 立方體面編號
elem: 頁面中的html元素
setradius(r)
設定立方體面的半徑長度。
rotate(anglex, angley, anglez)
旋轉立方體。
anglex: 繞x軸旋轉相應角度,下同。
setlight(enable)
開啟/關閉動態光亮效果。
cube.face_front = 0
cube.face_right = 1
cube.face_back = 2
cube.face_left = 3
cube.face_top = 4
cube.face_bottom = 5
顧名思義,立方體前後左右上下面的id編號。用於setface的第乙個引數。
googlecube:
(支援真正的3d效果更新中...)
資料立方體
總體介紹 首先模擬乙個資料分析場景,某企業積累了如下 所示的銷售資料 中每一行表示某個時間段內某種商品在某個地區的銷售情況。很明顯,這些資料涉及到了時間 地區 產品三個業務角度。在對這樣的資料進行分析時,不同的角色都會基於自己所感興趣的業務角度提出問題 銷售經理關心各個地區的銷售情況,希望找出銷售增...
建立立方體
imanualobject cube cube scenemgr.createmanualobject cube cube.begin examples anchor operationtype.ot list 頂點 cube.position 100,100,100 0 cube.position...
資料立方體 解密
資料立方體和傳統資料庫的差別在於資料立方體即cube把很多原來要用資料庫的group by操作來達到的效果通過其獨有的儲存形式予以加速,使用者可以方便地下鑽,切面 看到各種聚合的資料的結果。試想一下,如果乙個cube擁有3個維度,為了計算在各個維度上的聚合,就要進行2 3次計算,如果有10個維度就要...