I am making generated booklet, a little book. Book is designed as spreads (two pages together) i then intend to print it as saddle stitch. So what i need is to cut all the pages of PDF in halfs to have pages for printer.

So my initial idea was to generate the graphics into PGraphics frame buffer and then draw it into pdf.

Problem is when i split pages this way, i get very bad quality PDF. I asume its because PGraphics probably converts it somehow from vectors to pixels.

I am lost i cant find any other solution. Maybe ist because of my bad use of beginDraw(); (can it be oppened when i use image()?) or its not possible at all?

2. import processing.pdf.*;
3. 
   
4. PGraphicsPDF pdf;
5. PGraphics buf;
6. 
   
7. void setup() {
8.   buf = createGraphics(600, 500);
9.   pdf = (PGraphicsPDF) createGraphics( 300, 500, PDF, "spreads.pdf");
10.   size(300, 300);
11.   background(255);
12. }
13. 
    
14. void draw() {
15. }
16. void keyPressed() {
17.   pdf.stroke(10);
18.   pdf.fill(10);
19.   pdf.beginDraw();
20.   buf.beginDraw();
21.   buf.background(255);
22.   gen01(buf);
23.   buf.endDraw();
24.   pdf.image(buf, 0, 0);
25.   pdf.nextPage();
26.   pdf.image(buf, -pdf.width, 0);
27.   pdf.nextPage();
28.   gen01(pdf);
29.   pdf.dispose();
30.   pdf.endDraw();
31. }
32. 
    
33. void gen01(PGraphics gen) {
34. 
    
35.   int xde = int(gen.width/50);
36.   int yde = int(gen.height/50);
37. 
    
38.   gen.stroke(100);
39.   gen.fill(100);
40.   gen.strokeWeight(0.3);
41.   for ( int x=0; x < gen.width; x = x + xde) {
42.     for ( int y=0; y < gen.height; y = y+ yde) {
43.       gen.stroke(0, 50);
44.       gen.line(x, y, gen.width/2, gen.height/2);
45.     }
46.   }
47. }

I am opened to any other solution, i just dont know what to doo and i actualy desperately need resolve it.

Thank you for any response. I am getting realy desperate.

Please does anyone know solution to this?

Thanks 

I am making visual style for design conference. W.I.P. web can be found here  http://hranice.alternatif.cz/

I am using jquery, typekit and processing.js. quite lot of things together. 

What i found is that although lots of browsers support canvas, only the new firefox and chrom display my sketch. Problem is browsers like safari and IE9 think that can display it but they dont so canvas fallback (what you put between <canvas></canvas>) doesnt work.

Partialy i believe its because i use 3D in my sketch which means i need to use WebGl. Maybe its only because of that ( ill have to try how 2d proccesing wokrs on differend browsers).

My first thoughts for solution was to use javascript and find browsers that dont support webgl then give them just static image of my sketch. But then ive found that there are not many browsers that can use WebGl (as far as i know only updated versions of chrome and firefox). So better solution will probably be otherway around, show images everewhere but if browser supports webgl show processing sketch.

Anyway, i want ask if somebody has some experience with webgl detection. What is best solution to this (not only webgl but fallback options for processing on web)? I am not very good javascript programer (i stick to jquery :D). I would realy appreciate some thoughts. 

Thank you Kris.

When i make shapes and then export them to pdf, they are not connected. In illustrator they seem to be just many lines and i need them to be connected.

In my program i generate z-cordinate values for my vertexes. And then make series of vertical lines which differ only in  their z coordinate. I thought that when i put my loop (i dont know i can do that) between beginShape(); endShape(); that shape should be connected. But its not.

I believe the problem is in the fact that i make pdf from 3D.

Code is crazy im not great programmer sorry for that. 

2. import processing.pdf.*;
3. import processing.opengl.*;
4. 
   
5. 
   
6. int  d=50; // horizontal space between vertexes
7. float[][] val ;
8. float xSize,ySize,xxSize,yySize ;
9. float increment = 0.05; // affecting noisemap size
10. float zoff = 0.0;  
11. float zincrement = 0.005; // affecting noisemap size
12. boolean record;
13. float noize = 0.6;
14. float rozmezi = 25; // vertical space between lines
15. 
    
16. void setup(){
17.   size(1220, 780, OPENGL);
18.  xSize = 30; // number of horizontal points
19.   ySize = 15; // number of vertical line 
20.  xxSize = xSize;
21.   yySize = ySize;
22.    val = new float[int(xSize)][int(ySize)];   
23. }
24. 
    
25. void draw(){
26.     if (record) {
27.     beginRaw(PDF, "output.pdf");
28.   }
29.   
30.  background(255);
31.   noStroke();
32.   translate(100,70, -1200);
33.   noiseSeed(1);
34.   float xoff = 0.0; // Start xoff at 0
35.   noiseDetail(30, noize);
36. 
    
37.  // For every x,y coordinate in a 2D space, calculate a noise value and produce a brightness value
38.     for (int x = 0; x <  xxSize; x++) {
39.     xoff += increment;   // Increment xoff 
40.     float yoff = 0.0;   // For every xoff, start yoff at 0
41.     
42.       for (int y = 0; y < yySize; y++) {
43.       yoff += increment; // Increment yoff
44.       float z = noise(xoff,yoff,zoff)*900;
45.       val[x][y] = z;
46.     }
47.   }
48.   
49.   
50. stroke(0);
51. noFill();
52. 
    
53. //this is where i have a problem
54.  for(int y=0; y<ySize-1; y = y + 1){
55.       beginShape();
56.       for (int x=0; x<xSize-1; x = x + 1){
57.       vertex(x*d, y*rozmezi, val[x][y]);
58.     }
59.       endShape();
60.  }
61.    zoff += zincrement; // Increment zoff
62. 
    
63. 
    
64. if (record) { 
65.     endRaw();
66.     record = false;
67.   }
68.   
69. }
70. 
    
71. 
    
72. //controls
73. void keyPressed() {
74. if (key == CODED) {
75.     if (keyCode == UP) {
76.       noize = noize + 0.02;
77.     } else if (keyCode == DOWN) {
78.       noize = noize - 0.02;
79.     } 
80.     else if (keyCode == LEFT) {
81.       camera(mouseX*1.5, mouseY*2.5, (height/2.0) / tan(PI*60.0 / 360.0), 
82.          width/2.0, height/2.0, 0, // centerX, centerY, centerZ
83.          0.0, 1.0, 0.0); // upX, upY, upZ
84.   rotateX(70); 
85.     } 
86.   else if (keyCode == RIGHT) {
87.      record = true;
88.     } 
89.   }
90.  }

Like i said everything wokrs for me but i cant to find a way how to export merged lines and not many disconnected point to point lines.

I cannot find any souliton, could somebody help me please? :) Thanks