Следующий код дает сбой Chrome (79.0.3945.130) после использования около 1500 МБ памяти, и я не совсем уверен, почему.
Есть ли более эффективный способ повторного рисования простых фигур?
const width = window.innerWidth;
const height = window.innerHeight;
const app = new PIXI.Application({ width, height });
const graphics = new PIXI.Graphics();
app.stage.addChild(graphics);
graphics.beginFill(16763904);
app.loader.load(setup);
function setup() {
document.body.appendChild(app.view);
app.ticker.add(d => render(d));
}
function render() {
const x = randomInt(0, width);
const y = randomInt(0, height);
graphics.drawRect(x, y, 3, 3);
}
function randomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.2.1/pixi.js"></script>