Devin Frenze

i wrote a javascript that creates a new jit.gl.sketch object every time it gets a bang. the jit.gl.sketch then creates larger and larger framecircles before disappearing. if it receives bang before the current jit.gl.sketch disappears then the current animation freezes and it starts the new jit.gl.sketch's animation. the frozen animation will then disappear when an additional bang is received.

what i want is for the animations to operate independently and not freeze each other. this is why i designed the javascript to create a new jit.gl.sketch every time.

what am i doing wrong? the patched and js file are attached

multiple-jit-gl-sketch-objects-in-javascript-conflict-with-each-other

i was able to get it working using a slightly different strategy. hopefully this gets you going.

inlets = 1;
outlets = 1;

var startradius = 0.03;
var tempo = 120;
var obs = new Array();

function bang() {
    // construct sketch for recurrence
    var tempSketch = new JitterObject("jit.gl.sketch","rex");
    tempSketch.line_width = 6;
    tempSketch.shapeslice(40,20);
    tempSketch.color = [0,1.,1.,1.];
    tempSketch.position = [Math.random()*2-1, Math.random()*2-1, 0];
    // call recurring function
    //drawCircle(radius, tempSketch);
    var ob = new Object();
    tsk = new Task( drawCircle, ob);
    ob.s = tempSketch;
    ob.tsk = tsk;
    ob.r = startradius;
    tsk.schedule(1000/(tempo/60)/16);
    obs.push(ob);
}

function drawCircle() {
    this.s.reset();
    this.s.framecircle(this.r, 0, 360);
    this.r = this.r*1.2;
    
    if(this.r


hello devin.
i was able to get it working using a slightly different strategy. hopefully this gets you going.

inlets = 1;
outlets = 1;

var startradius = 0.03;
var tempo = 120;
var obs = new Array();

function bang() {
	// construct sketch for recurrence
	var tempSketch = new JitterObject("jit.gl.sketch","rex");
	tempSketch.line_width = 6;
	tempSketch.shapeslice(40,20);
	tempSketch.color = [0,1.,1.,1.];
	tempSketch.position = [Math.random()*2-1, Math.random()*2-1, 0];
	// call recurring function
	//drawCircle(radius, tempSketch);
	var ob = new Object();
	tsk = new Task( drawCircle, ob);
	ob.s = tempSketch;
	ob.tsk = tsk;
	ob.r = startradius;
	tsk.schedule(1000/(tempo/60)/16);
	obs.push(ob);
}

function drawCircle() {
	this.s.reset();
	this.s.framecircle(this.r, 0, 360);
	this.r = this.r*1.2;
	
	if(this.r


definitely solves my problem. i'll try to adopt this style from now on.

multiple jit.gl.sketch objects in javascript conflict with each other