mirror of
https://github.com/EsotericSoftware/spine-runtimes.git
synced 2026-02-04 22:34:53 +08:00
18 lines
1.1 KiB
HTML
18 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="../dist/iife/spine-player.js"></script>
|
|
<title>Spine Player Editor</title>
|
|
</head>
|
|
<body style="width: 100vw; height: 100vh; display: flex; margin: 0; padding: 0;">
|
|
<div id="editor" style="width: 100%; height: 100%"></div>
|
|
|
|
<script>
|
|
var code = "<script src=\"https://unpkg.com/@esotericsoftware/spine-player@4.1.*/dist/iife/spine-player.js\"></" + "script>\n<link rel=\"stylesheet\" href=\"https://unpkg.com/@esotericsoftware/spine-player@4.1.*/dist/spine-player.css\">\n\n<div id=\"player-container\" style=\"width: 100%; height: 100vh;\"></div>\n\n<script>\nnew spine.SpinePlayer(\"player-container\", {\n jsonUrl: \"http://esotericsoftware.com/files/examples/4.1/spineboy/export/spineboy-pro.json\",\n atlasUrl: \"http://esotericsoftware.com/files/examples/4.1/spineboy/export/spineboy.atlas\"\n});\n</" + "script>".trim();
|
|
spine.SpinePlayerEditor.DEFAULT_CODE = code;
|
|
var player = new spine.SpinePlayerEditor(document.getElementById("editor"));
|
|
</script>
|
|
</body>
|
|
</html> |