什么是算法来实现立体书的影响

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));