mirror of
https://github.com/EsotericSoftware/spine-runtimes.git
synced 2025-12-20 17:26:01 +08:00
[ts] Set path for demos, update order.
This commit is contained in:
parent
46416099c4
commit
ca9a3ff7c2
@ -17,8 +17,6 @@ tsc -p tsconfig.threejs.json
|
|||||||
tsc -p tsconfig.player.json
|
tsc -p tsconfig.player.json
|
||||||
ls build/*.js build/*.ts | awk '{print "unexpand -t 4 ", $0, " > /tmp/e; mv /tmp/e ", $0}' | sh
|
ls build/*.js build/*.ts | awk '{print "unexpand -t 4 ", $0, " > /tmp/e; mv /tmp/e ", $0}' | sh
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if ! [ -z "$TS_UPDATE_URL" ] && ! [ -z "$BRANCH" ];
|
if ! [ -z "$TS_UPDATE_URL" ] && ! [ -z "$BRANCH" ];
|
||||||
then
|
then
|
||||||
echo "Deploying spine-ts $BRANCH artifacts"
|
echo "Deploying spine-ts $BRANCH artifacts"
|
||||||
@ -26,4 +24,4 @@ then
|
|||||||
curl -F "file=@spine-ts.zip" "$TS_UPDATE_URL$BRANCH"
|
curl -F "file=@spine-ts.zip" "$TS_UPDATE_URL$BRANCH"
|
||||||
else
|
else
|
||||||
echo "Not deploying artifacts. TS_UPDATE_URL and/or BRANCH not set."
|
echo "Not deploying artifacts. TS_UPDATE_URL and/or BRANCH not set."
|
||||||
fi
|
fi
|
||||||
|
|||||||
@ -30,7 +30,7 @@ var additiveBlendingDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas2.atlas");
|
assetManager.loadTextureAtlas("atlas2.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
timeKeeper = new spine.TimeKeeper();
|
timeKeeper = new spine.TimeKeeper();
|
||||||
|
|||||||
@ -11,7 +11,7 @@ var clippingDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas1.atlas");
|
assetManager.loadTextureAtlas("atlas1.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
timeKeeper = new spine.TimeKeeper();
|
timeKeeper = new spine.TimeKeeper();
|
||||||
|
|||||||
@ -217,6 +217,23 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="demo" id="demo-additive-blending">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<h2 id="Additive-blending"><a href="#Additive-blending">Additive Blending</a></h2>
|
||||||
|
<div class="demo-container">
|
||||||
|
<div class="aspect"></div>
|
||||||
|
<div class="resize"></div>
|
||||||
|
</div>
|
||||||
|
<div class="demo-text">
|
||||||
|
<div class="controls">
|
||||||
|
<div class="control" style="padding-bottom:6px">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="demo" id="demo-path-constraint">
|
<div class="demo" id="demo-path-constraint">
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
@ -332,22 +349,5 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="demo" id="demo-additive-blending">
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<h2 id="Additive-blending"><a href="#Additive-blending">Additive Blending</a></h2>
|
|
||||||
<div class="demo-container">
|
|
||||||
<div class="aspect"></div>
|
|
||||||
<div class="resize"></div>
|
|
||||||
</div>
|
|
||||||
<div class="demo-text">
|
|
||||||
<div class="controls">
|
|
||||||
<div class="control" style="padding-bottom:6px">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</body></html>
|
</body></html>
|
||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
$(function () {
|
$(function () {
|
||||||
window.onerror = function(message, url, lineNo) {
|
window.onerror = function (message, url, lineNo) {
|
||||||
alert("Error: " + message + "\n" + "URL:" + url + "\nLine: " + lineNo);
|
alert("Error: " + message + "\n" + "URL: " + url + "\nLine: " + lineNo);
|
||||||
}
|
}
|
||||||
|
|
||||||
spineDemos.init();
|
spineDemos.init();
|
||||||
@ -13,12 +13,12 @@ $(function () {
|
|||||||
meshesDemo,
|
meshesDemo,
|
||||||
skinsDemo,
|
skinsDemo,
|
||||||
hoverboardDemo,
|
hoverboardDemo,
|
||||||
|
additiveBlendingDemo,
|
||||||
vineDemo,
|
vineDemo,
|
||||||
clippingDemo,
|
|
||||||
stretchymanDemo,
|
stretchymanDemo,
|
||||||
|
clippingDemo,
|
||||||
tankDemo,
|
tankDemo,
|
||||||
transformsDemo,
|
transformsDemo
|
||||||
additiveBlendingDemo
|
|
||||||
];
|
];
|
||||||
|
|
||||||
var placeholders = document.getElementsByClassName("aspect");
|
var placeholders = document.getElementsByClassName("aspect");
|
||||||
|
|||||||
@ -20,7 +20,7 @@ var hoverboardDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas1.atlas");
|
assetManager.loadTextureAtlas("atlas1.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
input = new spine.webgl.Input(canvas);
|
input = new spine.webgl.Input(canvas);
|
||||||
|
|||||||
@ -15,7 +15,7 @@ var imageChangesDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas1.atlas");
|
assetManager.loadTextureAtlas("atlas1.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
timeKeeper = new spine.TimeKeeper();
|
timeKeeper = new spine.TimeKeeper();
|
||||||
|
|||||||
@ -13,7 +13,7 @@ var meshesDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
renderer.skeletonDebugRenderer.drawRegionAttachments = false;
|
renderer.skeletonDebugRenderer.drawRegionAttachments = false;
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas2.atlas");
|
assetManager.loadTextureAtlas("atlas2.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
timeKeeper = new spine.TimeKeeper();
|
timeKeeper = new spine.TimeKeeper();
|
||||||
|
|||||||
@ -12,7 +12,7 @@ var skinsDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("heroes.atlas");
|
assetManager.loadTextureAtlas("heroes.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
input = new spine.webgl.Input(canvas);
|
input = new spine.webgl.Input(canvas);
|
||||||
|
|||||||
@ -18,7 +18,7 @@ var spritesheetsDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas1.atlas");
|
assetManager.loadTextureAtlas("atlas1.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
timeKeeper = new spine.TimeKeeper();
|
timeKeeper = new spine.TimeKeeper();
|
||||||
|
|||||||
@ -28,7 +28,7 @@ var stretchymanDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas2.atlas");
|
assetManager.loadTextureAtlas("atlas2.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
timeKeeper = new spine.TimeKeeper();
|
timeKeeper = new spine.TimeKeeper();
|
||||||
|
|||||||
@ -11,7 +11,7 @@ var tankDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas2.atlas");
|
assetManager.loadTextureAtlas("atlas2.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
timeKeeper = new spine.TimeKeeper();
|
timeKeeper = new spine.TimeKeeper();
|
||||||
|
|||||||
@ -22,7 +22,7 @@ var transformsDemo = function(canvas, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas2.atlas");
|
assetManager.loadTextureAtlas("atlas2.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
input = new spine.webgl.Input(canvas);
|
input = new spine.webgl.Input(canvas);
|
||||||
|
|||||||
@ -17,7 +17,7 @@ var transitionsDemo = function(canvas, loadingComplete, bgColor) {
|
|||||||
gl = canvas.ctx.gl;
|
gl = canvas.ctx.gl;
|
||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas1.atlas");
|
assetManager.loadTextureAtlas("atlas1.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
|
|
||||||
|
|||||||
@ -6,7 +6,8 @@ var spineDemos = {
|
|||||||
demos: [],
|
demos: [],
|
||||||
loopRunning: false,
|
loopRunning: false,
|
||||||
canvases: [],
|
canvases: [],
|
||||||
downloader: new spine.Downloader()
|
downloader: new spine.Downloader(),
|
||||||
|
path: "assets/"
|
||||||
};
|
};
|
||||||
|
|
||||||
window.onerror = function (msg, url, lineNo, columnNo, error) {
|
window.onerror = function (msg, url, lineNo, columnNo, error) {
|
||||||
|
|||||||
@ -21,7 +21,7 @@ var vineDemo = function(canvas, bgColor) {
|
|||||||
|
|
||||||
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
renderer = new spine.webgl.SceneRenderer(canvas, gl);
|
||||||
input = new spine.webgl.Input(canvas);
|
input = new spine.webgl.Input(canvas);
|
||||||
assetManager = new spine.webgl.AssetManager(gl, "assets/", spineDemos.downloader);
|
assetManager = new spine.webgl.AssetManager(gl, spineDemos.path, spineDemos.downloader);
|
||||||
assetManager.loadTextureAtlas("atlas2.atlas");
|
assetManager.loadTextureAtlas("atlas2.atlas");
|
||||||
assetManager.loadJson("demos.json");
|
assetManager.loadJson("demos.json");
|
||||||
timeKeeper = new spine.TimeKeeper();
|
timeKeeper = new spine.TimeKeeper();
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user