From fb9125109009988eb4d5296737931de04f453496 Mon Sep 17 00:00:00 2001
From: Artem <artur8259@outlook.com>
Date: Mon, 1 May 2023 14:36:11 +0200
Subject: [PATCH] I love Emilia

---
 src/components/{Ram.svelte => Emilia.svelte} | 20 ++++++++++++++++----
 src/pages/index.astro                        |  4 ++--
 2 files changed, 18 insertions(+), 6 deletions(-)
 rename src/components/{Ram.svelte => Emilia.svelte} (59%)

diff --git a/src/components/Ram.svelte b/src/components/Emilia.svelte
similarity index 59%
rename from src/components/Ram.svelte
rename to src/components/Emilia.svelte
index 6076255..752eade 100644
--- a/src/components/Ram.svelte
+++ b/src/components/Emilia.svelte
@@ -1,12 +1,24 @@
 <script lang="ts">
   import * as PIXI from "pixi.js";
-  import { Live2DModel } from "pixi-live2d-display";
+  import { Live2DModel, MotionPriority } from "pixi-live2d-display";
   import { onDestroy, onMount } from "svelte";
 
   let canvas: HTMLCanvasElement;
   let app: PIXI.Application;
   let model: Live2DModel;
 
+  function getRandomModelUrl() {
+    const baseUrl = "https://cdn.arti3.dev/live2d/";
+    const models = [
+      "emilia01/ac_base_emilia01.model3.json",
+      "emilia_nemaki01/ac_base_emilia_nemaki01.model3.json",
+      "emilia_dress01/ac_base_emilia_dress01.model3.json",
+    ];
+
+    const choice = models[Math.floor(Math.random() * models.length)];
+    return baseUrl + choice;
+  }
+
   onMount(async () => {
     (window as any).PIXI = PIXI;
     app = new PIXI.Application({
@@ -17,17 +29,17 @@
       height: 900,
     });
 
-    model = await Live2DModel.from("https://cdn.arti3.dev/live2d/ram/ram.model3.json");
+    model = await Live2DModel.from(getRandomModelUrl());
     app.stage.addChild(model as unknown as PIXI.DisplayObject);
 
     canvas.style.cursor = "pointer";
 
     model.internalModel.motionManager.state.shouldRequestIdleMotion = () => false;
     model.internalModel.motionManager.on("motionFinish", () => {
-      setTimeout(() => model.motion("Idle"), 2000);
+      setTimeout(() => model.motion("Idle", undefined, MotionPriority.IDLE), 2000);
     });
 
-    model.motion("Idle");
+    model.motion("Idle", undefined, MotionPriority.IDLE);
 
     model.scale.set(0.45);
     model.x = -600;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index f10d2d3..f9309cc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -5,7 +5,7 @@ import Centerpiece from "../components/Centerpiece.astro";
 import Icons from "../components/Icons.astro";
 import Heart from "../components/Heart.svelte";
 import Stripe from "../components/Stripe.astro";
-import Ram from "../components/Ram.svelte";
+import Emilia from "../components/Emilia.svelte";
 ---
 
 
@@ -18,5 +18,5 @@ import Ram from "../components/Ram.svelte";
 
   <script is:inline src="/vendors/live2dcubismcore.min.js"></script>
   <script is:inline src="/vendors/live2d.min.js"></script>
-  <Ram client:only />
+  <Emilia client:only />
 </Layout>
\ No newline at end of file