Loading...
Logo
Processing Forum
Programming Questions
pedroam
pedroam

problem with save() function // selecting a save folder

in Programming Questions  •  4 months ago  
hello.

i'm trying to save a .png in a specific location in my computer and the following code shows what i'm doing...

Copy code
  2. PGraphics pg;

  4. void setup () {
  5.   size(600, 600);
  6.   pg = createGraphics(600, 600);
  7. }

  9. void draw() {
  10.   pg.beginDraw();
  11.   pg.fill(0, 255, 0);
  12.   pg.rectMode(CENTER);
  13.   pg.rect(width/2, height/2, 120, 120);
  14.   pg.endDraw();
  15.   image(pg,0, 0);
  16. }

  18. void keyReleased() {
  19.   selectFolder("Select a folder to process:", "folderSelected");
  20. }

  22. void folderSelected(File selection) {
  23.   if (selection == null) {
  24.     println("Window was closed or the user hit cancel.");
  25.   } 
  26.   else {
  27.     String location = selection.getAbsolutePath();
  28.     pg.save(location + "test.png");
  29.       }
  30. }

if i change ' pg.save(location + "test.png");' for this ----> ' pg.save(/Users/myName/Desktop + "test.png");' it works perfectly...

so, is it possible to do specify a location to save my png?

another question... if i run this sketch as a java applet in a website, will it run? what is the best option if want to implement something like this online? i was thinking in using processing.js, but in my original sketch i'm using libraries to create .pdf and also the controlp5 librarie... i've been told that isn't possible to use libraries in processing.js. so i'm not sure what will be the best option for me. any suggestions?

thanks guys.

Replies(10)

PhiLho
PhiLho

Re: problem with save() function // selecting a save folder

4 months ago
Sooo... what is the problem with the code you show?
My guess, which you can confirm with a simple printlln(), is that you need a slash between location and the file name...

And, indeed, you cannot do that (not in a simple way, at least), with PJS.
You can export the sketch to a Java applet with Processing 1.5.1 (or a tool somebody (quarks, I think), created).
pedroam
pedroam

Re: Re: problem with save() function // selecting a save folder

4 months ago

Sooo... what is the problem with the code you show?
 
the problem is, despite i'm able to select the saving location of my file, the file isn't saved.


My guess, which you can confirm with a simple printlln(), is that you need a slash between location and the file name...
i didn't got where i'm supposed to put the slash, sorry. something like this:
Copy code
  1. pg.save(location/ + "test.png");                                                                                                             
or this:
Copy code
  1. pg.save(location / "test.png");
it doesn't work... :S
GoToLoop
GoToLoop

Re: problem with save() function // selecting a save folder

4 months ago
Just tidbit tips! 

I like to save files inside the same folder as a sketch runs. More specifically inside subfolder \data.
For that I use function dataPath():

final String path = dataPath("test.png");
pg.save(path);

Below there are some posts where that is used:

Now, about Java applets, only Processing v1.5.1 has a built-in solution. Although there has 1 hack for P2.
And if you press <CTRL>+E, it generates a subfolder ready to use your code as an applet.

However, Java applets are constantly being the target of hacks where its sandbox is nullified.
And evil code is leaked thru' it and invades its host machine!

Due to it, Oracle's making difficult to run applets w/o a valid certificate. Bad news for developers!  
pedroam
pedroam

Re: Re: problem with save() function // selecting a save folder

4 months ago
based on your examples i've tried this...

Copy code

  3. PGraphics pg;

  5. void setup () {
  6.   size(600, 600);
  7.   pg = createGraphics(600, 600);
  8. }

  10. void draw() {
  11.   pg.beginDraw();
  12.   pg.fill(0, 255, 0);
  13.   pg.rectMode(CENTER);
  14.   pg.rect(width/2, height/2, 120, 120);
  15.   pg.endDraw();
  16.   image(pg,0, 0);
  17. }

  19. void keyReleased() {
  20.   selectFolder("Select a folder to process:", "folderSelected");
  21. }

  23. void folderSelected(File selection) {
  24.   if (selection == null) {
  25.     println("Window was closed or the user hit cancel.");
  26.   } 
  27.   else {
  28.     String location = selection.getAbsolutePath("test.png");
  29.     pg.save(location);
  30.       }
  31. }      
but i got this error...

" The method getAbsolutePath() in the type File is not applicable for arguments (String) "


