Home Explore Help
Sign In
archive
/
spine-runtimes
mirror of https://github.com/EsotericSoftware/spine-runtimes.git
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

[ts][canvas] Improve examples

Mario Zechner 3 years ago
parent
3ca76acdca
commit
6d4b8e68bc
2 changed files with 5 additions and 2 deletions
Split View Show Diff Stats
  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
View File 

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

+ 1 - 1
spine-ts/spine-canvas/example/mouse-click.html
View File 

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