什麼是算法來實現立體書的影響

Question

下面是該效果的例子：

http://2012.beercamp.com/

我看着通過源，顯然有一定的算法計算旋轉。有沒有這種效果的資源，或有人可以分解並以普通人的方式解釋算法？

我試過在jsfiddle.net jsfiddle玩耍，但沒有接近它。

Answer 1

Smashing Magazine在該網站上做了一個complete breakdown。

編輯，回覆評論：adj不是一個「邊」，它是一個「長度」。爲了讓一本彈出式書籍摺疊而不是亂七八糟，內容的背景必須與他們所坐的頁面保持一定的角度。完全水平的書本不會工作，完全垂直，書本正面沒有任何東西可以看到。我們的作者從橫向上選擇了15 °，但這個選擇是任意的。

一旦他挑選了15 °，他需要知道書的寬度。這就是他所說的adj。這是通過使用固定的「場景寬度」和任意角度創建的書的大小。他用Pythygoras定理得到它（因爲數學不是他的強項），但如果你願意，你可以用下面的內容替換該行：

var adj = POPUP_WIDTH * Math.cos(degToRad(15));