Hello guys,

i'm using this code example ( https://github.com/shengpo/processing_snips/tree/master/aTileSaverSimpleTest) to capture a high resolution image of my sketch.

i need my .tga file to have only a square draw with a transparent background. but once i remove the line of code that draws the background on my draw function, the tiler saver behaves in a strange way…

can you try it and see what could be a possible solution?

thanks in advance!

here is my code :

1. press 't' to export the .tga file.    

2. i'm drawing the background and the rectangle on the lines 23-26

3. most part of the code is related with the class that creates the .tga file

2. aTileSaver tiler;  
3. boolean savingPNG;
4. 
   
5. boolean letsSaveIt = false;
6. 
   
7. String location;
8. 
   
9. void setup() {  
10.   size(500, 500, P3D);  
11.   noStroke();  
12.   tiler=new aTileSaver(this);
13.   location = null;
14.   
15. }  
16. 
    
17. public void draw() {  
18.   if (tiler==null) return; // Not initialized  
19. 
    
20.   // call aTileSaver.pre() to prepare frame and setup camera if it exists.  
21.   tiler.pre();  
22. 
    
23.   background(0, 50, 0);  
24.   lights();  
25.   fill(255, 150, 0, 220);  
26.   rect(width/2, height/2, 90, 90);  
27.   
28.   // call aTileSaver.post() to update tiles if tiler is active  
29.   tiler.post();
30. 
    
31.   if (letsSaveIt == true) {
32.     tiler.init("Simple"+nf(frameCount, 3), 3);
33.     letsSaveIt = false;
34.   }
35. }  
36. 
    
37. // Saves tiled imaged when 't' is pressed  
38. public void keyPressed() {  
39.   if (key=='t') {
40.     selectFolder("Select a folder to process:", "folderSelected");
41.   }
42. }
43. 
    
44. 
    
45. 
    
