I'm running a sketch in fullscreen mode on a Mac. The user has to control the sketch using the keyboard. 

On a Mac you can quit a sketch using the "command+q". I don't want the user to do this, so do you have any idea how to block all system related shortcuts on a keyboard?. Probably this is rather a question for a mac-user forum, but I hope you have some ideas!!

Thanks!!!

in my sketch I want to capture an image with my webcam (just one single image not an image capturing all the time). 

After that I want to place an animation on top of it. So in the sketch below you should take a picture and then an ellipse moves over the screen and over the image. 

My Problem: For an animation I think I need to call "background" all the time. When doing this my captured image from the webcam is gone, as the background lays over it. Is there any simple way to work around this problem?

This would be great!! 

2. import processing.video.*;
3. boolean animation = false; 
4. int ellipseX = 0; 
5. 
   
6. Capture myCapture; 
7. 
   
8. void setup() {
9.   size (800, 600); 
10.   smooth();
11.   noStroke();
12.   myCapture = new Capture(this, width/3, height/3, 30);
13.   ellipseMode(CENTER);
14. }
15. 
    
16. void draw() {
17.   if (animation) animation();
18. }
19. 
    
20. void foto() {
21.   image(myCapture, 0, 0, width, height);
22.   filter(GRAY);
23. }
24. 
    
25. void mouseReleased() {
26.   foto();
27.   animation = true;
28. }
29. 
    
30. void animation() {
31.   ellipseX +=5;
32.   if (ellipseX > width) {
33.     ellipseX = 0;
34.   }
35.   ellipse (ellipseX, 100, 20, 20);
36. }
37. 
    
38. void captureEvent(Capture myCapture) {
39.   myCapture.read();
40. }

I have a few gray scale images which I display in my sketch. 

I would like to increase the contrast of the images. I know how to control hue/brightness, but I would like to somehow raise the contrast of the image. Like in the OpenCV library:  http://ubaa.net/shared/processing/opencv/opencv_contrast.html

Is there any library or way to do so? This would be great. Thanks for your help!!!

I'm working with the Keystone Library and I want to move and control the two layers seperately. So when pressing 'c' I only want to move and control the red layer and when pressing 'v' only the green layer should be moved. 

As it's much easier to control the position of the layers when only one layer is selected. 

I hope you guys may help me!!! When executing my script both layers are moveable when pressing either 'c' oder 'v'. 

1. import deadpixel.keystone.*;
2. 
   
3. Keystone ksRed;
4. Keystone ksGreen; 
5. CornerPinSurface surfaceRed, surfaceGreen;
6. 
   
7. PGraphics offscreenRed, offscreenGreen;
8. 
   
9. void setup() {
10.   size(800, 600, P3D);
11.   ksRed = new Keystone(this);
12.   ksGreen = new Keystone(this);
13. 
    
14.   surfaceRed = ksRed.createCornerPinSurface(400, 300, 20);
15.   offscreenRed = createGraphics(400, 300, P2D);
16. 
    
17.   surfaceGreen = ksGreen.createCornerPinSurface(200, 150, 20);
18.   offscreenGreen = createGraphics(200, 150, P2D);
19. }
20. 
    
21. void draw() {
22.   offscreenRed.beginDraw();
23.   offscreenRed.background(255, 30, 0);
24.   offscreenRed.endDraw();
25. 
    
26.   offscreenGreen.beginDraw();
27.   offscreenGreen.background(0, 255, 30);
28.   offscreenGreen.endDraw();
29. 
    
30.   background(0);
31. 
    
32.   surfaceRed.render(offscreenRed);
33.   surfaceGreen.render(offscreenGreen);
34. }
35. 
    
36. void keyPressed() {
37.   switch(key) {
38.   case 'c':
39.     ksGreen.toggleCalibration();
40.     break;
41.   case 'v':
42.     ksRed.toggleCalibration();
43.     break;
44.   }
45. }

when starting my script I want to capture an image from my webcam. 

When pressing my mouse I want the image to be "freezed". When clicking the mouse again it should play again. 

Right now it starts playing, but as soon as I stopped the capturing for the first time it doesn't play again. 

2. import processing.video.*;
3. Capture myCapture;
4. boolean photo = true; 
5. void setup() 
6. {
7.   size(screen.width, screen.height);
8.   myCapture = new Capture(this, width, height, 30);
9. }
10. 
    
11. void captureEvent(Capture myCapture) {
12. 
    
13.   myCapture.read();
14. }
15. 
    
16. void draw() {
17.   image(myCapture, 0, 0);
18.   filter(GRAY);
19. }
20. 
    
21. void mouseReleased() {
22.   if (photo == true) {
23.     myCapture.stop();
24.     photo = false;
25.   }
26.   else if (photo == false) {
27.     myCapture.read();
28.     photo=true;
29.   }
30. }