PhiLho
PhiLho

Re: problem with save() function // selecting a save folder

4 months ago
Yes, you have to use
String location = selection.getAbsolutePath() + "/test.png");
instead.
pedroam
pedroam

Re: problem with save() function // selecting a save folder

3 months ago
hey guys.

once again i'm trying to use the folderSelected() function but this time in a more complex situation... (at least for me).

because i need to save a high resolution image of my sketch i'm using this example  https://github.com/shengpo/processing_snips/tree/master/aTileSaverSimpleTest

although, my code isn't working... can you take a look and tell me what am I doing wrong?

Sketch (1/2):

Copy code
  2. aTileSaver tiler;  
  3. boolean savingPNG;
  4. String location;

  6. void setup() {  
  7.     size(500, 500, P3D);  
  8.     noStroke();  
  9.     tiler=new aTileSaver(this);
  10. }  

  12. public void draw() {  
  13.     if (tiler==null) return; // Not initialized  

  15.     // call aTileSaver.pre() to prepare frame and setup camera if it exists.  
  16.     tiler.pre();  

  18.     background(0, 50, 0);  
  19.     lights();  

  21.     pushMatrix();
  22.     translate(width/2, height/2);  
  23.     rotateY(PI/4);  
  24.     rotateX(PI/4);  
  25.     scale(8);  
  26.     fill(240, 255, 0, 220);  
  27.     box(10, 50, 10);  
  28.     fill(150, 255, 0, 220);  
  29.     box(50, 10, 10);  
  30.     fill(255, 150, 0, 220);  
  31.     box(10, 10, 50);  
  32.     popMatrix();

  34.     // call aTileSaver.post() to update tiles if tiler is active  
  35.     tiler.post();
  36. }  

  38. // Saves tiled imaged when 't' is pressed  
  39. public void keyPressed() {  
  40.     if (key=='t') tiler.init("Simple"+nf(frameCount, 6), 6);
  41. }  

Class (2/2):

