個人對Live2D印象最深刻的就是以前PSP遊戲: 虎與龍以及櫻花莊的寵物女孩, 想當年我還是為了玩虎與龍的遊戲才買PSP的, 遊戲本身用Live2D技術做得非常好, 劇情也超讚, 補完了我不少遺憾(畢竟原作就是大河路線, 亞美跟實乃梨只能被放生, 而遊戲當然就能補足原作只有大河線的遺憾, 尤其是遊戲中的亞美路線的表結局跟真正結局做的超有愛, 如果有人也喜歡虎與龍這部作品的話, 強力推薦也玩玩看PSP的遊戲!!!)
一不小心就離題了XD 昨天PyCon結束回到家, 就開始狂嗑Live2D的資料, 想說總有一天也要自己刻一個喜歡的角色出來, 結果搜尋到一半發現一個超超超級讚的Live2D血小板:
這個Live2D模型是一位德國大神Denchi大大製作並放在推特上, 而且歡迎大家自行取用, 怎麼可以這麼大方, 真是太感動了阿~~~!!!
看到做得這麼讚的模型, 我想自己做個模型的慾望完完全全被打趴了, 立馬決定直接拿來使用了, 看到這麼讚的東西怎麼可能不行動呢, 自己做模型的規劃就決定直接往後推(我丟XD)
有了模型後, 再來就是要怎麼放到網站上了, Live2D支援在以下平台上使用:
Android, iPhone&iPad, FLASH, Unity, DirectX, Cocos2d-x, WebGL
有WebGL, 就表示可以用Javascript啦, 於是繼續挖教學資源, 雖然Live2D公司開的API功能很多所以非常複雜, 不過github上已經有不少神人打包成直接適用在網站上的library, 這代表我們只要小作修改就可以直接用大多數基本功能了, 讚讚讚。 詳細可以參考以下連結:
血小板的模型怎麼修改導入則是參考這位大大的文章。
因為有上面這些大大們的成果讓我可以站在巨人們的肩膀上, 所以我只花半天就把血小板帶回我家(網站)了, 再來就是帶血小板熟悉新環境啦(小修改UI, 針對網站功能以及每個side project設計訊息的意思XD)。 以下是Demo: