在网页上添加可爱的Live 2D模型
生活随笔
收集整理的這篇文章主要介紹了
在网页上添加可爱的Live 2D模型
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
在查找資料的偶然間,我發(fā)現(xiàn)一個博客上有非常可愛的Live 2D模型,當(dāng)時我就被打動了,于是開始各種查詢,找出很多Live 2D模型的信息。下面我就分享一個最簡單的用法,直接可以在html文件中引入即可。廢話不多說,開整!
效果展示
先來展示一波效果圖
功能介紹
功能表
功能依次為 展示隨機語句、飛機小游戲、切換角色、切換角色、抓拍、github、隱身
代碼實現(xiàn)
引入代碼
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/> <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>整體代碼
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>demo</title><script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/><script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script> </head> <body></body> </html>總結(jié)
以上是生活随笔為你收集整理的在网页上添加可爱的Live 2D模型的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux 自动执行脚本
- 下一篇: 数论入门(基础定义)