|
@@ -15,6 +15,9 @@ var additiveBlendingDemo = function(canvas, bgColor) {
|
|
|
var isPlaying = true;
|
|
var isPlaying = true;
|
|
|
|
|
|
|
|
var left, right, up, down;
|
|
var left, right, up, down;
|
|
|
|
|
+ var cursor;
|
|
|
|
|
+
|
|
|
|
|
+ var clientMouseX = 0, clientMouseY = 0;
|
|
|
|
|
|
|
|
var DEMO_NAME = "AdditiveBlendingDemo";
|
|
var DEMO_NAME = "AdditiveBlendingDemo";
|
|
|
|
|
|
|
@@ -35,6 +38,8 @@ var additiveBlendingDemo = function(canvas, bgColor) {
|
|
|
assetManager.loadText(DEMO_NAME, "atlas2.atlas");
|
|
assetManager.loadText(DEMO_NAME, "atlas2.atlas");
|
|
|
assetManager.loadJson(DEMO_NAME, "demos.json");
|
|
assetManager.loadJson(DEMO_NAME, "demos.json");
|
|
|
timeKeeper = new spine.TimeKeeper();
|
|
timeKeeper = new spine.TimeKeeper();
|
|
|
|
|
+
|
|
|
|
|
+ cursor = document.getElementById("cursor");
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function loadingComplete () {
|
|
function loadingComplete () {
|
|
@@ -83,6 +88,7 @@ var additiveBlendingDemo = function(canvas, bgColor) {
|
|
|
function calculateBlend (x, y, isPageCoords) {
|
|
function calculateBlend (x, y, isPageCoords) {
|
|
|
if (isPageCoords) {
|
|
if (isPageCoords) {
|
|
|
var canvasBounds = canvas.getBoundingClientRect();
|
|
var canvasBounds = canvas.getBoundingClientRect();
|
|
|
|
|
+ console.log(canvasBounds.x + ", " + canvasBounds.y + ", " + x + ", " + y);
|
|
|
x = Math.max(0, Math.min(canvasBounds.width, x - canvasBounds.x));
|
|
x = Math.max(0, Math.min(canvasBounds.width, x - canvasBounds.x));
|
|
|
y = Math.max(0, Math.min(canvasBounds.height, y - canvasBounds.y));
|
|
y = Math.max(0, Math.min(canvasBounds.height, y - canvasBounds.y));
|
|
|
}
|
|
}
|
|
@@ -97,7 +103,8 @@ var additiveBlendingDemo = function(canvas, bgColor) {
|
|
|
function setupInput () {
|
|
function setupInput () {
|
|
|
if (!isMobileDevice()) {
|
|
if (!isMobileDevice()) {
|
|
|
document.addEventListener("mousemove", function (event) {
|
|
document.addEventListener("mousemove", function (event) {
|
|
|
- calculateBlend(event.clientX, event.clientY, true);
|
|
|
|
|
|
|
+ clientMouseX = event.clientX;
|
|
|
|
|
+ clientMouseY = event.clientY;
|
|
|
}, false);
|
|
}, false);
|
|
|
} else {
|
|
} else {
|
|
|
var input = new spine.webgl.Input(canvas);
|
|
var input = new spine.webgl.Input(canvas);
|
|
@@ -124,6 +131,10 @@ var additiveBlendingDemo = function(canvas, bgColor) {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function render () {
|
|
function render () {
|
|
|
|
|
+ if (!isMobileDevice()) {
|
|
|
|
|
+ calculateBlend(clientMouseX, clientMouseY, true);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
timeKeeper.update();
|
|
timeKeeper.update();
|
|
|
var delta = timeKeeper.delta;
|
|
var delta = timeKeeper.delta;
|
|
|
|
|
|
badlogic