I have a rather simple question, but can't figure out how to do it. 

So I have a couple of String variables. I want to check whether they contain the combination #11#. 

If so, I want to replace the #11# by a "and". 

So let's say like this: 

string1 = "Tony#11#Susan. It contains a #11# and I want to "rewrite" this String as "Tony and Susan". 

I know that when using equals() I can check whether a whole string equals a specific word. 

But I just want to check if there are certain parts of a string equal to my #11#. 

I'm glad for any help!!!

I have a simple piece of code (see below). I don't want to save my xml file to the sketch folder, but to an external hard drive. 

I guess all that is important to change is the following line of code. This is actually the destination I want to save the file to. 

2.   xmlIO.saveElement(xmlPulses, "/Volumes/Public/Test/test.xml");

Running the sketch like this it saves the xml inside my data folder and creates new subfolders calledVolumes/Public/Test and inside the "Test" folder it saves the xml.

How do I get it to not create new folders but take the given destination and save it there? 

2. import proxml.*;
3. 
   
4. int posX; 
5. int posY; 
6. 
   
7. XMLInOut xmlIO;
8. proxml.XMLElement xmlPulses;
9. 
   
10. void setup() {
11.   size(400, 400);
12.     xmlIO = new XMLInOut(this);
13.   try {
14.     xmlIO.loadElement("test.xml");
15.   } 
16.   catch (Exception e) {
17.     xmlEvent(new proxml.XMLElement("pulses"));
18.   }
19. }
20. 
    
21. void xmlEvent(proxml.XMLElement element) {
22.   xmlPulses = element;
23. }
24. 
    
25. void draw() {
26.   background(0);
27.   posX = mouseX;
28.   posY = mouseY;
29. }
30. 
    
31. void mousePressed() {
32.   saveData();
33. }
34. 
    
35. void saveData() {
36.   proxml.XMLElement newPulse = new proxml.XMLElement("datensatz");
37.   xmlPulses.addChild(newPulse);
38.   proxml.XMLElement value1 = new proxml.XMLElement("value1");
39.   proxml.XMLElement value2 = new proxml.XMLElement("value2");
40.   value1.addAttribute("value1", posX);
41.   value2.addAttribute("value2", posY);
42.   newPulse.addChild(value1);   
43.   newPulse.addChild(value2);    
44.   xmlIO.saveElement(xmlPulses, "/Volumes/Public/Test/test.xml");
45. }

Hallo, 

I'm just wondering if it is possible to load more than one xml file into a sketch. 

I have several xml files of this structure. 

When executing the script it only loads and prints out all attributes of the first xml file.

Is there a way how to load several xml files separately into one sketch? This would be great!!!!

Thanks in advance!!

I have a xml file containing some data and a processing sketch to read this data.

Want I want to do:

In my xml file I have several childs containing 4 attributes: Name, Surname, Age and City. 

First I want to display the Name, 1 second later the surname, 1 second later the age and another second later the city. This animation has to work for the first three childs in my xml file at once. After about 6 seconds it has to display the 4th, 5th and 6th entry. And so on and so on. So no matter how many childs are in my xml file I only want to display three at one time. 

Right now I am able to read through my whole xml file and get all of the children. But I only want the first three to appear with the animation of first showing the name, then the surname, age and the city. 

Second Problem: As I want this as an animation I need to write my script into the draw(). Sadly the text becomes quite ugly as it overwrites the text every time it loops through draw. 

Do have any suggestions how to figure this out? Do I need to use arrays or something to address the text outside the loop? I tried to work with pullMatrix () and pushMatrix() but this doesn't work. 

So below you'll find my code so far and the content of my xml file. I'm glad for any help!!!!!

XML FILE

1. <?xml version="1.0" encoding="ISO-8859-1"?>
2. <pulses>
3.    <Person>
4.     <werte name="John" surname="Smith" age="39" city="London"/>
5.   </Person>
6.    <Person>
7.     <werte name="Claire" surname="Walker" age="22" city="Paris"/>
8.   </Person>
9.    <Person>
10.     <werte name="Ron" surname="Bolton" age="34" city="Madrid"/>
11.   </Person>
12.    <Person>
13.     <werte name="Chris" surname="Summer" age="28" city="Rome"/>
14.   </Person>
15.    <Person>
16.     <werte name="Anne" surname="Gordon" age="26" city="Munich"/>
17.   </Person>
18.    <Person>
19.     <werte name="Mary" surname="Miller" age="30" city="Barcelona"/>
20.   </Person>
21. </pulses>

PROCESSING CODE

1. import proxml.*;
2. 
   
3. XMLInOut xmlIO;
4. proxml.XMLElement myList;
5. 
   
6. int w = 800; 
7. int h = 600; 
8. boolean readData = true; 
9. String name, surname, city, age;
10. PFont font; 
11. 
    
