33-live2d-wp 开源项目教程

嵇梁易Willow

于 2024-08-22 08:16:35 发布

阅读量210

点赞数 1

本文链接：https://blog.csdn.net/gitblog_00644/article/details/141408495

版权

33-live2d-wp 开源项目教程

33-live2d-wp🍟 The live2d poster girl plugin of 33 for WordPress. 项目地址:https://gitcode.com/gh_mirrors/33/33-live2d-wp

1. 项目的目录结构及介绍

33-live2d-wp/
├── css/
│   └── style.css
├── js/
│   ├── live2d.js
│   └── main.js
├── models/
│   └── live2d-model/
│       ├── model.json
│       └── motions/
├── README.md
└── index.html

css/: 存放项目的样式文件，其中 style.css 是主要的样式文件。
js/: 存放项目的JavaScript文件，包括 live2d.js 和 main.js。
models/: 存放Live2D模型的相关文件，其中 live2d-model/ 目录下包含模型配置文件 model.json 和动作文件 motions/。
README.md: 项目的说明文档。
index.html: 项目的入口文件。

2. 项目的启动文件介绍

项目的启动文件是 index.html。这个文件包含了页面的基本结构和引入的资源文件。以下是 index.html 的部分代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Live2D Demo</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div id="live2d-widget"></div>
    <script src="js/live2d.js"></script>
    <script src="js/main.js"></script>
</body>
</html>

<link rel="stylesheet" href="css/style.css">: 引入样式文件。
<script src="js/live2d.js"></script> 和 <script src="js/main.js"></script>: 引入JavaScript文件。
<div id="live2d-widget"></div>: 用于显示Live2D模型的容器。

3. 项目的配置文件介绍

项目的配置文件主要位于 models/live2d-model/model.json。这个文件定义了Live2D模型的各种参数和路径。以下是 model.json 的部分代码示例：

{
    "version": "2.0",
    "model": "moc/model.moc",
    "textures": [
        "moc/textures/texture_00.png"
    ],
    "motions": {
        "idle": [
            {
                "file": "motions/idle_00.mtn"
            }
        ]
    }
}

version: 指定模型的版本。
model: 指定模型的 .moc 文件路径。
textures: 指定模型的纹理文件路径。
motions: 指定模型的动作文件路径。

通过这些配置文件，可以调整和加载不同的Live2D模型和动作。

33-live2d-wp🍟 The live2d poster girl plugin of 33 for WordPress. 项目地址:https://gitcode.com/gh_mirrors/33/33-live2d-wp

嵇梁易Willow

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
33-live2d-wp 开源项目教程

33-live2d-wp 开源项目教程 33-live2d-wp???? The live2d poster girl plugin of 33 for WordPress. 项目地址:https://gitcode.com/gh_mirrors/33/33-live2d-wp 1. 项目的目录结构及介绍33-live2d-wp/├── css/│ └── style.css├── js/...
复制链接

扫一扫