В настоящее время я работаю над небольшой игрой, написанной на JS с использованием Pixi.js (https://github.com/pixijs). В настоящее время возникла одна проблема, я пытаюсь реализовать столкновение между фигурами с точностью до пикселя, пока я немного программировал Я заметил, что все пиксельные значения RBGA моих изображений равны 0.
Я искал в Интернете, но какое-то время, но единственной причиной тех проблем, которые я смог найти, было то, что холст был испорчен из-за CORS ( Пиксельные значения RGB все равны нулю ).
Но это не может быть причиной в моем случае, потому что я сам создал спрайты, я не загружаю их из других (любых) доменов или чего-то в этом роде.
Может ли это быть проблемой с изображениями? Как мне этого избежать? Я добавлю код, который работает, если я использую другие изображения (некоторые изображения, которые я скачал для тестов).
const app = new PIXI.Application({width: 500, height: 500});
document.body.appendChild(app.view);
PIXI.loader.add("sprites/test.png")
.load(() => {
let img = new PIXI.Sprite(PIXI.loader.resources["sprites/test.png"].texture);
app.stage.addChild(img);
console.log(app.renderer.extract.pixels(img));
});
Редактировать: я пытался получить значения RGBA, используя короткую программу Java, кстати, та же проблема. Каждое значение равно нулю.