【分享】JavaScript Cube 1.6 发布

Question

JSCube可以创建一个立方体，将6个HTML元素贴在其面上，并支持旋转和缩放。当前最新版本1.6.0。支持IE,FireFox,Opear,Chrome,Safari浏览器。脚本引用地址：http://www.etherdream.com/FunnyScript/WitCube/Cube.js
Cube.js导出一个类：Cube。共4个方法:
setLocate(cx, cy)
    页面中定位立方体。
    (cx, cy)为立方体中心点坐标setFace(id, elem)
    立方体贴面。
    id: 立方体面编号
    elem: 页面中的HTML元素setRadius(r)
    设置立方体中心点到顶点的距离。rotate(angleX, angleY, angleZ)
    旋转立方体。
    angleX: 绕X轴旋转1角度
    ...6个静态属性:
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的第一个参数。
一个简单的Demo: http://www.etherdream.com/FunnyScript/WitCube/GCube.html发挥你想象，可以做出很多有趣的东西。

Answer 1

一个简单的Demo: http://www.etherdream.com/FunnyScript/WitCube/GCube.html发挥你想象，可以做出很多有趣的东西。

Answer 2

那个WitCube.html有点问题因为谷歌页面需要再点击页面一下才能使用点击完了再移动就出现问题了. 我IE8

Answer 3

效果太棒了，safari下运行飘逸。
大赞

Answer 4

真是高手啊，请问能把他放到指定的div里吗？提供个方法吧

Answer 5

很好，利用楼主的代码，我搞了个相册展示效果：http://www.cuixiping.com/

Answer 6

ff3.6 卡建议修改图片大小 
增加运算以取代dom频繁操作图片延迟加载。

Answer 7

ff3.6 卡建议修改图片大小 
增加运算以取代dom频繁操作图片延迟加载。
[/Quote]我的ff3.6上感觉还挺流畅。不过图片是比较大，6张图片差不多近500K。

Answer 8

/*******************
     *    4-------5
     *   /|      /|
     *  0-------1 |
     *  | |     | |
     *  | 7- - -|-6
     *  |/      |/
     *  3-------2
     *******************/qiang

Answer 9

动态实时绘制的东西，可以考虑用canvas画，尽管还不完全兼容

Answer 10

强啊。
google的logo经常会出这种让人吃惊的东西