Three.js Sparks.js - « Assertion a échoué, la piscine a couru sur »

Question

J'ai la fonction simple suivante qui est censée produire un simple effet de la flamme, je bâtirai la partie d'affichage réelle du code d'ici:

Chaque fois que j'exécute la fonction, elle semble épuiser le pool (particules max) puis mourir, sans trace visible sur l'écran. J'utilise r53, alors que beaucoup sinon tous les exemples de sparks.js utilisent r47, je ne sais pas si c'est pertinent.

Vous pouvez trouver le fichier réel produisant l'erreur ici:

http://jeromeetienne.github.io/threex/docs/threex.sparks.html

Et le code de ma flamme ci-dessous:

var position = data.status.position; 
    var group = new Object3D(); 

    scene.add(group); 

    var sparks = new THREEx.Sparks({ 
    maxParticles : 10, 
    counter : new SPARKS.SteadyCounter(300) 
    }); 

    var emitter = sparks.emitter(); 

    var color = function() { 
    this.initialize = function(emitter, particle) { 
     particle.target.color().setHSV(0.4, 0.8, 0.4); 
     particle.target.size(100); 
    }; 
    }; 

    emitter.addInitializer(new color()); 
    emitter.addInitializer(new SPARKS.Position(new SPARKS.PointZone(new THREE.Vector3(

    position.x, position.y, position.z 

)))); 
    emitter.addInitializer(new SPARKS.Lifetime(0, 0.8)); 
    emitter.addInitializer(new SPARKS.Velocity(new SPARKS.PointZone(new THREE.Vector3(

    position.x, position.y-100, position.z 

)))); 
    emitter.addAction(new SPARKS.Age()); 
    emitter.addAction(new SPARKS.Move()); 
    emitter.addAction(new SPARKS.RandomDrift(1000,0,1000)); 
    emitter.addAction(new SPARKS.Accelerate(0,-200,0)); 

    emitter.addCallback('created', function(particle) { 
    group.add(particle); 
    }); 
    emitter.addCallback('dead', function(particle) { 
    particle.target.visible = false; 
    group.remove(particle); 
    }); 

    emitter.start(); 

Merci à l'avance, toute aide est très appréciée:

Answer 1

J'ai récemment écrit un moteur de particules qui est capable des effets spéciaux, y compris les effets de flamme, qui curr fonctionne avec ently Three.js v.56:

http://stemkoski.github.io/Three.js/Particle-Engine.html

Il y a un blog d'accompagnement à http://stemkoski.blogspot.com/2013/06/creating-particle-effects-engine-in.html qui contient des détails connexes. Peut-être que ce code peut être adapté à vos besoins?

Espérons que cela aide!