HTML立方體外掛程式 JSCube v1 7

2021-09-08 07:41:32 字數 1332 閱讀 3957

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個維度就要...