这是小叶子自用的 live2d
小组件修改版本, 换用了 TypeScript
、Vite
; 将模型整合进项目内; 并整合了这个PR
以支持新版模型
把以下代码加入你的网页的 <head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.3.10/pixi.min.js"></script>
<script src="https://live2dwidget.leafyee.xyz/live2d.min.js"></script>
<script src="https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pixi-live2d-display/dist/index.min.js"></script>
<script src="https://live2dwidget.leafyee.xyz/client.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.3.10/pixi.min.js"></script>
<script src="https://live2dwidget.leafyee.xyz/live2d.min.js"></script>
<script src="https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pixi-live2d-display/dist/index.min.js"></script>
<script
src="https://live2dwidget.leafyee.xyz/client.js"
data-tools="hitokoto,switch-model,switch-texture,info,quit"
data-server="https://live2dwidget.leafyee.xyz/"
defer
></script>
data-tools
为加载的小工具按钮,可以自行删减; 默认为全部data-server
为小组件的服务器地址,一般为src
删去client.js
的路径, 默认为https://live2dwidget.leafyee.xyz/
/public/model
存放模型/src/model_list.json
模型列表/src/waifu_tips.json
中定义了触发条件(selector
,CSS 选择器)和触发时显示的文字(text
)/public/waifu.css
是看板娘的样式表
- 安装依赖:
npm install
或pnpm install
或bun install
- 构建命令:
npm run build
或pnpm run build
或bun run build
- 输出目录为
dist
,将dist
目录部署到你的服务器或Vercel
,Cloudflare Pages
等静态网站托管服务即可