首页 发现 帮助
登录
archive
/
spine-runtimes
镜像自地址 https://github.com/EsotericSoftware/spine-runtimes.git
2
0
派生 0
文件 工单管理 0 Wiki
浏览代码

[ts][canvas] Improve examples

Mario Zechner 3 年之前
父节点
3ca76acdca
当前提交
6d4b8e68bc
共有 2 个文件被更改，包括 5 次插入 和 2 次删除
合并视图 显示文件统计
  1. 4 1
      spine-ts/spine-canvas/example/index.html
  2. 1 1
      spine-ts/spine-canvas/example/mouse-click.html

+ 4 - 1
spine-ts/spine-canvas/example/index.html
查看文件 

@@ -6,7 +6,7 @@
 
 	<script src="../dist/iife/spine-canvas.js"></script>
 
 	<script src="../dist/iife/spine-canvas.js"></script>
 
 </head>
 
 </head>
 
 
 
-<body style="margin: 0; padding: 0;">
 
+<body style="margin: 0; padding: 0; background: #333">
 
 	<canvas id="canvas" style="width: 100%; height: 100vh;"></canvas>
 
 	<canvas id="canvas" style="width: 100%; height: 100vh;"></canvas>
 
 </body>
 
 </body>
 
 
 
@@ -45,6 +45,9 @@
 
 		animationStateData.defaultMix = 0.2;
 
 		animationStateData.defaultMix = 0.2;
 
 		animationState = new spine.AnimationState(animationStateData);
 
 		animationState = new spine.AnimationState(animationStateData);
 
 
 
+		// Set the run animation, looping.
 
+		animationState.setAnimation(0, "run", true);
 
+
 
 		// Start rendering.
 
 		// Start rendering.
 
 		requestAnimationFrame(render);
 
 		requestAnimationFrame(render);
 
 	}
 
 	}

+ 1 - 1
spine-ts/spine-canvas/example/mouse-click.html
查看文件 

@@ -6,7 +6,7 @@
 
 	<script src="../dist/iife/spine-canvas.js"></script>
 
 	<script src="../dist/iife/spine-canvas.js"></script>
 
 </head>
 
 </head>
 
 
 
-<body style="margin: 0; padding: 0;">
 
+<body style="margin: 0; padding: 0; background: #333">
 
 	<canvas id="canvas" style="width: 100%; height: 100vh;"></canvas>
 
 	<canvas id="canvas" style="width: 100%; height: 100vh;"></canvas>
 
 </body>
 
 </body>