什么是算法来实现立体书的影响
问题描述:
下面是该效果的例子:什么是算法来实现立体书的影响
我看着通过源,显然有一定的算法计算旋转。有没有这种效果的资源,或有人可以分解并以普通人的方式解释算法?
我试过在jsfiddle.net jsfiddle玩耍,但没有接近它。
答
Smashing Magazine在该网站上做了一个complete breakdown。
编辑,回复评论:adj
不是一个“边”,它是一个“长度”。为了让一本弹出式书籍折叠而不是乱七八糟,内容的背景必须与他们所坐的页面保持一定的角度。完全水平的书本不会工作,完全垂直,书本正面没有任何东西可以看到。我们的作者从横向上选择了15 °,但这个选择是任意的。
一旦他挑选了15 °,他需要知道书的宽度。这就是他所说的adj
。这是通过使用固定的“场景宽度”和任意角度创建的书的大小。他用Pythygoras定理得到它(因为数学不是他的强项),但如果你愿意,你可以用下面的内容替换该行:
var adj = POPUP_WIDTH * Math.cos(degToRad(15));
嗨sinethetha,在文章中,我看到一个变量“ADJ “被计算出来了。我认为这是相邻的一面。但是,我可以知道哪个相邻点已经被计算出来了,为什么邻近点需要找到一个点? – p0larBoy 2012-04-22 11:52:00
增加了对答案的解释 – Sinetheta 2012-04-22 21:20:40