UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2025-12-20 09:16:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ts] Player example fixes, clean up.

Browse Source 
* Use minified JS and CSS absolute URLs.
* Renamed index.html so the other html file can be reached more easily.
* generator.html doesn't seem to work?
This commit is contained in:
Nathan Sweet 2021-06-22 15:43:50 -04:00
parent 4062ccb1a9
commit 61b71e1d9a
5 changed files with 26 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
spine-ts/player/example/embedding-binary-example.html
View File

@ -1,5 +1,5 @@
<script src="https://esotericsoftware.com/files/spine-player/3.8/spine-player.js"></script>
<link rel="stylesheet" href="https://esotericsoftware.com/files/spine-player/3.8/spine-player.css">
<script src="https://esotericsoftware.com/files/spine-player/4.0/spine-player.min.js"></script>
<link rel="stylesheet" href="https://esotericsoftware.com/files/spine-player/4.0/spine-player.min.css">
<div id="player" style="width: 640px; height: 380px;"></div>

4
spine-ts/player/example/embedding-json-example.html
View File

@ -1,5 +1,5 @@
<script src="https://esotericsoftware.com/files/spine-player/3.8/spine-player.js"></script>
<link rel="stylesheet" href="https://esotericsoftware.com/files/spine-player/3.8/spine-player.css">
<script src="https://esotericsoftware.com/files/spine-player/4.0/spine-player.min.js"></script>
<link rel="stylesheet" href="https://esotericsoftware.com/files/spine-player/4.0/spine-player.min.css">
<div id="player" style="width: 640px; height: 380px;"></div>

2
spine-ts/player/example/example.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<script src="../../build/spine-player.js"></script>
<link rel="stylesheet" href="../css/spine-player.xscss">
<link rel="stylesheet" href="../css/spine-player.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

37
spine-ts/player/example/generator/embedding-generator.js
View File

@ -96,10 +96,11 @@ function setupPlayer(dataUrls, jsonFile, skelFile, atlasFile) {
return;
}
var cssUrl = "https://esotericsoftware.com/files/spine-player/" + major + "." + minor + "/spine-player.css";
var cssUrl = "https://esotericsoftware.com/files/spine-player/" + major + "." + minor + "/spine-player.min.css";
spine = null;
loadCSS(cssUrl, function () {
var playerUrl = "https://esotericsoftware.com/files/spine-player/" + major + "." + minor + "/spine-player.js";
var playerUrl = "https://esotericsoftware.com/files/spine-player/" + major + "." + minor + "/spine-player.min.js";
//playerUrl = "../../../build/spine-player.js"; // debug
loadJavaScript(playerUrl, function() {
document.getElementById("sp_generator_editor").classList.remove("sp_generator_hidden");
document.getElementById("sp_generator_drop_zone").classList.add("sp_generator_hidden");
@ -270,12 +271,12 @@ function getSkeletonVersion(dataUrls, jsonFile, skelFile) {
}
function loadJavaScript(url, success, error) {
var script = document.createElement('script');
script.setAttribute('src', url);
script.setAttribute('type', 'text/javascript');
script.onload = success;
script.onerror = error;
document.getElementsByTagName("head")[0].appendChild(script);
var script = document.createElement('script');
script.setAttribute('src', url);
script.setAttribute('type', 'text/javascript');
script.onload = success;
script.onerror = error;
document.getElementsByTagName("head")[0].appendChild(script);
};
function loadCSS(url, success, error) {
@ -285,10 +286,10 @@ function loadCSS(url, success, error) {
script.onload = success;
script.onerror = error;
document.getElementsByTagName("head")[0].appendChild(script);
};
};
function showError(error) {
alert(error);
alert("Error: " + error);
}
function setupDropZone() {
@ -297,15 +298,15 @@ function setupDropZone() {
dropZone.onclick = function() {
fileButton.click();
};
dropZone.addEventListener("dragenter", function (event) {
dropZone.addEventListener("dragenter", function (event) {
event.stopPropagation();
event.preventDefault();
}, false);
dropZone.addEventListener("dragover", function (event) {
dropZone.addEventListener("dragover", function (event) {
event.stopPropagation();
event.preventDefault();
}, false);
dropZone.addEventListener("drop", function (event) {
dropZone.addEventListener("drop", function (event) {
event.stopPropagation();
event.preventDefault();
@ -322,8 +323,8 @@ function setupDropZone() {
function generateScript(jsonFile, skelFile, atlasFile, dataUrls) {
var shortVersion = major + "." + minor;
var scriptCode =
'<script src="https://esotericsoftware.com/files/spine-player/' + shortVersion + '/spine-player.js"><' + '/script>\n' +
'<link rel="stylesheet" href="https://esotericsoftware.com/files/spine-player/' + shortVersion + '/spine-player.css">\n\n' +
'<script src="https://esotericsoftware.com/files/spine-player/' + shortVersion + '/spine-player.min.js"><' + '/script>\n' +
'<link rel="stylesheet" href="https://esotericsoftware.com/files/spine-player/' + shortVersion + '/spine-player.min.css">\n\n' +
'<div id="player-container" style="width: 100%; height: 100vh;"></div>\n\n' +
'<script>\n' +
'new spine.SpinePlayer("player-container", {\n';
@ -336,10 +337,8 @@ function generateScript(jsonFile, skelFile, atlasFile, dataUrls) {
' atlasUrl: "' + atlasFile + '",\n' +
' rawDataURIs: {\n'
for (var file in dataUrls) {
scriptCode +=
' "' + file + '": "' + dataUrls[file] + '",\n';
}
for (var file in dataUrls)
scriptCode += ' "' + file + '": "' + dataUrls[file] + '",\n';
scriptCode +=
' }\n' +

6
spine-ts/player/example/generator/index.html → spine-ts/player/example/generator/generator.html
View File

@ -74,7 +74,7 @@ body {
var editor = document.getElementById("editor")
function showError(errorMessage) {
alert(errorMessage);
alert("Error: " + errorMessage);
}
window.addEventListener("load", function(event) {
@ -87,8 +87,8 @@ body {
console.log(`${data.version} ${data.majorVersion} ${data.minorVersion} ${data.patchVersion}`);
spine = null;
var cssUrl = `https://esotericsoftware.com/files/spine-player/${data.majorVersion}.${data.minorVersion}/spine-player.css`;
var playerUrl = `https://esotericsoftware.com/files/spine-player/${data.majorVersion}.${data.minorVersion}/spine-player.js`;
var cssUrl = `https://esotericsoftware.com/files/spine-player/${data.majorVersion}.${data.minorVersion}/spine-player.min.css`;
var playerUrl = `https://esotericsoftware.com/files/spine-player/${data.majorVersion}.${data.minorVersion}/spine-player.min.js`;
Loader.loadStyle(cssUrl, function () {
Loader.loadJavaScript(playerUrl, function () {