由自己的定的live2d。 首先如何在博客園中加載live2d?這很簡單,只需要一個腳本以及l ...
起初是因為在b站刷視頻看到了一個非常好看的live d模型,想添加博客園主頁上,結果發現自身前端能力很差,對live d也不是很了解,所以在添加過程中遇到了許多問題,如果在這篇文章中有什么錯誤的地方,希望了解的朋友能為我指正。 在添加的過程中,我發現一個問題就是:大多數人所寫的教程千篇一律,而且基本上所使用的模型也就那么幾個,利用的是unpkg現成的json文件 而配置自定義模型的幾個教程,經過我 ...
2021-01-29 22:17 8 365 推薦指數:
由自己的定的live2d。 首先如何在博客園中加載live2d?這很簡單,只需要一個腳本以及l ...
引言 瀏覽博客時發現許多人博客上都有這樣一個2D模型,也給博客增色不少。而且鼠標移到不同位置,模型會跟着動,點擊還會播放音頻。查找才知道這個叫做 Live 2D ,可以在博客園添加。 Live2D簡介 Live2D 是一種應用於電子游戲的繪圖渲染技術,由日本 Cybernoids 公司開發 ...
博客園添加live2d看板娘 博客說明 文章所涉及的資料來自互聯網整理和個人總結,意在於個人學習和經驗匯總,如有什么地方侵權,請聯系本人刪除,謝謝! 配置 添加代碼到博客園側邊欄公告 代碼 選擇人物 在上面jsonPath切換就可以啦 測試 當然這個大小 ...
最近給自己的博客添加了個動態的小蘿莉,給大家分享一下,效果請見我的博客左下角: (當然你也可以在自己的html頁面引入下面的js來添加小蘿莉) 1.首先最重要的一點你要申請一個博客園賬號。 2.其次申請js權限,找到管理--》設置》--》js權限申請(博客園為了防止大家隨便引入js,申請 ...
示例: 代碼: 初始化的jsonPath為: https://unpkg.com/2D模型全名稱@1.0.5/assets/模型.model.json 例如:https://unpkg.com/live2d ...
大佬博客鏈接:https://blog.csdn.net/weixin_44128558/article/details/104792345 照着大佬的博客做一下,可以先學會怎么生成bundle.js文件,以及官方的sdk文件的詳細內容,講得很詳細 如果想直接用的話也可以看最下面的代碼copy即可 ...
之前講到了如何將live2d呈現在自己的博客上,接下來便是設定小人所響應的動作。 上次我們講到了我們是通過傳live2d模型的json文件來讓小人呈現在我們的網頁上,而其中json文件所包含的就是各種對於模型資源的設定,例如可以看到motions所指的的就是模型的動作這一大類,hit_areas ...
有挺多博友問我博客右下角的蘿莉是怎么加上的,我這里做一個小教程。 首先,也是最重要的,必須先有一個cnblog賬號。 登錄博客園賬號→管理→設置,在這里修改設置。 下滑,申請JS權限,申請成功后會有提示(支持js代碼)。 然后在【頁首html代碼】編輯器中插入 ...