Processing Forum

Encoding video in Processing

[0 Replies]
- 01-Oct-2013 09:03 PM
- Forum: General Discussion
I've been looking around and I've found some libraries for encoding video within a running Processing app, but I'm pretty confused about what's available and what's out of date. I've found GSVideo, the Video library, and other libraries. What I need is a library that can encode video from an ArrayList of PGraphics and a sound file. Is there a good solution for this available? I am not interested in realtime capture. I know there are applications outside of Processing that can do this, but I'm hoping to find something that I can use within Processing. Any input?

Animated PNGs (or APNGs)

[3 Replies]
- 27-Sep-2013 03:21 PM
- Forum: General Discussion
Anyone have any info or know of any libraries that deal with animated PNGs? I'm currently working with GIFs and the gifAnimation library to import animated gifs and put the frames in a PImage array. I'd like to do the same with APNGs. Anyone?

PGraphics.Blend problem with image slowly getting darker

[5 Replies]
- 28-Aug-2013 08:51 PM
- Forum: Programming Questions
I've been playing around with creating a drawing/painting program. So far I've received a lot of good help and have had some luck. I've run into one problem that has me stumped. It might be a limitation of PGraphics or Blend, a bug, or I'm just doing it wrong.

Basically, I am drawing onto a PGraphics (tempCanvas), and based on the value of a boolean (the "B" key) the tempCanvas will copy itself in front of the main PGraphics (canvas) or behind it. This is done when the mouse key is released. This, in effect, allows you to paint on top of the canvas or from behind. All of this works as intended, except when painting "behind", each time the mouse is released all of the color values in the PGraphics get one increment darker. If you click 20 or 30 times you can really start to see the effect on white.

The right mouse button paints black (almost black) and the left mouse button paints white. "B" or "b" toggles the paintBehind boolean. I am seeing the problem in line 87 below. This code is part of a larger program I've been working on and I threw this together to illustrate it. I saw in the refernce material that maybe blendMode() is preferable to blend, but I'm unsure if that is the case here. I'm also wondering if P2D would be better, but I am unhappy with the appearance of that renderer for what I'm doing.

