galaa

I have been using the patch that Joshua constructed a long time ago for creating a feathered circle and then I came across this post by Olivia (

https://cycling74.com/forums/index.php?t=msg&goto=36598&rid=0&srch=feathered#msg_36598)

about using one js object to create more than one feathered circle. So i thought I'd give it a go. I followed the thread of the post and made the changes that Joshua suggested in response to Olivia's problems. When I try the patch everything seems to be OK in that I don't get any error messages, but the circles don't draw.

When I attempt to create a circle by clicking the "setcircle" messages the video stops playing for a short period of time whilst the computer has a serious 'think' about things and then resumes with no circles.

I've attempted to go through the javascript file, but my java is a little rusty to say the least - i kind of understand whats going on, but can't see anything wrong with the code (it would have to be pretty obvious for me to spot it!). 

Anyway, if anyone is able to help me understand why the circles don't draw I would really appreciate it.

function setcircle(num,x,y,radius,feather)

// This should add each circle to the one behind it, so

// calculate the inner radius from the outer radius and feather

inrad = Math.max(0,rad-rad*feather); //feather as a percentage of radius

// first draw the inner circle, white (all on)

glvertex(x+(inrad*sintab[i]),y+(inrad*costab[i]));

// then draw the outer ring, linearly interpolating from white to black

glvertex(x+(rad*sintab[i]),y+(rad*costab[i]));

// when we receive a jit_matrix message: resize if necessary, draw the image, stuff into the alpha channel, and pass on

if ((imgtmp.size[0]!=mysketch.size[0]) ||

HI all,
I have been using the patch that Joshua constructed a long time ago for creating a feathered circle and then I came across this post by Olivia (https://cycling74.com/forums/index.php?t=msg&goto=36598&rid=0&srch=feathered#msg_36598)
about using one js object to create more than one feathered circle. So i thought I'd give it a go. I followed the thread of the post and made the changes that Joshua suggested in response to Olivia's problems. When I try the patch everything seems to be OK in that I don't get any error messages, but the circles don't draw.
When I attempt to create a circle by clicking the "setcircle" messages the video stops playing for a short period of time whilst the computer has a serious 'think' about things and then resumes with no circles.
I've attempted to go through the javascript file, but my java is a little rusty to say the least - i kind of understand whats going on, but can't see anything wrong with the code (it would have to be pretty obvious for me to spot it!). 
Anyway, if anyone is able to help me understand why the circles don't draw I would really appreciate it.

var img = new Image();
var imgtmp = new Image();
var mysketch = new Sketch(320,240);
var num_circles = 5;
var vx = new Array(num_circles);
var vy = new Array(num_circles);
var vrad = new Array(num_circles);
var vfeather = new Array(num_circles);

const slices = 40;
var sintab = new Array(slices);
var costab = new Array(slices);

var i,iscale;
iscale = 2*Math.PI/(slices-1);
for (i=0;i
        sintab[i] = Math.sin(i*iscale);
        costab[i] = Math.cos(i*iscale);
}

function setcircle(num,x,y,radius,feather)
{
        vx[num]=x;
        vy[num]=y;
        vrad[num]=Math.max(0,radius);
        vfeather[num]=Math.max(0,feather);

function draw()
{
        mysketch.setcontext();
        var x,y,feather,rad;

        with (mysketch) {
                glclearcolor(0,0,0,1);
                glclear();
                // This should add each circle to the one behind it, so
                // their transparency adds
                glenable("blend");
                glblendfunc("one","one");

                // loop over each circle
                for (j=0;j
                        // get parameter values for that circle
                        x=vx[j];
                        y=vy[j];
                        feather=vfeather[j];
                        rad=vrad[j];

                        // calculate the inner radius from the outer radius and feather
                        inrad = Math.max(0,rad-rad*feather); //feather as a percentage of radius

                        // first draw the inner circle, white (all on)
                        glbegin("tri_strip");
                        glcolor(1,1,1,1);
                        for (i=0;i
                                glvertex(x,y);

glvertex(x+(inrad*sintab[i]),y+(inrad*costab[i]));
                        }
                        glend();

                        // then draw the outer ring, linearly interpolating from white to black
                        glbegin("tri_strip");
                        for (i=0;i
                                glcolor(1,1,1,1);

glvertex(x+(inrad*sintab[i]),y+(inrad*costab[i]));
                                glcolor(0,0,0,1);

glvertex(x+(rad*sintab[i]),y+(rad*costab[i]));
                        }
                        glend();
                }
        }
}

// when we receive a jit_matrix message: resize if necessary, draw the image, stuff into the alpha channel, and pass on
function jit_matrix(mname)
{
        img.fromnamedmatrix(mname);

        if ((img.size[0]!=mysketch.size[0]) ||
(img.size[1]!=mysketch.size[1])) {
                mysketch.size[0] = image.size[0];
                mysketch.size[1] = image.size[1];
        }

        if ((imgtmp.size[0]!=mysketch.size[0]) ||
(imgtmp.size[1]!=mysketch.size[1])) {
                imgtmp = new Image(mysketch);
        } else {
                imgtmp.copypixels(mysketch);
        }
        img.copychannel(imgtmp,"red","alpha");
        img.tonamedmatrix(mname);
        outlet(0,"jit_matrix",mname);
}


js question (hopefully in right place)