Copy code
  2. class aTileSaver {  
  3.   public boolean isTiling=false, done=true;  
  4.   public boolean doSavePreview=true;  

  6.   PApplet p;  
  7.   float FOV=60; // initial field of view  
  8.   float cameraZ, width, height;  
  9.   int tileNum=10, tileNumSq; // number of tiles  
  10.   int tileImgCnt, tileX, tileY;  
  11.   boolean firstFrame=false, secondFrame=false;  
  12.   String tileFilename, tileFileExt=".tga";  
  13.   //String tileFilename, tileFileExt=".png";  
  14.   PImage tileImg;  
  15.   float perc, percMilestone;  

  17.   String location;
  18.   boolean savingPNG = false;

  20.   // The constructor takes a PApplet reference to your sketch.  
  21.   public aTileSaver(PApplet _p) {  
  22.     p=_p;
  23.   }  

  25.   // If init() is called without specifying number of tiles, getMaxTiles()  
  26.   // will be called to estimate number of tiles according to free memory.  
  27.   public void init(String _filename) {  
  28.     init(_filename, getMaxTiles(p.width));
  29.   }  

  31.   // Initialize using a filename to output to and number of tiles to use.  
  32.   public void init(String _filename, int _num) {  
  33.     tileFilename=_filename;  
  34.     tileNum=_num;  
  35.     tileNumSq=(tileNum*tileNum);  

  37.     width=p.width;  
  38.     height=p.height;  
  39.     cameraZ=(height/2.0f)/p.tan(p.PI*FOV/360.0f);  
  40.     p.println("aTileSaver: "+tileNumSq+" tiles and Resolution: "+(p.width*tileNum)+"x"+(p.height*tileNum));  

  42.     // remove extension from filename  
  43.     if (!new java.io.File(tileFilename).isAbsolute())  
  44.       tileFilename=p.dataPath(tileFilename);  
  45.     tileFilename=noExt(tileFilename);  
  46.     p.createPath(tileFilename);  
  47.       
  48.       //==============================================MY CHANGES===============

  50.     // save preview
  51.     if ( !savingPNG) {
  52.       location = null;
  53.       savingPNG = true;
  54.       selectFolder("Select a folder to process:", "folderSelected");    
  55.     }
  56.   
  57.   if (location != null /*&& doSavePreview*/) {
  58.     savingPNG = false;
  59.     p.g.save(location + "myImage.png");
  60.   }

  62.     //==============================================  

  64.     // set up off-screen buffer for saving tiled images  
  65.     tileImg=new PImage(p.width*tileNum, p.height*tileNum);  

  67.     // start tiling  
  68.     isTiling=true;  
  69.     firstFrame=true;          //for skip first frame after do tiling
  70.     secondFrame=true;     //for skip second frame after do tiling
  71.     tileImgCnt=0;
  72.     tileX = 0;
  73.     tileY = 0;

  75.     done=false;  
  76.     perc=0;  
  77.     percMilestone=0;
  78.   }  

  80.   // set filetype, default is TGA. pass a valid image extension as parameter.  
  81.   public void setSaveType(String extension) {  
  82.     tileFileExt=extension;  
  83.     if (tileFileExt.indexOf(".")==-1) tileFileExt="."+tileFileExt;
  84.   }  

  86.   // pre() handles initialization of each frame.  
  87.   // It should be called in draw() before any drawing occurs.  
  88.   public void pre() {  
  89.     if (!isTiling) return;  
  90.     if (firstFrame) {
  91.       firstFrame=false;
  92.     } 
  93.     else if (secondFrame) {  
  94.       secondFrame=false;
  95.     }  
  96.     setupCamera();
  97.   }  

  99.   // post() handles tile update and image saving.  
  100.   // It should be called at the very end of draw(), after any drawing.  
  101.   public void post() {  
  102.     // If first or second frame, don't update or save.  
  103.     if (firstFrame || secondFrame || (!isTiling)) return;  

  105.     // Get current image from sketch and draw it into buffer  
  106.     p.loadPixels();  
  107.     tileImg.set(tileX*p.width, tileY*p.height, p.g);  

  109.     // Increment tile index  
  110.     tileImgCnt++;  
  111.     perc=100*((float)tileImgCnt/(float)tileNumSq);  
  112.     if (perc-percMilestone> 5 || perc>99) {  
  113.       p.println(p.nf(perc, 3, 2)+"% completed. "+tileImgCnt+"/"+tileNumSq+" images saved.");  
  114.       percMilestone=perc;
  115.     }  

  117.     if (tileImgCnt==tileNumSq) tileFinish();  
  118.     else tileInc();
  119.   }  

  121.   public boolean checkStatus() {  
  122.     return isTiling;
  123.   }  

  125.   // tileFinish() handles saving of the tiled image  
  126.   public void tileFinish() {  
  127.     isTiling=false;  

  129.     restoreCamera();  

  131.     // save large image to TGA  
  132.     tileFilename+="_"+(p.width*tileNum)+"x"+(p.height*tileNum)+tileFileExt;  
  133.     p.println("Save: "+tileFilename.substring(tileFilename.lastIndexOf(java.io.File.separator)+1));  
  134.     tileImg.save(tileFilename);  
  135.     p.println("Done tiling.n");  

  137.     // clear buffer for garbage collection  
  138.     tileImg=null;  
  139.     done=true;
  140.   }  

  142.   // Increment tile coordinates  
  143.   public void tileInc() {  
  144.     if (tileX==tileNum-1) {  
  145.       tileX=0;  
  146.       tileY=(tileY+1)%tileNum;
  147.     } 
  148.     else {  
  149.       tileX++;
  150.     }
  151.   }  

  153.   // set up camera correctly for the current tile
  154.   //caution: camera's coordination system si different from drawing's coordination system
  155.   //              so, must be very care of parameters in camera() and frustum() !!
  156.   public void setupCamera() {  
  157.     //reset to default camera coordination with Y-UP (up-increase), and original poit is at (width/2f, height/2f, 0)
  158.     p.camera(width/2.0f, height/2.0f, cameraZ, width/2.0f, height/2.0f, 0, 0, 1, 0); 

  160.     if (isTiling) {  
  161.       //set to a specific perspective (or clipping volume) with enough near near-plane and enough far far-plane
  162.       //this step is to fix the viewport on each tile
  163.       float mod=1f/10f;  //to make near plane is close to camera(aka eye)
  164.       p.frustum((-width/2f + width*((float)tileX/(float)tileNum))*mod, //left
  165.       (-width/2f + width*((tileX+1)/(float)tileNum))*mod, //right
  166.       (height/2f - height*((tileY+1)/(float)tileNum))*mod, //bottom
  167.       (height/2f - height*((float)tileY/(float)tileNum))*mod, //up
  168.       cameraZ*mod, 10000);                                                //near, far
  169.     }
  170.   }  

  172.   // restore camera once tiling is done  
  173.   public void restoreCamera() {  
  174.     //reset to default camera coordination with Y-UP (up-increase), and original poit is at (width/2f, height/2f, 0)
  175.     p.camera(width/2.0f, height/2.0f, cameraZ, width/2.0f, height/2.0f, 0, 0, 1, 0);  

  177.     //reset to default perspective (or clipping volume) with enough near near-plane and enough far far-plane
  178.     float mod=1f/10f;  //to make near plane is close to camera(aka eye)
  179.     p.frustum(-(width/2)*mod, (width/2)*mod, //left, right
  180.     -(height/2)*mod, (height/2)*mod, //bottom, up
  181.     cameraZ*mod, 10000);                    //near, far
  182.   }  

  184.   // checks free memory and gives a suggestion for maximum tile  
  185.   // resolution. It should work well in most cases, I've been able  
  186.   // to generate 20k x 20k pixel images with 1.5 GB RAM allocated.  
  187.   public int getMaxTiles(int width) {  
  188.     // get an instance of java.lang.Runtime, force garbage collection  
  189.     java.lang.Runtime runtime=java.lang.Runtime.getRuntime();  
  190.     runtime.gc();  

  192.     // calculate free memory for ARGB (4 byte) data, giving some slack  
  193.     // to out of memory crashes.  
  194.     int num=(int)(Math.sqrt((float)(runtime.freeMemory()/4)*0.925f))/width;  
  195.     p.println(((float)runtime.freeMemory()/(1024*1024))+"/"+((float)runtime.totalMemory()/(1024*1024)));  

  197.     // warn if low memory  
  198.     if (num==1) {  
  199.       p.println("Memory is low. Consider increasing memory.");  
  200.       num=2;
  201.     }  

  203.     return num;
  204.   }  

  206.   // strip extension from filename  
  207.   String noExt(String name) {  
  208.     int last=name.lastIndexOf(".");  
  209.     if (last>0)  
  210.       return name.substring(0, last);  

  212.     return name;
  213.   }
  214. }  

  216.        //===========================================MY CHANGES===============

  218. public void folderSelected(File selection) {
  219.   if (selection == null) {
  220.     println("Window was closed or the user hit cancel.");
  221.     location = "";
  222.   } 
  223.   else {
  224.     location = selection.getAbsolutePath();
  225.     println(location);
  226.   }
  227. }   
