Questions about Moving line and OSC

mayrp2001

Questions about Moving line and OSC

in Contributed Library Questions • 1 year ago

Hi,

I was wondering if someone could help me. I am working on a project that is basically a drawing application that sends out OSC messages to MaxMSP.

I have the drawing bit coding (hopefully), unfortunately im having some trouble with certain parts of the code.

Basically after the user has drawn their sketch in the drawing window and used whatever colors they want, i want them to be able to trigger a line that moves across the screen and as it moves across the screen it sends x and y coordinates for each color out to maxmsp.

I have coded in the red line to move across the screen the same way i successfully have done it in previous projects but it doesn't work with this project. It just leaves a trail of red lines filling the screen and covering the users sketch.

I really hope this makes sense to someone, If anyone can give me any help at all it would be greatly appreciated, especially issues relating to the line and OSC (unfortunately i don't no where to begin with OSC)

import controlP5.*;
ControlP5 controlP5;
int myColorBackground = color(0,0,0);
float linex = 0.0;
boolean start = false; //boolean to start red line
void setup()
{
//Set the size of the sketch
size(500, 500);
//Set the background color
smooth();
controlP5 = new ControlP5(this);
Radio r = controlP5.addRadio("radio",20,20);
r.deactivateAll(); // use deactiveAll to not make the first radio button active.
r.add("black",0);
r.add("red",1);
r.add("green",2);
r.add("blue",3);
background(255,255,255);
smooth();
}
void draw()
{
fill(#D6CFCF);
rect(0,0,100,100);
stroke(myColorBackground);
strokeWeight(5);
if(mousePressed)
{
line(mouseX, mouseY, pmouseX, pmouseY);
}
stroke(247,15,15,200); //colors the line red.
strokeWeight(8); //determines the thinkness.
if(start == true){ //if start = true draw a line which moves along the y axis 2 pixels at a time.
linex = linex + 2.0;
line(linex,0.0,linex,500);
if(linex>=500){ //if the line gets to 500 on the y axis it starts off again back at 0.
linex=0;
}
}
if((keyPressed == true) && (key == 's')){
start = true; //if the user presses 's' the line begins to move.
}
if((keyPressed == true) && (key == 't')){
start = false; //if the user presses 't' the line stops.
}
}
void radio(int theID) {
switch(theID) {
case(0):
myColorBackground = color(0);
break;
case(1):
myColorBackground = color(255,0,0);
break;
case(2):
myColorBackground = color(0,255,0);
break;
case(3):
myColorBackground = color(0,0,255);
break;
}
}

Replies(5)

Kobby

Re: Questions about Moving line and OSC

1 year ago

Hmm I have a question I'm not seeing an implementation of OSC at all in this sketch? Is this the whole thing?

Also about your red lines..

line(linex,0.0,linex,500);

looks like in that line you are drawing it at starting x coordinates so essentially different columns. I havent run it but it looks like thats what it may be doing. if you want a smooth line across the whole screen you will want to have a static y value and an incrementing x starting from 0 (the left side of the screen).

line(0, 50, linex, 50)

As for OSC I'd recommend you look into the docs for OSC it doesnt look to be loaded in this sketch

you will need to import the library and create a new OSC object and a new NetAddress object that will hold the ip address of where your message is going. If you are sending messages to Max on your computer then you will need to use your computer's Ip Address on a wifi connection. and create a message object to send out. Ex:

//import osc library here
OscP5 osc; // the osc object
NetAddress ipAddress; //the ip address of the receiver
void setup (){
//dont quote me on this syntax but it goes something like this...
osc = new OscP5(this, 8800);// the sketch and port
ipAddress = new NetAddress("127.0.0.1");//your ip address change this to your ip address on wifi
}
void draw(){
if(start){
linex+=2;
line(linex,0.0,linex,500);
if(linex>=500){
linex=0;
}
}
// figure out your colors you need and put it in a PVector coords
// I dont know if you need help with that.
//Then create you osc message to send to max
OscMessage message = new OscMessage("")// this method take a string naming convention for OSC //this comes into max with that point name so you know what messages are being sent. Unless you are //sending lots of messges i would leave this empty. Now we add our PVector points...
message.add(coords.x);
message.add(coords.y)
//this one uses the instance of osc you created
osc.send(message, ipAddress);
// this is a static method belonging to the class
OscP5.flush(message, ipAddress)
}
///////// NOW IN MAX/MSP you want to use the udprecieve object
//to recieve the osc message the hook it up to an unpack object that unpacks 2 ints
//then set those to 2 integer objects and you have and use the udpsend object to send messages out of max
// max has very good documentation on EVERYTHING MAX

I just spit all this out without a processing or max window in front of me. Check my syntax but in general I hope this helps get u started.

mayrp2001

Re: Questions about Moving line and OSC

1 year ago

Hi Kobby,

Thanks so much for the reply, I tried implementing your idea for the line issue I was having, unfortunately your suggestion only draws a line across the horizontal axis of only a couple inches in height. This is the code i used for a similar thing before but doesn't work my current project.

float linex = 0.0;
boolean start = false;
void setup(){
size(500,550);
smooth();
}
void draw(){
background(0);
stroke(247,15,15,200); //colors the line red.
strokeWeight(8); //determines the thinkness.
if(start == true){ //if start = true draw a line which moves along the y axis 2 pixels at a time.
linex = linex + 2.0;
line(linex,0.0,linex,500);
if(linex>=500){ //if the line gets to 500 on the y axis it starts off again back at 0.
linex=0;
}
}
fill(250,25,25); //red
if((keyPressed == true) && (key == 's')){
start = true; //if the user presses 's' the line begins to move.
}
if((keyPressed == true) && (key == 't')){
start = false; //if the user presses 't' the line stops.
}
fill(0); //black
text("Press 's' to start",10,545); // creates this text.
text("Press 't' to stop", 300,545);
}

Sorry also I should have said that I knew there wasn't any OSC implemented in my code. I have used OSC before with processing with triggering certain events, the problem im having at the minute is I don't know where to begin to even look for how send 8 different sets of changing coordinates (two for each color) as the line moves along the drawn sketch.

Im sure im not making much sense.

Any help is greatly appreciated.

Thanks

Ryan

Kobby

Re: Questions about Moving line and OSC

1 year ago

sorry I seem to be misunderstanding what you wanted the line to do. Do you want it to move along the path that the use drew? and for the osc part, if you think about it the OSC message system is entirely urs for defining how you use it. you can send multiple messages by creating new instances of the OscMessage and adding your values to each message then sending them separately. In that case a good naming convention would work so like :

OscMessage mess1 = new OscMessage("/colorset1");
OscMessage mess2 = new OscMessage("/colorset2");
OscP5.flush(mess1, ipAddress);
OscP5.flush(mess2, ipAddress);

or if you dont want to have multiple messages, there is no reason why u cant string your message up into 1 big message. in the end you will be receiving it and you will know what form it comes in so u can parse it however you want. You could send a big message into Max and unpack it into a bunch of numbers or move it into a list type object like a coll object or something and be able to use it from there.

OscMessage bigMessage = new OscMessage("");
bigMessage.add("value");
bigMessage.add("value");
bigMessage.add("value");
bigMessage.add("value");
bigMessage.add("value");
bigMessage.add("value");
OscP5.flush(bigMessage, ipAddress);

I hope this helps. Though I am still a wee bit confused as to what you want the line to do exactly. Sorry :/

mayrp2001

Re: Questions about Moving line and OSC

1 year ago

Hi Kobby, thanks again for the reply. My idea is to draw a sketch, using different colors. Once the sketch is complete for a line to the move across the screen and as it reaches the different colors is readings out their coordinates. I think I may have figured out how to do it using an array and drawing with spots or particles as I think it would be too difficult to read the coordinates of a line that is not straight. Hopefully using an array will get round the problem of the sketch disappearing as the line moves across the screen.

What you think?

Cheers

Ryan

Kobby

Re: Questions about Moving line and OSC

1 year ago

sure that makes sense. But Unless the line is visually important to you, I would collect the coordinates as you draw the points. Create An arraylist for every color and add to the appropriate arraylist depending on the current set color at every the end of every frame something like this, and as always, dont quote me on syntax ;) :

//create your color options
color[] colors = [col1, col2, col3, col 4];
color currColor;// an int that becomes an index for a in the colors array and a value for a switch statement
//create your arraylists
Arraylist col1Array, col2Array, col3Array, col4Array;
//in your draw
void draw(){
stroke(colors[currColor]);
drawStuff()//your drawing functionality here
switch(currColor){
case 0:
col1Array.add(new PVector(x, y));// x and y are the point that was just drawn
break;
case 1:
col2Array.add(new PVector(x, y));// x and y are the point that was just drawn
break;
case 0:
col3Array.add(new PVector(x, y));// x and y are the point that was just drawn
break;
case 3:
col4Array.add(new PVector(x, y));// x and y are the point that was just drawn
break;
}
}

at the end of drawing you have a shape and 4 arraylists one for each color each with a list of PVectors for each point that was drawn in that color. This may be easier on your computer also so it doesnt have to go back to figure out all those points just collect the info as you are creating it instead of going back to find it.

Hope this helps. and sorry for taking a while to respond I hope you didn't need this in a super tight time frame.

Top Reply