Unity3d中實現翻書效果 電子翻書 虛擬翻書(一)


 

需要工程的,可在第三章留郵箱

等不及的:https://download.csdn.net/download/gottayiwanliu/11239022

5積分,不是我規定的,我也不知道怎麼改

本教程中出現的所有資源僅供學習交流使用,不得商用

1.如何快速的在unity3d實現與現實中翻書類似的翻書動作,在這裏藉助一個插件,可以在unity3d中assetStore裏找到

 

  我們首先來看下效果,這是我們自定義的書頁內容

  

 

2.看完效果,接下來看看實現流程

      首先將包導入unity3d,裏面有幾個示例場景,還有一些有趣的功能,有興趣的可以自己去探索,本文講些本插件的基礎用法,在下次會提到如何動態替換書頁內容,包括書頁的內容,書頁的數量。

    

      導入後,首先在場景中創建個Canvas,然後找到Prefabs文件夾下的預設體BookPro,將該預設體拖入Canvas中

      

 

      這時候其實可以直接運行場景了,我們已經可以隨意翻動書頁了,注意我們需要點擊BookPro子物體中的LeftHotSpot或者RightHotSpot區域纔可以操作,該區域大小可以隨意調;

       

         接下來看下預設體BookPro,該預設體上掛有同名的腳本BookPro,想要添加自定義的圖片內容,我們只需更改腳本上的paper的Front和Back,點擊下方的加號,添加書頁,點擊後,如下圖,會新添加兩個Image(page4,page5),然後會自動排序好

       

 

 

 

        但是新添加的image的值是空的,並沒有內容,所以我們需要給image附上我們需要的圖片,然後我們再次運行程序,翻動到page4和page5,我們會看到我們自己添加的書頁,page0123我們都是可以替換掉的,看下運行效果,最後兩張爲我們自定義添加的,可以根據自己的需要更改內容和頁數。

   

 

        這樣,基本操作就完成了,但是這樣做侷限性很大,只能在編輯器內修改和自定義書頁,導出exe或者apk就無法修改,通用性不夠,所以在下次,我們會提到如何修改該插件的腳本,從而實現類似電子書功能,實現對用戶指定文件夾下的所有圖片進行這樣的翻頁效果,數量和內容不再受到限制

        

      

     

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章