The first is trying to find where to add PICTURES as another layer to add to the canvas... So that I can add this syntax to the plugin
const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
const pictures = $gameScreen.pictures(); for (let i = 0; i < pictures.length; i++) { const picture = pictures; if (picture && picture.name() !== '') { const bitmap = ImageManager.loadPicture(picture.name()); context.globalAlpha = picture.opacity() / 255; context.drawImage(bitmap._canvas, picture.x(), picture.y()); } }
const pictures = $gameScreen.pictures(); for (let i = 0; i < pictures.length; i++) { const picture = pictures; if (picture && picture.name() !== '') { const bitmap = ImageManager.loadPicture(picture.name()); context.globalAlpha = picture.opacity() / 255; context.drawImage(bitmap._canvas, picture.x(), picture.y()); } }
Then I need to know where the CANVAS is so that I can enter THIS code.
const canvas = document.createElement('canvas');
canvas.width = width;
canvas.height = height;
const context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);
canvas.width = width;
canvas.height = height;
const context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);
Let me know if there's some way to actually do this? Basically, I'd like my picture layers to show up on a MapShot (OR screenshot) with a transparent background. Any solutions would be appreciated.