どうやって作ったのですか

Question

html5 css3とjavascriptを使っているのは非常に面白い例ですが、これはフラッシュなしでどうやってできるのか教えてください。彼らは何を使用していますか？しかし、私は彼らが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(); 
} 

全てが必要CSS変換をした、trans3d.jsに依存しています。

Answer 2

どちらかは、あなたのブラウザがページのソースの機能を表示し使用するかfirebug