Site updated: 2022-11-07 17:29:09

2022-11-07 17:29:09 +00:00
parent 393ae22047
commit 267e5f619e
40 changed files with 1891 additions and 20 deletions
--- a/live2d-widget/src/model.js
+++ b/live2d-widget/src/model.js
@@ -0,0 +1,75 @@
+import showMessage from "./message.js";
+import randomSelection from "./utils.js";
+
+class Model {
+    constructor(config) {
+        let { apiPath, cdnPath } = config;
+        let useCDN = false;
+        if (typeof cdnPath === "string") {
+            useCDN = true;
+            if (!cdnPath.endsWith("/")) cdnPath += "/";
+        } else if (typeof apiPath === "string") {
+            if (!apiPath.endsWith("/")) apiPath += "/";
+        } else {
+            throw "Invalid initWidget argument!";
+        }
+        this.useCDN = useCDN;
+        this.apiPath = apiPath;
+        this.cdnPath = cdnPath;
+    }
+
+    async loadModelList() {
+        const response = await fetch(`${this.cdnPath}model_list.json`);
+        this.modelList = await response.json();
+    }
+
+    async loadModel(modelId, modelTexturesId, message) {
+        localStorage.setItem("modelId", modelId);
+        localStorage.setItem("modelTexturesId", modelTexturesId);
+        showMessage(message, 4000, 10);
+        if (this.useCDN) {
+            if (!this.modelList) await this.loadModelList();
+            const target = randomSelection(this.modelList.models[modelId]);
+            loadlive2d("live2d", `${this.cdnPath}model/${target}/index.json`);
+        } else {
+            loadlive2d("live2d", `${this.apiPath}get/?id=${modelId}-${modelTexturesId}`);
+            console.log(`Live2D 模型 ${modelId}-${modelTexturesId} 加载完成`);
+        }
+    }
+
+    async loadRandModel() {
+        const modelId = localStorage.getItem("modelId"),
+            modelTexturesId = localStorage.getItem("modelTexturesId");
+        if (this.useCDN) {
+            if (!this.modelList) await this.loadModelList();
+            const target = randomSelection(this.modelList.models[modelId]);
+            loadlive2d("live2d", `${this.cdnPath}model/${target}/index.json`);
+            showMessage("我的新衣服好看嘛？", 4000, 10);
+        } else {
+            // 可选 "rand"(随机), "switch"(顺序)
+            fetch(`${this.apiPath}rand_textures/?id=${modelId}-${modelTexturesId}`)
+                .then(response => response.json())
+                .then(result => {
+                    if (result.textures.id === 1 && (modelTexturesId === 1 || modelTexturesId === 0)) showMessage("我还没有其他衣服呢！", 4000, 10);
+                    else this.loadModel(modelId, result.textures.id, "我的新衣服好看嘛？");
+                });
+        }
+    }
+
+    async loadOtherModel() {
+        let modelId = localStorage.getItem("modelId");
+        if (this.useCDN) {
+            if (!this.modelList) await this.loadModelList();
+            const index = (++modelId >= this.modelList.models.length) ? 0 : modelId;
+            this.loadModel(index, 0, this.modelList.messages[index]);
+        } else {
+            fetch(`${this.apiPath}switch/?id=${modelId}`)
+                .then(response => response.json())
+                .then(result => {
+                    this.loadModel(result.model.id, 0, result.model.message);
+                });
+        }
+    }
+}
+
+export default Model;