怎么做的

Question

我看到了使用html5 css3和javascript的非常有趣的例子，所以你能告诉我如何在没有flash的情况下做到这一点，我真的想知道如何做这样的事情。他们在用什么？但大多数情况下我想知道他们是如何使用tetbox和按钮实现效果的。这是 The link

Answer 1

那里的所有代码。我建议你下载所有内容并进行游戏，弄清楚它是做什么的，然后问一个新问题是否有一点你不理解。

主要的聪明位在这里发生（在test.js中）：

onMove: function(e) {
    if (e.pageX >= 0 && e.pageY) {
        this.rot = e.pageX*0.006-0.9;

        this.tilt = (TILT_BASE - e.pageY*0.004);
        if (this.tilt < 0.5) this.tilt = 0.5;

        if (!this.playing)
            this.doAnimation();
    }
},

在这里：

updateTransform: function() {
    this.box.localTrans.rotY(this.rot_cur);
    this.box.localTrans._42 = (80-this.box.height)/2;
    this.rootTransMatrix.rotX(this.tilt_cur);
    this.rootTransMatrix._42 = (80-this.box.height)/2;
    this.floorFace.postTrans.translate(-28, -88 - this.box.localTrans._42, 0);

    this.box.applyTransform();
    this.floorFace.applyTransform();
}

这一切都依赖于trans3d.js，它进行必要的CSS转换。

Answer 2

使用浏览器视图页面源功能或安装firebug