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][player] Added iframe tests.

badlogic 6 years ago
parent
05d5f6d6e0
commit
b8a8df486d
3 changed files with 87 additions and 0 deletions
Unified View Show Diff Stats
  1. 29 0
      spine-ts/widget/example/iframe-local.html
  2. 29 0
      spine-ts/widget/example/iframe-test.html
  3. 29 0
      spine-ts/widget/example/iframe.html

+ 29 - 0
spine-ts/widget/example/iframe-local.html
View File 

@@ -0,0 +1,29 @@
 
+<!doctype html>
 
+<html>
 
+<head>
 
+	<meta charset="utf-8">
 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+	<script src="../../build/spine-widget.js"></script>
 
+	<link rel="stylesheet" href="../css/spine-player.css">
 
+</head>
 
+
 
+<style>
 
+html, body {
 
+	margin: 0;
 
+	padding: 0;
 
+}
 
+* {
 
+	box-sizing: border-box;
 
+}
 
+</style>
 
+
 
+<body>
 
+	<div id="player"></div>
 
+</body>
 
+<script>
 
+	window.addEventListener("message", function (event) {
 
+		new spine.SpinePlayer(document.getElementById("player"), event.data);
 
+	}, false);
 
+</script>
 
+</body>
 
+</html>

+ 29 - 0
spine-ts/widget/example/iframe-test.html
View File 

@@ -0,0 +1,29 @@
 
+<!doctype html>
 
+<html>
 
+<head>
 
+	<meta charset="utf-8">
 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+</head>
 
+
 
+<style>
 
+iframe {
 
+	border: none;
 
+}
 
+</style>
 
+
 
+<body>
 
+	<!--<iframe id="player" src="http://esotericsoftware.com/spine-player/3.7/iframe.html" width="600" height="480"></iframe>-->
 
+	<iframe id="player" src="http://localhost:8000/widget/example/iframe-local.html" width="600" height="480"></iframe>
 
+</body>
 
+<script>
 
+	var player = document.getElementById("player");
 
+	var playerConfig = {
 
+		atlasUrl: "http://esotericsoftware.com/files/examples/spineboy/export/spineboy-pma.atlas",
 
+		jsonUrl: "http://esotericsoftware.com/files/examples/spineboy/export/spineboy-pro.json",
 
+		premultipliedAlpha: true
 
+	};
 
+	player.addEventListener("load", function () {
 
+		player.contentWindow.postMessage(playerConfig, "*");
 
+	});
 
+</script>
 
+</html>

+ 29 - 0
spine-ts/widget/example/iframe.html
View File 

@@ -0,0 +1,29 @@
 
+<!doctype html>
 
+<html>
 
+<head>
 
+	<meta charset="utf-8">
 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+	<script src="./spine-widget.js"></script>
 
+	<link rel="stylesheet" href="./spine-player.css">
 
+</head>
 
+
 
+<style>
 
+html, body {
 
+	margin: 0;
 
+	padding: 0;
 
+}
 
+* {
 
+	box-sizing: border-box;
 
+}
 
+</style>
 
+
 
+<body>
 
+	<div id="player"></div>
 
+</body>
 
+<script>
 
+	window.addEventListener("message", function (event) {
 
+		new spine.SpinePlayer(document.getElementById("player"), event.data);
 
+	}, false);
 
+</script>
 
+</body>
 
+</html>