46. class aTileSaver {  
47.   public boolean isTiling=false, done=true;  
48.   public boolean doSavePreview=true;  
49. 
    
50.   PApplet p;  
51.   float FOV=60; // initial field of view  
52.   float cameraZ, width, height;  
53.   int tileNum=10, tileNumSq; // number of tiles  
54.   int tileImgCnt, tileX, tileY;  
55.   boolean firstFrame=false, secondFrame=false;  
56.   String tileFilename, tileFileExt=".tga";  
57.   //String tileFilename, tileFileExt=".png";  
58.   PImage tileImg;  
59.   float perc, percMilestone;  
60. 
    
61. 
    
62.   boolean savingPNG = false;
63. 
    
64.   // The constructor takes a PApplet reference to your sketch.  
65.   public aTileSaver(PApplet _p) {  
66.     p=_p;
67.   }  
68. 
    
69.   public void gettingLocation(){
70.      selectFolder("Select a folder to process:", "folderSelected");
71.   }
72. 
    
73.   // If init() is called without specifying number of tiles, getMaxTiles()  
74.   // will be called to estimate number of tiles according to free memory.  
75.   public void init(String _filename) {  
76.     init(_filename, getMaxTiles(p.width));
77.   }  
78. 
    
79.   // Initialize using a filename to output to and number of tiles to use.  
80.   public void init(String _filename, int _num) {  
81. 
    
82.     tileFilename=_filename;  
83.     tileNum=_num;  
84.     tileNumSq=(tileNum*tileNum);  
85. 
    
86. 
    
87.     width=p.width;  
88.     height=p.height;  
89.     cameraZ=(height/2.0f)/p.tan(p.PI*FOV/360.0f);  
90.     p.println("aTileSaver: "+tileNumSq+" tiles and Resolution: "+(p.width*tileNum)+"x"+(p.height*tileNum));  
91. 
    
92.     // remove extension from filename  
93.     if (!new java.io.File(tileFilename).isAbsolute())  
94.       tileFilename=p.dataPath(tileFilename);  
95.     tileFilename=noExt(tileFilename);  
96.     p.createPath(tileFilename);  
97. 
    
98. 
    
99.     // save preview
100.   
101.     p.g.save(location + "/myPreview.png");
102. 
     
103.     // set up off-screen buffer for saving tiled images  
104.     tileImg=new PImage(p.width*tileNum, p.height*tileNum);  
105. 
     
106.     // start tiling  
107.     isTiling=true;  
108.     firstFrame=true;          //for skip first frame after do tiling
109.     secondFrame=true;     //for skip second frame after do tiling
110.     tileImgCnt=0;
111.     tileX = 0;
112.     tileY = 0;
113. 
     
114.     done=false;  
115.     perc=0;  
116.     percMilestone=0;
117.   }
118.   
119. 
     
120.   // set filetype, default is TGA. pass a valid image extension as parameter.  
121.   public void setSaveType(String extension) {  
122.     tileFileExt=extension;  
123.     if (tileFileExt.indexOf(".")==-1) tileFileExt="."+tileFileExt;
124.   }  
125. 
     
126.   // pre() handles initialization of each frame.  
127.   // It should be called in draw() before any drawing occurs.  
128.   public void pre() {  
129.     if (!isTiling) return;  
130.     if (firstFrame) {
131.       firstFrame=false;
132.     } 
133.     else if (secondFrame) {  
134.       secondFrame=false;
135.     }  
136.     setupCamera();
137.   }  
138. 
     
139.   // post() handles tile update and image saving.  
140.   // It should be called at the very end of draw(), after any drawing.  
141.   public void post() {  
142.     // If first or second frame, don't update or save.  
143.     if (firstFrame || secondFrame || (!isTiling)) return;  
144. 
     
145.     // Get current image from sketch and draw it into buffer  
146.     p.loadPixels();  
147.     tileImg.set(tileX*p.width, tileY*p.height, p.g);  
148. 
     
149.     // Increment tile index  
150.     tileImgCnt++;  
151.     perc=100*((float)tileImgCnt/(float)tileNumSq);  
152.     if (perc-percMilestone> 5 || perc>99) {  
153.       p.println(p.nf(perc, 3, 2)+"% completed. "+tileImgCnt+"/"+tileNumSq+" images saved.");  
154.       percMilestone=perc;
155.     }  
156. 
     
157.     if (tileImgCnt==tileNumSq) tileFinish();  
158.     else tileInc();
159.   }  
160. 
     
161.   public boolean checkStatus() {  
162.     return isTiling;
163.   }  
164. 
     
165.   // tileFinish() handles saving of the tiled image  
166.   public void tileFinish() {  
167.     isTiling=false;  
168. 
     
169.     restoreCamera();  
170. 
     
171.     // save large image to TGA  
172.     tileFilename+="_"+(p.width*tileNum)+"x"+(p.height*tileNum)+tileFileExt;  
173.     p.println("Save: "+tileFilename.substring(tileFilename.lastIndexOf(java.io.File.separator)+1));  
174.     tileImg.save(location + "/test.tga");  
175.     p.println("Done tiling.n");  
176. 
     
177.     // clear buffer for garbage collection  
178.     tileImg=null;  
179.     done=true;
180.   }  
181. 
     
182.   // Increment tile coordinates  
183.   public void tileInc() {  
184.     if (tileX==tileNum-1) {  
185.       tileX=0;  
186.       tileY=(tileY+1)%tileNum;
187.     } 
188.     else {  
189.       tileX++;
190.     }
191.   }  
192. 
     
193.   // set up camera correctly for the current tile
194.   //caution: camera's coordination system si different from drawing's coordination system
195.   //              so, must be very care of parameters in camera() and frustum() !!
196.   public void setupCamera() {  
197.     //reset to default camera coordination with Y-UP (up-increase), and original poit is at (width/2f, height/2f, 0)
198.     p.camera(width/2.0f, height/2.0f, cameraZ, width/2.0f, height/2.0f, 0, 0, 1, 0); 
199. 
     
200.     if (isTiling) {  
201.       //set to a specific perspective (or clipping volume) with enough near near-plane and enough far far-plane
202.       //this step is to fix the viewport on each tile
203.       float mod=1f/10f;  //to make near plane is close to camera(aka eye)
204.       p.frustum((-width/2f + width*((float)tileX/(float)tileNum))*mod, //left
205.       (-width/2f + width*((tileX+1)/(float)tileNum))*mod, //right
206.       (height/2f - height*((tileY+1)/(float)tileNum))*mod, //bottom
207.       (height/2f - height*((float)tileY/(float)tileNum))*mod, //up
208.       cameraZ*mod, 10000);                                                //near, far
209.     }
210.   }  
211. 
     
212.   // restore camera once tiling is done  
213.   public void restoreCamera() {  
214.     //reset to default camera coordination with Y-UP (up-increase), and original poit is at (width/2f, height/2f, 0)
215.     p.camera(width/2.0f, height/2.0f, cameraZ, width/2.0f, height/2.0f, 0, 0, 1, 0);  
216. 
     
217.     //reset to default perspective (or clipping volume) with enough near near-plane and enough far far-plane
218.     float mod=1f/10f;  //to make near plane is close to camera(aka eye)
219.     p.frustum(-(width/2)*mod, (width/2)*mod, //left, right
220.     -(height/2)*mod, (height/2)*mod, //bottom, up
221.     cameraZ*mod, 10000);                    //near, far
222.   }  
223. 
     
224.   // checks free memory and gives a suggestion for maximum tile  
225.   // resolution. It should work well in most cases, I've been able  
226.   // to generate 20k x 20k pixel images with 1.5 GB RAM allocated.  
227.   public int getMaxTiles(int width) {  
228.     // get an instance of java.lang.Runtime, force garbage collection  
229.     java.lang.Runtime runtime=java.lang.Runtime.getRuntime();  
230.     runtime.gc();  
231. 
     
232.     // calculate free memory for ARGB (4 byte) data, giving some slack  
233.     // to out of memory crashes.  
234.     int num=(int)(Math.sqrt((float)(runtime.freeMemory()/4)*0.925f))/width;  
235.     p.println(((float)runtime.freeMemory()/(1024*1024))+"/"+((float)runtime.totalMemory()/(1024*1024)));  
236. 
     
237.     // warn if low memory  
238.     if (num==1) {  
239.       p.println("Memory is low. Consider increasing memory.");  
240.       num=2;
241.     }  
242. 
     
243.     return num;
244.   }  
245. 
     
246.   // strip extension from filename  
247.   String noExt(String name) {  
248.     int last=name.lastIndexOf(".");  
249.     if (last>0)  
250.       return name.substring(0, last);  
251. 
     
252.     return name;
253.   }
254. }  
255. 
     
