Performance-Problem mit audioreactive Visuals mit pixi und p5 Sound lib

Question

siehe das Beispiel here

Ich denke, es auf Ihrem Rechner hängt, aber für mich, nach dem ersten Song fällt die Framerate nur wie verrückt. Ich sorge dafür, dass nicht mehr Sprites als nötig vorhanden sind (4: 2 Bilder und 2 Displacement Maps).

Ist das eine Pixi-Sache, vielleicht WebGL? Ich bin mir nicht sicher, wie ich es verbessern oder wo ich nach einer besseren Leistung suchen soll.

Answer 1

Ok. Ich habe das Problem gefunden. Sie fügen displacementTexture auf die Bühne (stage.addChild (displacementTexture) immer wieder und Sie entfernen nie wirklich so Ihr totalSpritesOnStage nicht richtig funktionieren

Wie wäre es so etwas wie das Hinzufügen von:..

if (stage.children.length > 4) { 
    // let's destroy the sprite now 
    stage.removeChildren(4); 

Es würde schnell scheinen suchen mit, dass zu arbeiten, obwohl ich sehr gründlich nicht die Funktionalität überprüfen.

auch dies mich persönlich gestört, da die Töne immer wieder heruntergeladen wurden :)

function preload(song) { 
console.log('preloading song: ' + currentSong); 
console.log(song.filename); 
if (allSounds[song]) { 
    sound = allSounds[song]; 
    sound.setVolume(volume); 
    sound.play(); 
    return; 
} 
allSounds[song] = sound = new p5.SoundFile('songs/' + song.filename, 
    onMusicLoaded, 
    h.onError 
); 

// The volume is reset (to 1) when a new song is loaded. so we force it 
sound.setVolume(volume); 
}