• is there an editor to edit particles in a sparks.js compatible manner ?
• it helps quite a bit non tech people to produce nice looking particle

I have written on some thoughts on features for development to the next milestone.

https://github.com/zz85/sparks.js/wiki/Roadmap-to-Milestone-II

If anyone have any comments, feel free to comment and discuss here.

I want the scene to starts with some particles already existing, just like when the particle system is already ran for few seconds.

Tried this code, but 100 interval doesn't seems to work. 1s does it but the user will see the initialization stage.

var i = setInterval(function(){ threexSparks._emitter.update(0.1); }, 1); 
setTimeout(function(i){
    clearInterval(i);
}, 100, i);

if i understand zone concept, i think randomdrift/accelerate may benefit in accepting a zone.

Currently they accept x,y,z raw. it seems a bit like a SPARKS.PointZone.

what do you think ?

sparksEmitter = new SPARKS.Emitter(new SPARKS.SteadyCounter(67));

This will emit particles BUT

sparksEmitter = new SPARKS.Emitter(new SPARKS.SteadyCounter(66));

wont.

any rate <= 66 doesnt emit anything here

I will do a pull request soon on these two subjects.

First subject is already covered and used, it allows to call kill() on the emitter that will stop the counter from creating more particles. The emitter will actually die when the last particle still there dies. Thus it kills "softly" and triggers a killed event when it's really over so you can detach it, or do whatever you need with it (like putting it in a pool to reuse it only by changing the counter and starting it again)

Second is because right now there is very little control over how the engine updates itself (it is base on timeouts)

I'd rather switch to a manual updating system such as in https://github.com/tweenjs/tween.js
so for instance you could flip-flop the updating or whatever related to performances, call it in requestAnimationFrame, and more important profile it easily.

Hey was just checking out your example here
http://jabtunes.com/labs/particles/webgl_particles_shapes.html

For some reason when I update the urls for the js libraries to a relative urls pointing to my local copies of the Three.js it doesn't work ?
RequestAnimationFrame.js doesn't seem to be in the examples directory in the lastest version of the Three.js library

I was wondering if the example is out of date with the newest version of the Three.js Library?

Thanks

T

Hi there, i have just finished writing a quick guide to sparks (please have a read there afew questions),which i have to say is an excellent highly flexible particle system.

The only bit that i dont understand, is you have not got any colour manipulation objects amongst your Initializers and Actions, and when i look at your examples, they all work by changing the particle colour in code outside of sparks callbacks etc. This seems a bit counter intuitive to me since you have such a comprehensive array of objects already. Couldn't we have define some colour behaviour classes instead?

SPARKS.SpriteInitializer () which takes a new THREE.texture () as a parameter

SPARKS.ColorBlender() Action
which contains an array of colours and number between 0 an 1 to denote where the colour is.

just an idea!

many examples contains a "initialized" event which is never called from Sparks.js

is that obsolete code ?

Hello again, i have been putting together a simple fire works demo:
http://www.nickfallon.net/3D/Fireworks.html

That continuosly fires fireworks, by adding and deleting them from an array. Unfortunately the performance degrades over time. I have checked my array is deleting and deleted the objects from the THREE scene, but to no avail. When deleting SPARS do i need to do anything specific other than automatic garbage collection?

I look at the SPARKS.Engine global, but actually my emitters don't seem to be added to it...

thanx

Line 9 of Sparks.js mentions that the code is licensed under the MIT license, however the license text doesn't appear anywhere in the repo or in the source code. Could you add the license so that I can correctly attribute usage of the library?

http://opensource.org/licenses/MIT

Thanks.

I'd love to use this library, but it seems that it isn't fully compatible with the latest versions of three.js. I was wondering if an updated version of the library will come out - and if so - when?

• there is a addAction but no `removeAction``
• there is a addInitilizer but no remove Initializer

So it is quite hard to remove stuff put in the stack.

In Sparks.js line 113, its written that " this_.activities[i].update( this, time )".
I think it should be "this.activities[i].update( this, time )" with "" after "this".
Maybe this defect does not let the engine down, but I'm confused about what's the effect of "this._activities"？
Since I can't find any methods to add activities to emitter._activities in the Sparks.js .

All my best & Thax for this brilliant engine!

Usually I try to keeping as much code as possible in a js file if possible, but as more classes are being developed, there would be the need to split them into separate files and folders.

When that time comes, we could consider using UglifyJS or Google Closure Compiler for building the source files.

Filenames in examples directory should be renamed to show more proper meanings, grouping and organization.

can you please provide me the cluster spark online editors link to run the spark jobs..

I am bit confused by how this works? I cant get it to make a simple sphere, i keep on getting something that looks like a cone. What do you mean by Cap??

sparksEmitter.addInitializer(new SPARKS.Position( new SPARKS.SphereCapZone( 0,0,0,0,100,359) ) );

should i implement one myself ?

http://devmaster.net/forums/topic/7525-uniform-random-point-inside-circle/

HI , i have been having some trouble moving my sparks code from Canvas Renderer to WebGL renderer. All my particles disapear.

if ( render_gl === false ) {

                renderer = new THREE.CanvasRenderer();
                renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
                container.appendChild( renderer.domElement );


            }
            else 
            {

                try 
                {

                    renderer = new THREE.WebGLRenderer();
                    renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
                    renderer.domElement.style.position = "relative";
                    renderer.autoClear = false;
                    container.appendChild( renderer.domElement );

                    has_gl = 1;

                } catch (e) {
                    error.log('error');
                }
            }

Is there anything i need to configure to make them appear? I am using a ParticleBasicMaterial for example.

var material = new THREE.ParticleBasicMaterial( { size: 85, map: sprite, vertexColors: false ,transparent:false, blending: THREE.AdditiveBlending} );

I tried this material also:

var material = new THREE.ParticleCanvasMaterial( { map: sprite , program: SPARKS.CanvasShadersUtils.circles, blending:THREE.AdditiveBlending } );

Do i have to use a ParticleSystem rather than Particles ??

thanx
Nick

• canvas examples uses various shapes for particles material.
• Most examples got their own copy of this drawing code.
• CanvasShaders.js would avoid this duplication but it is barely used

Why that ? historical reason ?