256. 
     
257. public void folderSelected(File selection) {
258.   if (selection == null) {
259.     println("Window was closed or the user hit cancel.");
260.     location = "";
261.   } 
262.   else {
263.     location = selection.getAbsolutePath();
264.     println(location);
265.     letsSaveIt = true;
266.   }
267. }   

2. PGraphics pg;
3. 
   
4. void setup () {
5.   size(600, 600);
6.   pg = createGraphics(600, 600);
7. }
8. 
   
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. }
17. 
    
18. void keyReleased() {
19.   selectFolder("Select a folder to process:", "folderSelected");
20. }
21. 
    
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. }

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.

i've been looking in the forum for thread related with this and i found it. but none of the responses were able to help me.
i would like to export a .svg file by using the geomerative library but the example i've found, i guess is made for an older version of processing.
what should i change in this code in way to get it working on processing 2.0?

2. 
   
3. import processing.xml.*;
4. import processing.opengl.*;
5. import geomerative.*;
6. 
   
7. size(800, 600, P2D);
8. smooth();
9. 
   
10. // VERY IMPORTANT: Allways initialize the library before using it
11. RG.init(this);
12. 
    
13. /*
14. RSVG svg = new RSVG();
15. RGroup grp = svg.toGroup("tiger.svg");
16. String strSvg = svg.fromGroup(grp);
17. String[] lstStr = split(strSvg, "\n");
18. saveStrings("test.svg", lstStr);
19. */
20. 
    
