雖然老師上課時己經把換圖片的方式說完了,但是我後來找到原始官網有釋出新的版本,而且用上了openGL,所以效果看起來更滑順一些,

onebook3d官網

除了換掉相本裏的圖,我還把說明文字從英文換成中文,同時把一個寫在原始碼裏的icon換掉,這個icon是用base64的方式直接放進js的檔案中,所以沒有額外的圖檔,老師也以開發者不讓人修改為理由跳過這部份,修改的方式其實也很簡單,只要把圖片做好,轉成base64再放回js中就可以了,這邊只簡單說一下把base64還原成圖檔的方式,

把檔案中base64後面的那一段看似亂碼的內容複製出來

找個可以轉碼的純文書處理軟體,個人是使用notepad++,使用解碼功能來還原

解碼後最上方會有格式名稱,把整個檔另存成png或gif,或jpg,記得副檔名要改,不可以是.txt

修改後就可以看到圖片改變了,這過程中我們只改了js原始碼,並沒有新增圖檔

然後用同樣的原理製作一張圖片,轉成base64,再放到js檔中的變數中,就可以把圖換掉了,然後這個外掛js很妙的地方在於幾乎把所有的icon和樣式表內容都寫在js程式碼中了,好處是執行效率比較高,但要改起來就有點累了。

最後修改日期: 2018-10-02

留言

撰寫回覆或留言

發佈留言必須填寫的電子郵件地址不會公開。