|
@@ -21,7 +21,7 @@
|
|
info;
|
|
info;
|
|
|
|
|
|
loadAssets(canvas) {
|
|
loadAssets(canvas) {
|
|
- this.numSkeletons = 100;
|
|
|
|
|
|
+ this.numSkeletons = 400;
|
|
this.skeletons = [];
|
|
this.skeletons = [];
|
|
this.states = [];
|
|
this.states = [];
|
|
this.info = document.querySelector("#info")[0];
|
|
this.info = document.querySelector("#info")[0];
|
|
@@ -45,7 +45,7 @@
|
|
for (var i = 0; i < this.numSkeletons; i++) {
|
|
for (var i = 0; i < this.numSkeletons; i++) {
|
|
let skeleton = new spine.Skeleton(skeletonData);
|
|
let skeleton = new spine.Skeleton(skeletonData);
|
|
|
|
|
|
- // Create the animation state
|
|
|
|
|
|
+ // Create the animation state
|
|
let state = new spine.AnimationState(stateData);
|
|
let state = new spine.AnimationState(stateData);
|
|
state.setAnimation(0, "dance", true);
|
|
state.setAnimation(0, "dance", true);
|
|
|
|
|
|
@@ -92,13 +92,13 @@
|
|
renderer.drawSkeleton(skeleton, true);
|
|
renderer.drawSkeleton(skeleton, true);
|
|
}
|
|
}
|
|
renderer.end();
|
|
renderer.end();
|
|
- info.innerText = "Draw calls: " + renderer.batcher.drawCalls;
|
|
|
|
|
|
+ info.innerText = "Draw calls: " + renderer.batcher.drawCalls + ", FPS: " + canvas.time.framesPerSecond.toFixed(0);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// Create the Spine canvas which runs the app
|
|
// Create the Spine canvas which runs the app
|
|
new spine.SpineCanvas(document.getElementById("canvas"), {
|
|
new spine.SpineCanvas(document.getElementById("canvas"), {
|
|
- pathPrefix: "assets/",
|
|
|
|
|
|
+ pathPrefix: "../example/assets/",
|
|
app: new App()
|
|
app: new App()
|
|
});
|
|
});
|
|
</script>
|
|
</script>
|