Here is my code:
1. boolean paintBehind = false;
2. PGraphics tempCanvas, canvas, backgroundGrid;
3. int cellWidth, cellHeight, xOffset, yOffset;
4. color penColor;
5. void setup() {
6. size(700, 500);
7. cellWidth = 600;
8. cellHeight = 400;
9. xOffset = 50;
10. yOffset = 50;
11. tempCanvas = createGraphics(cellWidth, cellHeight);
12. tempCanvas.beginDraw();
13. tempCanvas.smooth();
14. tempCanvas.endDraw();
15. canvas = createGraphics(cellWidth, cellHeight);
16. canvas.beginDraw();
17. canvas.smooth();
18. canvas.endDraw();
19. generateBackgroundGrid();
20. }
21. void draw() {
22. background(#72D68F);
23. image(backgroundGrid, xOffset, yOffset);
24. noFill();
25. stroke(0);
26. strokeWeight(1);
27. rect(xOffset, yOffset, cellWidth, cellHeight);
28. if (paintBehind) {
29. image(tempCanvas, xOffset, yOffset);
30. }
31. image(canvas, xOffset, yOffset);
32. if (!paintBehind) {
33. image(tempCanvas, xOffset, yOffset);
34. }
35. noStroke();
36. }
37. void generateBackgroundGrid() {
38. backgroundGrid = createGraphics(cellWidth, cellHeight);
39. backgroundGrid.beginDraw();
40. backgroundGrid.background(128);
41. backgroundGrid.noStroke();
42. backgroundGrid.fill(64);
43. for (int i = 0; i < cellWidth/20; i++) {
44. for (int j = 0; j < cellHeight/20; j++) {
45. if ((i+j)%2==0) {
46. backgroundGrid.rect(20*i, 20*j, 20, 20);
47. }
48. }
49. }
50. backgroundGrid.get();
51. backgroundGrid.endDraw();
52. }
53. void mouseDragged() {
54. if (mouseButton==LEFT) {
55. penColor = 255;
56. drawFunction();
57. }
58. if (mouseButton==RIGHT) {
59. penColor = 10;
60. drawFunction();
61. }
62. }
63. void mousePressed() {
64. if (mouseButton==LEFT) {
65. penColor = 255;
66. drawFunction();
67. }
68. if (mouseButton==RIGHT) {
69. penColor = 10;
70. drawFunction();
71. }
72. }
73. void mouseReleased() {
74. paintBehindFunction();
75. }
76. void drawFunction() {
77. tempCanvas.beginDraw();
78. tempCanvas.smooth();
79. tempCanvas.stroke(penColor);
80. tempCanvas.strokeWeight(30);
81. tempCanvas.line((pmouseX-xOffset), (pmouseY-yOffset), (mouseX-xOffset), (mouseY-yOffset));
82. tempCanvas.endDraw();
83. }
84. void paintBehindFunction() {
85. if (paintBehind) {
86. tempCanvas.beginDraw();
87. tempCanvas.blend(canvas, 0, 0, cellWidth, cellHeight, 0, 0, cellWidth, cellHeight, BLEND);
88. tempCanvas.endDraw();
89. canvas.beginDraw();
90. canvas.copy(tempCanvas, 0, 0, cellWidth, cellHeight, 0, 0, cellWidth, cellHeight);
91. canvas.endDraw();
92. }
93. if (!paintBehind) {
94. canvas.beginDraw();
95. canvas.image(tempCanvas, 0, 0);
96. canvas.endDraw();
97. }
98. tempCanvas = createGraphics(cellWidth, cellHeight);
99. tempCanvas.beginDraw();
100. tempCanvas.endDraw();
101. }
102. void keyPressed() {
103. switch (key) {
104. case ('b'):
105. case ('B'):
106. if (paintBehind) {
107. paintBehind = false;
108. println("###### Paint to front ######");
109. }
110. else {
111. if (!paintBehind) {
112. paintBehind = true;
113. println("###### Paint from behind ######");
114. }
115. }
116. break;
117. default:
118. }
119. }

Save/Load an ArrayList file of PGraphics To/From a text file

[4 Replies]
- 09-Aug-2013 02:51 PM
- Forum: Programming Questions
I'm hoping for a little direction on something. In a sketch I create an ArrayList of PGraphics, starting with just one image. The image can be drawn on with the mouse. Using the right arrow key you can create a new PGraphics and draw on that as well. The right and left keys serve to flip between the PGraphics. I would like to create a function to save all of the PGraphics to a file and another function to load them again.

I've been looking around for info on this and have some ideas, but nothing has been obvious enough for me to understand. Any help would be appreciated. Here is the simplified code of what I am working on:
1. int currentPage = 1;
2. ArrayList<PGraphics> pageCollection = new ArrayList<PGraphics>();
4. void setup(){
5. size(400,400);
6. background(255);
7. pageCollection.add(createGraphics(300,300));
8. pageCollection.get(0).beginDraw();
9. pageCollection.get(0).background(200);
10. pageCollection.get(0).endDraw();
11. }
13. void draw(){
14. frame.setTitle("Page " + currentPage + " of " + pageCollection.size());
15. background(255);
16. image(pageCollection.get(currentPage-1),50,50);
17. g.removeCache(pageCollection.get(currentPage-1)); //memory leak prevention
18. }
20. void mouseDragged() {
21. makeMark();
22. }
24. void makeMark() {
25. pageCollection.get(currentPage-1).beginDraw();
26. pageCollection.get(currentPage-1).smooth();
27. pageCollection.get(currentPage-1).stroke(0);
28. pageCollection.get(currentPage-1).line(pmouseX-50,pmouseY-50,mouseX-50,mouseY-50);
29. pageCollection.get(currentPage-1).endDraw();
30. }
32. void keyPressed() {
33. switch (keyCode) {
34. case LEFT: //scroll left through pages
35. println("###### Go Back One Page ######");
36. if (currentPage == 1){
37. currentPage = 1;
38. }else {
39. currentPage -=1;
40. }
41. break;
42. case RIGHT: //scroll right through pages
43. println("###### Go Forward or Add One Page ######");
44. if (currentPage < 300) {
45. if (currentPage == pageCollection.size()){
46. newPage();
47. }else {
48. currentPage +=1;
49. }
50. }
51. break;
52. case UP: // save the ArrayList to file
53. println("###### Save All Pages ######");
54. // call save function
55. savePages();
56. break;
57. case DOWN: // clear the current ArrayList and load a file into ArrayList
58. println("###### Load Pages ######");
59. loadPages();
60. break;
61. default:
62. println("###### keyCode error ######");
63. }
64. }
66. void newPage() {
67. pageCollection.add(createGraphics(300,300));
68. pageCollection.get(currentPage).beginDraw();
69. pageCollection.get(currentPage).background(200);
70. pageCollection.get(currentPage).smooth();
71. pageCollection.get(currentPage).stroke(0);
72. pageCollection.get(currentPage).endDraw();
73. currentPage +=1;
74. }
75. void savePages() {
76. // code for saving pages to a text file
77. }
79. void loadPages() {
80. // code for clearing the current ArrayList and loading the ArrayList from a text file
81. }

Transparent background to view desktop?

[8 Replies]
- 06-Aug-2013 10:03 PM
- Forum: General Discussion
Just wondering if it is possible to make a rectangular portion of a sketch background transparent in order to see the desktop? Can that be done dynamically?

alternative to breakShape();?

[2 Replies]
- 04-Aug-2013 02:02 PM
- Forum: Contributed Library Questions
I'm working on a sketch that traces a PImage using the diewald_CV_kit library and blob detection. So far I have it tracing my image just fine,even with nested multiple contours. I am running into a problem with the fill() function. The outer trace fills, but any inner contours are covered by the fill. The inner contours should become a window of transparency on the fill of the outer contour. Something like the breakShape() function provides, but it appears unavailable in 2.0. I am using code from the extract_letters in the diewald_CV_kit library. It does recognize outer and inner contours and colors them accordingly, so I'm hoping this won't be too difficult.

I really don't care about seeing the traces in the sketch. The PImages in the sketch will be a posterized grayscale images with 6 levels from black to white. A separate blob detector will be had for each color ( 4 grays, 1 black, and 1 white).

I will eventually work on exporting the traces as SVGs, so maybe there might be some functionality for that in the SVG library, I'm not sure. I really only care about the SVGs being output correctly.

Any thoughts or ideas on this? You can see the example of extract_letters here: http://www.openprocessing.org/sketch/35858

Code to generate a checkerboard pattern?

[7 Replies]
- 02-Aug-2013 04:53 PM
- Forum: General Discussion
I was wondering if anyone might be able to help me out with a snippet of code? I'm looking to generate a checkerboard pattern in a PGraphics image. The pattern you see in imaging programs to depict an area with full transparency, i.e.- a fine checkerboard of light and dark gray squares. The image size I'm working with is 640*360. Thank you.

Flip-Book Animation Drawing program

[12 Replies]
- 18-Jul-2013 05:45 PM
- Forum: Programming Questions
I am new to Processing, but have programmed in VB, some WPF, and LabView.

I am interested in starting on a flip-book animation program, in which you draw sequential images and can play it back as an animation. It would be nice to save it as a single file for loading, but saving it as a sequence of images (png with alpha) would be just fine. I would want to do that anyway for rendering a video file in post processing. I don't care about layers (yet) or sound. Being able to see a ghost of the previously drawn image would be good (onion skin).

Anyway, I'm looking to program something like this and then add features as it goes. Anyone ever worked on anything like this, seen examples or tutorials, or know a bit of code to get me started? Not looking for the solution, just a bump in the right direction as far as Processing code. I'm looking for a simple base to start with. I've found examples of drawing with a mouse and I will probably start there. I looked through the forums and didn't see anything along this line.

I'm also looking to integrate my Wacom tablet, but that's a side point.

Any help would be appreciated. Thanks.

Activity Trend