12. void setup() {
13.   size (w, h);
14.   smooth();
15.   font = createFont("Times", 60);
16.   textFont(font);
17.   xmlIO = new XMLInOut(this);
18.   try {
19.     xmlIO.loadElement("myData.xml");
20.   } 
21.   catch (Exception e) {
22.     xmlEvent(new proxml.XMLElement("myList"));
23.   }
24. }
25. 
    
26. void draw() {
27.   if (readData) readData();
28. }  
29. 
    
30. void xmlEvent(proxml.XMLElement element) {
31.   myList = element;
32. }
33. 
    
34. void readData () {
35.   proxml.XMLElement[] allData = myList.getChildren();
36. 
    
37.   for (int i = 0; i< allData.length; i++) {
38.     proxml.XMLElement data = allData[i];
39.     proxml.XMLElement param = data.getChild(0);
40.     if (!param.getName().equals("werte")) continue; // Ignore unknown child
41.     name = param.getAttribute ("name");
42.     surname = param.getAttribute("surname");
43.     age = param.getAttribute("age");
44.     city = param.getAttribute("city");
45. 
    
46.     textFont (font);
47.     textSize(20);    
48.     fill (255);
49.     text(name, 20+i*100, 100);
50.     if (millis()> 3000) {
51.       text(surname, 20+i*100, 125);
52.     }
53.     if (millis()>4000) {
54.       text(age, 20+i*100, 150);
55.     }
56.     if (millis()>5000) {
57.       text(city, 20+i*100, 175);
58.     }
59.   }
60. }

I have a xml file with the following structure: 

2. <?xml version="1.0" encoding="ISO-8859-1"?>
3. <data>
4.   <person>
5.     <Name Name="John"/>
6.     <Surname Surname="Smith"/>
7.   </person>
8. </data>

By using xml I get both elements into variables. But I now want to write the elements as text into my sketch. 

When using the following lines of code I get this: <Name Name="John"/> But I only want to have "John" saved in the variable stringName.

How can I seperate the single Name from the rest of the line? So that I only have "John" saved to the variable stringName. 

Thanks everyone!!

i'm just working on some webcam capturing. It basically works fine so I use the built-in webcam of my macbook and display the image on the screen. But: As soon as I run the sketch on fullscreen the frameRate breaks down from 33 to 4 or 5 fps. I tested without using the filter(); -- this improved to frameRate up to 10 fps. But I need the captured image to be grayscale, so I don't want to get rid of this. 

Do you have any suggestions how to keep the frameRate high? At least a few more fps than now. 

2. import processing.video.*;
3. 
   
4. Capture myCapture;
5. 
   
6. void setup() 
7. {
8.   size(screen.width, screen.height);
9.   myCapture = new Capture(this, width, height, 30);
10.   frameRate(100);
11. }
12. 
    
13. void captureEvent(Capture myCapture) {
14.   myCapture.read();
15. }
16. 
    
17. void draw() {
18.   println(frameRate);
19.   image(myCapture, 0, 0);
20.   filter(GRAY);
21. }

I want to have the image of my webcam displayed on the screen, but just in grayscale with no colours.

I tried doing it this way: 

2.   myCapture.filter(GRAY);
3.   image(myCapture, 0, 0);

But sadly the coloured webcam image pops up from time to time. It's just for a split second but it destroys the gray filter... 

So do you have any ideas how to solve this? 

When using the OpenCV library they have a function like this

2. opencv.convert(OpenCV.GRAY);

But the convert does not work without the CV library. So, I'm glad for any suggestions. 

Just as an additional information: I'm using the webcam thing on fullscreen, so probably this makes some trouble?

So below you'll find the whole code: 

2. import processing.video.*;
3. Capture myCapture;
4. 
   
5. void setup() 
6. {
7.   size(1920, 1200);
8.   myCapture = new Capture(this, width, height, 30);
9. }
10. 
    
11. void captureEvent(Capture myCapture) {
12.   myCapture.read();
13. }
14. 
    
15. void draw() {
16.   myCapture.filter(GRAY);
17.   image(myCapture, 0, 0);
18. }

I just worked through the spriteButton tutorial of the control P5. 

I want to read out the state of the buttons. So when I have the mouse over the button / when it is clicked...

I found the function getState() but it doesn't work. Any suggestions how to read out the state of the button? 

Below you'll find the code of the spriteButton example. 

Thank you guys!!!!

