Okay I'm editing my post to make more sense...

basically, I am trying to get the blue line in the sketch match the angle of the black line that completes the right angle triangle between two randomly generated points.

Heres my code:

1. float randx1;
   float randy1;
   
   float randx2;
   float randy2;
   
   
   
   float plus=0;
   
   void setup() {
     size(500, 500);
   
   
     // randx1 = random(0, width/2);
     randx2= random(width/2, width);
   
     // randy1 = random(height);
     randy2= random(height);
   }
   
   void draw() {
     background(255);
     float mouseMove= constrain(mouseX, 0, width/2);
     randx1= mouseMove;
     randy1= mouseY;
   
   
     //split tank line
     line(width/2, 0, width/2, height);
   
   
     // red= 1
     noStroke();
     fill(255, 0, 0);
     ellipse(randx1, randy1, 10, 10);
   
     // green 2
     noStroke();
     fill(0, 255, 0);
     ellipse(randx2, randy2, 10, 10);
   
     stroke(255, 0, 0);
     //imaginary triangle
     //line(randx1, randy1, randx1, randx1++);
     strokeWeight(3);
   
   
   
     //---------------------if RED is 'higher up' than green-----------------------------------
     // if red ellipse
     if (randy1 < randy2) {
       stroke(255, 0, 0);
   
       //horizontal for red (1)
       line(randx1, randy1, randx2, randy1);
   
       //vertical for green (2)
       line(randx2, randy2, randx2, randy1);
   
       ///------------ROTATED LINE... im trying to get this blue line to 'follow' the black one
   
       stroke(0, 0, 255);
       strokeWeight(3);
   
       //--------calculations
   
       // hypotenuse
       float h= dist(randx1, randy1, randx2, randy2);
       println("h is: " + h);
   
       //opposite (rise)
       float o= dist(randx2, randy2, randx2, randy1);
       println("o i: " + o);
   
       float thing= sin(o/h);
       float p = degrees(thing);
       println("thing is: " + thing);
   
       //------------- blue line
   
       pushMatrix();
       translate(randx1, randy1);
       rotate(thing);
       line(0, 0, 50, 0);
       popMatrix();
     }
   
   
   
     //---------------------if GREEN is 'higher up' than red---------------------------------------
     // green
     if (randy2 < randy1) {
       stroke(0, 255, 0);
       //horizontal for green (2)
       line(randx2, randy2, randx1, randy2);
   
       stroke(255, 0, 0);
       //vertical for red (1)
       line(randx1, randy1, randx1, randy2);
   
       ///------------ROTATED LINE... im trying to get this blue line to 'follow' the black one
   
       stroke(0, 0, 255);
       strokeWeight(3);
   
       //--------calculations
   
       // hypotenuse
       float h= dist(randx1, randy1, randx2, randy2);
       println("h is: " + h);
   
       //opposite (rise)
       float o2= dist(randx2, randy2, randx2, randy1);
       o2=o2*(-1);
       println("o2 i: " + o2);
   
       float thing= sin(o2/h);
       float p = degrees(thing);
       println("thing is: " + thing);
   
       //------------- blue line
   
       pushMatrix();
       translate(randx1, randy1);
       rotate(thing);
       line(0, 0, 50, 0);
       popMatrix();
     }
   
     //------------diagonal
   
     stroke(0);
     strokeWeight(1);
     line(randx1, randy1, randx2, randy2);
   
   }
   
   

Hi all!

I am realtively new to processing, and was just told about processing's capabillity to load and manipulate SVG graphics.

I am simply trying to get a simple radial gradient (basically, a 'glowy' circle) to display using PShape. All that shows up is a black circle, and I get this error: "url SVGID_1_ refers to unexpected data"

Here is the xml code behind the radial gradient:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="316.79px" height="316.79px" viewBox="0 0 316.79 316.79" enable-background="new 0 0 316.79 316.79" xml:space="preserve">
<radialGradient id="SVGID_1_" cx="158.394" cy="159.1836" r="158.3938" gradientUnits="userSpaceOnUse">
 <stop offset="0" style="stop-color:#35469D"/>
 <stop offset="1" style="stop-color:#2D409A;stop-opacity:0"/>
</radialGradient>
<circle fill="url(#SVGID_1_)" cx="158.394" cy="159.184" r="158.394"/>
</svg>

.
So my question is: is the problem arising because of how I exported the SVG file (and if it is, how do I export it properly?) or is it with my code? I am using processing 1.0.9.

Thanks for taking a look, I am at a total loss!



  PShape img;

void setup() {
  size(500, 500);
  background(255);

}


void draw() {
  img= loadShape("glowy2.svg");
 shapeMode(CENTER);
 smooth();
  shape(img, width/2, height/2);
  
 
}