src/app/helper.tsx

@@ -75,7 +75,7 @@ export default function Home() {
                 "Hit Area Frames",
                 (checked: any) => (hitAreaFrames.visible = checked)
             );
-    } catch (err) {}
+        } catch (err) { }
     }
 
     function checkbox(name: any, onChange: any) {
@@ -196,7 +196,7 @@ export default function Home() {
         (async function () {
             const app = new PIXI.Application({
                 view: document.getElementById("canvas") as HTMLCanvasElement,
-        backgroundAlpha: 1,
+                backgroundAlpha: 0,
             });
 
             const model = await Live2DModel.from(
@@ -222,6 +222,7 @@ export default function Home() {
                     model.motion("speak");
                 }
             });
+            console.log("ok")
         })();
     }, []);
 
@@ -231,7 +232,7 @@ export default function Home() {
                 typeof window.Live2D !== "undefined" && (
                     <div className="flex w-full flex-col h-full items-center justify-center relative text-white">
                         {/* live2d */}
-            <canvas className="w-full" id="canvas"></canvas>
+                        <canvas className="w-full " id="canvas"></canvas>
 
                         {/* 旧叉 */}
                         {/* <div className="absolute right-[20vw] top-4 bg-orange-300 rounded w-[20vw] h-auto text-sm">
@@ -285,8 +286,7 @@ export default function Home() {
                             >
                                 <img
                                     className="w-full h-full scale-[2.5]"
-                  src={`http://picdown.jchysoft.com/uiIcon/${
-                    useVoice ? "jianpan" : "yuyin"
+                                    src={`http://picdown.jchysoft.com/uiIcon/${useVoice ? "jianpan" : "yuyin"
                                         }.png`}
                                     alt="输入方式"
                                 />