PhiLho
PhiLho

Re: problem with save() function // selecting a save folder

3 months ago
Hard to analyze such wall of code... It is often useful to do a very simple sketch down to the precise problem, with dummy classes / graphics.

Anyway, from a quick glance, I notice you have a global location variable, and a field of same name inside the class. The folderSelected method sets the global variable, but apparently you check the value of the field, probably still null.
Don't forget, also, that selectFolder returns immediately, before the user gives its choice, so the location is still empty after its call.
pedroam
pedroam

Re: Re: problem with save() function // selecting a save folder

3 months ago
Thanks @PhiLho. The issue was related with that.

it was happening that as I pressed 'T' in my keyboard, i was automatically running the code that generates the .png and .tga files. this way the code was reaching the end before i had selected my save location.

now, after the user press the 'T' key he's asked to select the save location. when this location is defined the rest of the code is able to run and to create my files (.png + .tga) in the desirable location.

just one more question. if i save my file like this, everything goes perfect... : 
Copy code
  1. p.g.save(location + "/myPreview.png");
 but if want to give the file name automatically and to do something like this, it won't work...
Copy code
  1. p.g.save( location + tileFilename+"_preview.png");
I've also tried this but without success:
Copy code
  1. p.g.save( location + "/"+tileFilename+"_preview.png");
any hint?

thanks!
PhiLho
PhiLho

Re: problem with save() function // selecting a save folder

3 months ago
The second attempt is better, indeed...
What is the error message?
Do a println() of your expression, to see if it is correct.
pedroam
pedroam

Re: problem with save() function // selecting a save folder

3 months ago
i wrote a message to the author of the aTilerSaver.pde-example and he updated his example in way to allow the user to select the save location. pretty awesome!

to anyone who needs it, here is the link again:
Top Reply

Statistics

  • 10 Replies
  • 687  Views
  • 1 Followers

Tags

No tags available for this topic.

Actions

Related Posts