2. /**
3.  * ControlP5 SpriteButton
4.  
5. import controlP5.*;
6. import processing.opengl.*;
7. ControlP5 controlP5;
8. 
   
9. void setup() {
10.   size(800,400,OPENGL);
11.   smooth();
12.   frameRate(30);
13.   controlP5 = new ControlP5(this);
14.   
15.   ControllerSprite sprite = new ControllerSprite(controlP5,loadImage("buttonSprite.png"),75,75);
16.   sprite.setMask(loadImage("buttonSpriteMask.png"));
17.   sprite.enableMask();
18.   
19.   controlP5.Button b = controlP5.addButton("play",100,20,40,50,50);
20.   b.setSprite(sprite);  
21.   
22.   b = controlP5.addButton("play2",101,120,40,50,50);
23.   b.setSprite(sprite);  
24.   
25.   
26. }
27. 
    
28. void draw() {
29.   background(200);
30. }
31. 
    
32. public void play(int theValue) {
33.   println("playing : " + theValue); 
34. }

I started working with the Keystone library (great!!!!)

When working with the basic example "Corner Pin" I asked myself how to change the form of the layers from a rectangle to a triangle. Right now you have a white rectangle with a green-filled circle in it. How can I change the form of the layer from a rectangle to a triangle? So do I have to change something about the createGraphics()? 

This would be great!!! 

2. import deadpixel.keystone.*;
3. 
   
4. Keystone ks;
5. CornerPinSurface surface;
6. 
   
7. PGraphics offscreen;
8. 
   
9. void setup() {
10.   size(800, 600, P3D);
11. 
    
12.   ks = new Keystone(this);
13.   surface = ks.createCornerPinSurface(400, 300, 20);
14.   offscreen = createGraphics(400, 300, P2D);
15. }
16. 
    
17. void draw() {
18.   PVector surfaceMouse = surface.getTransformedMouse();
19.   offscreen.beginDraw();
20.   offscreen.background(0);
21.   offscreen.fill(0, 255, 0);
22.   offscreen.ellipse(surfaceMouse.x, surfaceMouse.y, 75, 75);
23.   offscreen.endDraw();
24.   background(0);
25.  
26.   surface.render(offscreen);
27. }
28. 
    
29. void keyPressed() {
30. 
    
31.   switch(key) {
32.   case 'c':
33.     ks.toggleCalibration();
34.     break;
35. 
    
36.   case 'l':
37.     ks.load();
38.     break;
39. 
    
40.   case 's':
41.     ks.save();
42.     break;
43.   }
44. }

this problem is driving me crazy as it can't be that complicated...

I want to run a sketch which is using open gl2. 

I'm working with the latest version of processing (2.0 a4) and also tried 1.5.1 

And whenever I try to start running the programm I get as an error: "No library found for processing.opengl2"

I read through this link 

http://wiki.processing.org/w/Changes

And it says, that the new open gl2 is already implemented....

Hm, so does anyone has an idea how to get this working?? Thanks!!!!

I just looked at this Google Doodles and thought of making this nice particle effect in Processing.

http://www.google.com/logos/particle.html

I set up a grid of ellipses and now want to create this particle effect while the mouse "flows" over the ellipses. So as soon as the mouse comes closer to an ellipse this one has to grow in size and other ellipses around have to go back to their normal size. 

I'm not sure whether this is the right way, so to put all my code in the "draw". Or do I have to work with arrays to address each ellipse individually when the mouse comes closer? Thanks for your help in advance!!! 

 

Hey, 

I just have this code and to draw all the lines I use mouseX and mouseY. 

Now I just want to start the programm and see how the lines grow without using the mouse. Do you have any experience how to simulate mouseX and mouseY? I tried to use random, but this does not give a nice effect at all. 

1. ArrayList history = new ArrayList();
2. float distthresh = 60;
3. float factor = 2; 
4. 
   
5. void setup() {
6.   size(800,500); 
7.   background(255);
8.   smooth();
9. }
10. 
    
11. void draw() {
12.   stroke(0,random(100,200));
13.   strokeWeight (random(0.2,0.8));
14.   strokeCap (SQUARE);
15.   strokeJoin(MITER);
16.   animate();
17. }
18. 
    
19. void animate() {
20.   PVector d = new PVector(mouseX,mouseY,0);
21.   history.add(0,d);
22. 
    
23.   for (int p=0; p<history.size(); p++) {
24.     PVector v = (PVector) history.get(p);
25.     float joinchance = p/history.size() + d.dist(v)/distthresh;
26.     if (joinchance < random(0.5,factor))  line(d.x,d.y,v.x,v.y);
27.   }
28. }
29. 
    
30. void keyPressed() {
31.   if (key == 'c') {
32.     background(255);
33.     history.clear();
34.   }
35. }

I just want to save images from my current sketch to a specific folder outside my sketch folder. 

It nearly works when using this code to save.

When running this script it saves the image inside the "data" folder, but builds up several more subfolders. So when looking for the saved image I find it inside: "Users/myName/Desktop/test-file/data/ Users/myName/Desktop/test-file/data". Any ideas why this happens? I don't want all these subfolders rebuilded in the original data folder. I just want to save all images in the data folder addressed within the save-function. 

Thanks for your help!!