21. RShape grp = RG.loadShape("Lion.svg");
22. RG.saveShape("test.svg", grp);
23. 
    
24. exit();

thanks in advance

Can you give me some tips about it? which approach should be the best to get this result?

2. int destX, destY, h, point_x, point_y;
3. 
   
4. 
   
5. void setup(){
6.   
7.   size (200,200);
8.   
9.   destX = width/2;
10.   destY = height/2;
11.   
12.   h = height - destY;
13.   point_x = destX - h;
14.   point_y = height;
15.   
16.   frameRate(20);
17.   
18. }
19. 
    
20. void draw (){
21.   fill(0);
22.   
23.   for (int x=width/2; x<width; x=x+7){
24.     ellipse(x, height/2, 4,4);
25.   }
26.  
27.   ellipse(point_x, point_y, 4,4);
28.   point_x++;
29.   point_y--;
30. 
    
31. }

Hi there!

I'm making a small school project where I'm suposed to create some visual feedback to a wisthle input.

What the sketch does until now is create a few 'branches' (I think I can call them this way...) according with the volume of the whistle.

What I want to do now is turn each of these branches an independent 'object'. I want all of them to have a small float movement. I don't know if I made myself clear, sorry...

So, my questions are: What it's the best way to do it? Do I need to create an array or something?

Thank you all!

Here's my code:

[Key pressed = Cleans background]

2. import ddf.minim.*;
3. 
   
4. Minim minim;
5. AudioInput in;
6. 
   
7. int positionX = 350;
8. int positionY = 150;
9. 
   
10. int soundVol = 0; 
11. 
    
12. int velocityX;
13. int velocityY;
14. 
    
15. void setup() {
16.   size (700, 300);
17.   background(0);
18.   smooth();
19.   frameRate(30);
20. 
    
21.   minim = new Minim(this);
22.   minim.debugOn();
23. 
    
24.   in = minim.getLineIn(Minim.MONO, 512);
25. }
26. 
    
27. void draw() {
28.   //backColor();
29.   dateTime();
30. 
    
31.   for (int i = 0; i < in.bufferSize() - 1; i++)
32.   {
33. 
    
34. 
    
35.     soundVol = int(in.right.get(i)*50) + int(in.left.get(i+1)*50);
36.   }
37. 
    
38.   soundVol = constrain(soundVol, 0, 100);
39. 
    
40.   velocityX = soundVol;
41.   velocityY = soundVol;
42. 
    
43.   positionX = width/2;
44.   positionY = height/2;
45. 
    
46.   positionX = positionX + velocityX;
47.   positionY = positionY + velocityY;
48. 
    
49.   if (soundVol > 1) {
50.     
51.     positionX = positionX + (int (random(soundVol*-2, soundVol*2)));
52.     positionY = positionY + (int (random(soundVol*-2, soundVol*2)));
53.     
54.   }
55. 
    
56.   println(soundVol);
57. 
    
58.   fill(255);
59.   ellipse (positionX, positionY, 5, 5);
60.   stroke(255);
61.   line(width/2, height/2, positionX, positionY);
62. 
    
63.   if (keyPressed == true) {
64.     background(0);
65.   }
66. }
67. 
    
68. void stop()
69. {
70.   in.close();
71.   minim.stop();
72. 
    
73.   super.stop();
74. }
75. 
    
76. void dateTime () {
77.   fill(100);
78.   rect(15, 260, 75, 35);
79.   fill(255);
80.   PFont font;
81.   font = loadFont("Helvetica-Light-48.vlw");
82.   textFont(font, 12);
83.   text (year()+" /"+month()+" /"+day(), 20, 275);
84.   text (hour()+" : "+minute()+" : "+second(), 20, 290);
85. }