javascript - ポップアップブック効果を実現するためのアルゴリズムは何ですか

Question

効果の例を次に示します。

http://2012.beercamp.com/

ソースを調べたところ、回転を計算するアルゴリズムがあるようです。そのような効果のためのリソースはありますか、または誰かが分解して、素人の言葉でアルゴリズムを説明することができますか？

jsfiddle.net jsfiddleで遊んでみましたが、近づきませんでした。

Answer 1

Smashing Magazineは、その正確なサイトで完全な内訳を行いました。

編集、コメントへの応答：adj「サイド」ではなく、「長さ」です。ポップアップブックを単にくしゃくしゃにするのではなく、折りたたむには、コンテンツの背景が、それらが置かれているページに対してある程度の角度を持っている必要があります。完全に水平で本は機能せず、完全に垂直で、本の正面から見るものは何もありません。著者は水平から15°を選択しましたが、この選択は任意でした。

彼が15°を選んだら、彼は本の幅を知る必要がありました。これは彼が呼んでいるものadjです。固定された「シーン幅」とその任意の角度を使用して作成された本のサイズです。彼はPythygorasの定理を使用してそれを取得します（数学は彼の得意分野ではないため）が、必要に応じてその行を次のように置き換えることができます。

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