loader.load("/assets/sonic.png").then(()=>{
let imageData = loader.imagesData()[0];
canvas.width = imageData.width;
canvas.height = imageData.height;
let image = new ImageClip(loader.images[0]);
stage.addChild(image);
var spriteWorker = new Worker("../../js/esstage/tools/spriteWorker.js");
spriteWorker.postMessage({imageData: imageData});
var datas = [];
spriteWorker.onmessage = function(e){
var data = e.data;
datas.push(data);
let div = document.createElement("div");
div.setAttribute("style", `
position:absolute;
left : ${data.x}px;
top : ${data.y}px;
width : ${data.width}px;
height : ${data.height}px;
background-color : green;`);
document.body.appendChild(div);
/*var rect = new Rect(data);
rect.fillStyle = "green";
if(data.isBG){
rect.fillStyle = "red";
}
stage.addChild(rect);*/
//console.log(datas)
}
});
{x: 764, y: 8, width:28, height:36},
{x: 801, y: 8, width:29, height:36},
{x: 845, y: 8, width:29, height:36},
{x: 889, y: 8, width:29, height:36},
{x: 933, y: 8, width:30, height:36},
{x: 978, y: 8, width:29, height:36},
]);
let clip = new Clip();
rect2.fillStyle = "green";
clip.addChild(rect2);
clip.addChild(rect);
stage.addChild(clip);
stage.addChild(sprite);
stage.addChild(sprite2);
/*rect.debug(true);
sprite.debug(true);
sprite2.debug(true);*/
sprite2.x = 100;
sprite2.y = 100;
sprite2.center(0, 36);
rect.center(25, 25);
var rotation = 0;
var centerX = 0;
var scale = 0;