chizui/aklive2d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(wallpaper engine): add ability to adjust the position

Browse Source
This commit is contained in:
Halyul
2021-06-03 16:50:27 -04:00
parent 331fd55045
commit 7869484ce5
2 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
template/assets/runner.js
View File

@@ -1,6 +1,7 @@
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
var RATIO = 0.618; var RATIO = 0.618;
var fps = 60; var fps = 60;
var viewport = Object.assign({}, window.settings.viewport);
if (params.has("fps")) { if (params.has("fps")) {
var tmp = parseInt(params.get("fps")); var tmp = parseInt(params.get("fps"));
@@ -85,7 +86,7 @@ window.wallpaperPropertyListener = {
spinePlayer.setFps(properties.fps); spinePlayer.setFps(properties.fps);
} }
}, },
applyUserProperties: function(properties) { applyUserProperties: function (properties) {
if (properties.logo) { if (properties.logo) {
if (!properties.logo.value) { if (!properties.logo.value) {
document.getElementById("logo").style.display = "none"; document.getElementById("logo").style.display = "none";
@@ -127,7 +128,27 @@ window.wallpaperPropertyListener = {
} }
document.body.style.backgroundImage = `url(${background})` document.body.style.backgroundImage = `url(${background})`
} }
if (properties.position) {
if (!properties.position.value) {
spinePlayer.updateViewport(window.settings.viewport)
}
}
if (properties.paddingleft) {
viewport.padLeft = `${properties.paddingleft.value}%`
spinePlayer.updateViewport(viewport)
}
if (properties.paddingright) {
viewport.padRight = `${properties.paddingright.value}%`
spinePlayer.updateViewport(viewport)
}
if (properties.paddingtop) {
viewport.padTop = `${properties.paddingtop.value}%`
spinePlayer.updateViewport(viewport)
}
if (properties.paddingbottom) {
viewport.padBottom = `${properties.paddingbottom.value}%`
spinePlayer.updateViewport(viewport)
}
}, },
}; };

10
template/assets/spine-player.js
View File

@@ -11317,6 +11317,16 @@ var spine;
this.config.fps = value; this.config.fps = value;
this.time.setFps(value); this.time.setFps(value);
}; };
SpinePlayer.prototype.updateViewport = function (viewport) {
if (this.loaded) {
var _currentViewport = this.currentViewport;
_currentViewport.padLeft = this.percentageToWorldUnit(_currentViewport.width, viewport.padLeft);
_currentViewport.padRight = this.percentageToWorldUnit(_currentViewport.width, viewport.padRight);
_currentViewport.padBottom = this.percentageToWorldUnit(_currentViewport.height, viewport.padBottom);
_currentViewport.padTop = this.percentageToWorldUnit(_currentViewport.height, viewport.padTop);
this.currentViewport = _currentViewport;
}
};
SpinePlayer.HOVER_COLOR_INNER = new spine.Color(0.478, 0, 0, 0.25); SpinePlayer.HOVER_COLOR_INNER = new spine.Color(0.478, 0, 0, 0.25);
SpinePlayer.HOVER_COLOR_OUTER = new spine.Color(1, 1, 1, 1); SpinePlayer.HOVER_COLOR_OUTER = new spine.Color(1, 1, 1, 1);
SpinePlayer.NON_HOVER_COLOR_INNER = new spine.Color(0.478, 0, 0, 0.5); SpinePlayer.NON_HOVER_COLOR_INNER = new spine.Color(0.478, 0, 0, 0.5);