Widget:SpinePlayer

<!DOCTYPE html> <html lang="en"> <head>

   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Spine Animation Player</title>
   <style>
       body {
           margin: 0;
           overflow: hidden;
           background-color: #000;
       }
       canvas {
           display: block;
       }
   </style>
   <script src="https://wiki-dev-patch-oss.oss-cn-hangzhou.aliyuncs.com/res/nikke/spine/js/spine-player.js"></script>
   <link rel="stylesheet" href="https://wiki-dev-patch-oss.oss-cn-hangzhou.aliyuncs.com/res/nikke/spine/style/spine-player.css" />

</head> <body>

   <script>
       // 使用 spine-player.js 创建一个 Spine 播放器
       var player = new spine.SpinePlayer("player-container", {
           jsonUrl: "https://wiki.biligame.com/seerplan/special:redirect/file/Anima Normal Skeleton 786.skel.bmp", // 替换为你的.json文件路径
           atlasUrl: "https://wiki.biligame.com/seerplan/special:redirect/file/Anima Normal Skeleton 786.atlas.bmp", // 替换为你的.atlas文件路径
           alpha: true, // 是否背景透明
           showControls: true, // 是否显示播放器控制台
           success: function (player) {
               console.log("Spine animation loaded successfully!");
               // 设置动画
               player.setAnimation("animation_name"); // 替换为你的动画名称
           },
           error: function (error) {
               console.error("Error loading Spine animation:", error);
           }
       });
   </script>

</body> </html>

Widget:SpinePlayer

WIKI功能

评论