Re: [問題] 關於翻書的效果

看板Flash作者dreamboxer (陌生人)時間18年前 (2008/01/25 20:27)推噓0(0推 0噓 0→)

留言0則, 0人參與討論串2/2 (看更多)

※ 引述《tga123 (必殺朋友)》之銘言： : 關於翻書的效果要怎麼做 : 我自己書翻半天終於知道要用遮色片 : 但是我不會畫出翻閱的效果 : 有沒有人可以教一下該怎麼做 : 或者是貼張範例給我參考呢? : 感謝大家的幫忙喔剛好最近有個專案是要做翻頁的效果，搞了我一個多月才寫好.../_\ (主要我本身對AS不大熟...) 和大家分享一下研究的成果和可能需要的AS Method。翻頁的寫法 Step by Step 分解說明，在這個網頁有，而且也有AS3的範例檔下載... http://demo.quietlyscheming.com/book/walkthrough.html (因為公司還是用AS2...所以那個範例也幫不上啥忙...乾脆自己研究順便熟悉AS2) 我個人覺得有幾個困難點： 1.最開始一定會碰的最大困難點，就是要算出折角的4個點，需要用到不少的數學。像是 ‧斜率的算法 : Slope = (y2-y1)/(x2-x1) ‧解兩直線 a1*x+b1*y=c1 與 a2*x+b2*y=c2 的交點公式 : c1*b2 - c2*b1 c1*a2 - c2*a1 x = ----------------- , y = ------------------- a1*b2 - a2*b1 - a1*b2 + a2*b1 ‧與 L:a*x+b*y=c 垂直的垂直線L'公式 : b*x-a*y=k ‧中點座標公式 : (x,y)=( (x1+x2)/2, (y1+y2)/2 ) 然後還為了要參數化，還要做些有的沒的推導... 2.當你能依滑鼠的移動而畫出正確的翻頁4角形(當離書角沒很遠的時候是3角形)，你大概就成功一半了！再來就剩下貼圖的問題，按F1參考以下Method BitmapData() beginBitmapFill() Matrix() => 變形旋轉搭配 Math.atan(slope) 使用 3.最後當能夠貼出一頁正確的翻頁4角形後，滑鼠放開要自動完成翻頁的動作，按F1參考以下Method onEnterFrame = function(){ 上步2.的畫圖function } delete mc.onEnterFrame 4.最後最後，翻頁頁角的陰影修飾，按F1參考以下Method BevelFilter() => 我是用這個直接作出陰影...不過也是可以用漸層圖貼... 可是我覺得用漸層貼出動態的陰影好難...orz 以上...大概就是用這些Method兜起來，就差不多了... 不知道有沒有幫到忙 XD -- ※ 編輯: dreamboxer 來自: 211.20.177.117 (01/25 20:30)