Processing Forum

whats the most efficient way to load big amount of photos?

[1 Reply]
- 17-Nov-2012 07:44 AM
- Forum: Programming Questions
Hello,

i'm creating some presentation program and it simply "lag's" (freezes) because of the photos.

1. What's the most efficient way of loading photos during draw() (is it requestImage()) ?
2. How to delete loaded image from RAM (is it enough/good to do img=null) ?
3. Should i run photos on separate thread(is it good/worth) ?

If you are interested in exact code:

The main sketch "Prezentatorius"
1. //Gui variables
2. Button[ ] buttons = new Button[ 5 ];
3. Handle handle = new Handle( 113, 300, 240, 15 );
4. color buttonColor, buttonOver, buttonPressed;
5. color textColor, textOver, mainBackground;
6. color previewBackground, versionTextColor;
7. //GUI, here you can change the color scheme ;)
8. int R = 255;
9. int G = 213;
10. int B = 0;
11. int softwareVersionTextSize = 20;
12. String softwareVersion = "prezentatorius 2.0";
13. Slider slider;
14. void setup( )
15. {
16. size( 580, 320 );
17. //the gui
18. colorScheme( R, G, B );
19. buttons[ 0 ] = new Button( 15, 58, 80, 30, "BROWSE", false );
20. buttons[ 1 ] = new Button( 15, 103, 80, 30, "LIVE SHOW", true );
21. buttons[ 2 ] = new Button( 15, 148, 80, 30, "EXPORT", true );
22. buttons[ 3 ] = new Button( 15, height - 45, 80, 30, "OPTIONS", false );
23. buttons[ 4 ] = new Button( 480, 18, 80, 30, "CLOSE", true );
24. slider = new Slider(128, 60, 430, 240, sketchPath(""), false, 2000);
25. smooth( );
26. }
27. void draw( )
28. {
29. background( mainBackground );
30. //the gui
31. noStroke();
32. fill( previewBackground );
33. rect( 126, 58, 434, 244 );
34. fill( 255 );
35. //rect( 128, 60, 430, 240 );
36. slider.display();
37. fill( versionTextColor );
38. textSize( softwareVersionTextSize );
39. text( softwareVersion, ( 128 + 430 ) -
40. ( textWidth( softwareVersion ) / 2 ),
41. ( 60 + 240 ) - 2 );
42. for( int i = 0; i < buttons . length; i++ )
43. {
44. buttons[ i ] . display( );
45. }
46. handle.display();
47. }
48. void mouseReleased( )
49. {
50. if( buttons[ 0 ] . released( ) )
51. {
52. //browsePopup( );
53. }
54. if( buttons[ 1 ] . released( ) )
55. {
56. //liveShow( );
57. }
58. if( buttons[ 2 ] . released( ) )
59. {
60. //export( );
61. }
62. if( buttons[ 3 ] . released( ) )
63. {
64. //options( );
65. }
66. if( buttons[ 4 ] . released( ) )
67. {
68. exit( );
69. }
70. }
Button class sketch
1. class Button
2. {
3. int locationX;
4. int locationY;
5. int sizeWidth;
6. int sizeHeight;
7. String textOfButton;
8. boolean over = false;
9. boolean state = true;
10. Button( int tempX, int tempY, int tempW, int tempH,
11. String tempT, boolean tempS )
12. {
13. locationX = tempX;
14. locationY = tempY;
15. sizeWidth = tempW;
16. sizeHeight = tempH;
17. textOfButton = tempT;
18. state = tempS;
19. }
21. boolean released( )
22. {
23. if( state )
24. {
25. if( over )
26. {
27. return true;
28. }
29. else
30. {
31. return false;
32. }
33. }
34. else
35. {
36. return false;
37. }
38. }
40. void update( )
41. {
42. if( state )
43. {
44. if ( overRect( locationX, locationY, sizeWidth, sizeHeight ) )
45. {
46. over = true;
47. }
48. else
49. {
50. over = false;
51. }
52. }
53. }
54. void display( )
55. {
56. if( state )
57. {
58. update( );
59. float tempX = locationX + ( sizeWidth / 2 );
60. float tempY = locationY + ( sizeHeight / 2 );
61. float sizeOfText = ( sizeHeight / 2 ) - 2;
62. if( over )
63. {
64. fill( buttonOver );
65. stroke( buttonColor );
66. rect( locationX, locationY, sizeWidth, sizeHeight );
67. noStroke();
68. if( mousePressed )
69. {
70. fill( buttonOver );
71. }
72. else
73. {
74. fill( textOver );
75. }
76. translate( tempX, tempY );
77. textSize( sizeOfText-1 );
78. text( textOfButton, 0, ( sizeOfText / 2 ) - 2 );
79. translate( -tempX, -tempY );
80. }
81. else
82. {
83. fill( buttonColor );
84. stroke( buttonOver );
85. rect( locationX, locationY, sizeWidth, sizeHeight );
86. noStroke();
87. fill( buttonPressed );
88. translate( tempX, tempY );
89. textSize( sizeOfText );
90. text( textOfButton, 0, ( sizeOfText / 2 ) - 2 );
91. translate( -tempX, -tempY );
92. }
93. }
94. }
96. }
Functions sketch
1. boolean overRect( int x, int y, int width, int height )
2. {
3. if ( mouseX >= x && mouseX <= x+width &&
4. mouseY >= y && mouseY <= y+height )
5. {
6. return true;
7. }
8. else
9. {
10. return false;
11. }
12. }
13. boolean overCircle( int tmpX, int tmpY, int diameter )
14. {
15. float disX = tmpX - mouseX;
16. float disY = tmpY - mouseY;
17. if( sqrt( sq( disX ) + sq( disY ) ) < diameter )
18. {
19. return true;
20. }
21. else
22. {
23. return false;
24. }
25. }
26. void colorScheme( int R, int G, int B )
27. {
28. R = setValueInRange( R );
29. G = setValueInRange( G );
30. B = setValueInRange( B );
31. int tmpColor = setValueInRange( R / 4 );
32. buttonColor = color( R, setValueInRange( R - ( tmpColor / 2 ) ) , tmpColor );
33. buttonOver = color( R, setValueInRange( G / 2 ), B );
34. buttonPressed = color( setValueInRange( tmpColor * 2 ),
35. setValueInRange( B + 10 ), setValueInRange( tmpColor * 3 ) );
36. textColor = buttonOver;
37. textOver = buttonColor;
38. mainBackground = color( R, G, B );
39. previewBackground = color( buttonOver );
40. versionTextColor = color( R, setValueInRange( R -
41. ( tmpColor / 2 ) ), setValueInRange( tmpColor * 2 ) );
42. }
43. int setValueInRange( float value )
44. {
45. int maxValue = 255;
46. int minValue = 0;
47. if( value > maxValue )
48. {
49. return maxValue;
50. }
51. else
52. {
54. if( value < minValue )
55. {
56. return minValue;
57. }
58. else
59. {
60. return int( value );
61. }
62. }
63. }
64. void browse( )
65. {
67. }
68. PImage changeImageDimensions (PImage ImageForChanges, float newW, float newH)
69. {
70. PImage temp = ImageForChanges ;
71. float ITLw = temp . width, ITLh = temp . height,
72. ratio = min ( newW / ITLw, newH / ITLh ) ;
73. temp . resize ( ( int )( ITLw * ratio ) ,
74. ( int )( ITLh * ratio ) ) ;
75. return temp ;
76. }
77. // Function to get a list ofall files in a directory and all subdirectories
78. ArrayList listFilesRecursive(String dir, String ext) {
79. ArrayList fileList = new ArrayList();
80. recurseDir(fileList,dir, ext);
81. return fileList;
82. }
83. // Recursive function to traverse subdirectories
84. void recurseDir(ArrayList a, String dir, String ext) {
85. File file = new File(dir);
86. if (file.isDirectory()) {
87. // If you want to include directories in the list
88. //a.add(file);
89. File[] subfiles = file.listFiles();
90. for (int i = 0; i < subfiles.length; i++) {
91. // Call this function on all files in this directory
92. recurseDir(a,subfiles[i].getAbsolutePath(), ext);
93. }
94. } else {
95. String str = file.getName();
96. int len = str.length();
97. if(str.substring(len-3, len).equals(ext))
98. {
99. a.add(file.getAbsolutePath());
100. }
101. }
102. }
Handles sketch
1. class Handle
2. {
3. int locationX;
4. int locationY;
5. int handleHeight;
6. int ellipseLocationX;
7. int ellipseLocationY;
8. int ellipseSize;
9. boolean state = false;
11. Handle( int tempX, int tempY,
12. int tempH, int tempS )
13. {
14. locationX = tempX;
15. locationY = tempY;
16. handleHeight = tempH;
17. ellipseSize = tempS;
18. ellipseLocationX = tempX ;
19. ellipseLocationY = tempY - 10;
20. }
22. void update( )
23. {
24. if( overCircle( ellipseLocationX,
25. ellipseLocationY, ellipseSize ) )
26. {
27. state = true;
28. }
29. else
30. {
31. state = false;
32. }
33. }
35. void display( )
36. {
37. update( );
38. textAlign( CENTER );
39. if( state )
40. {
41. if( mousePressed )
42. {
43. if( mouseY > ( locationY -
44. ( ellipseSize/2 ) ) )
45. {
46. ellipseLocationY = locationY
47. - ( ellipseSize/2 );
48. }
49. else
50. {
51. if( mouseY < ( locationY - handleHeight
52. + ( ellipseSize/2 ) ) )
53. {
54. ellipseLocationY = locationY -
55. handleHeight + ( ellipseSize/2 );
56. }
57. else
58. {
59. ellipseLocationY = mouseY;
60. }
61. }
62. fill( buttonPressed );
63. noStroke( );
64. text( ellipseLocationY, ellipseLocationX ,
65. ellipseLocationY - 10 );
66. fill( buttonOver );
67. stroke( buttonColor );
68. }
69. else
70. {
71. fill( textColor );
72. noStroke( );
73. text( ellipseLocationY, ellipseLocationX ,
74. ellipseLocationY - 10 );
75. fill( buttonColor );
76. stroke( buttonOver );
77. }
78. }
79. else
80. {
81. fill( buttonColor );
82. stroke( buttonOver );
83. }
84. ellipse( ellipseLocationX, ellipseLocationY,
85. ellipseSize, ellipseSize );
86. }
87. }
Slide sketch
1. class Slide
2. {
3. PImage img;
4. String path;
5. float slideW;
6. float slideH;
7. float slideX;
8. float slideY;
9. boolean loaded = false;
11. Slide(String p, float w, float h, float sx, float sy)
12. {
13. path = p;
14. slideW = w;
15. slideH = h;
16. slideX = sx;
17. slideY = sy;
18. }
20. void unload()
21. {
22. img = null;
23. }
25. void request()
26. {
27. img = requestImage(path);
28. if ( img . width !=0 )
29. {
30. img = changeImageDimensions(img, slideW, slideH);
31. loaded = true;
32. }
33. }
35. boolean load()
36. {
37. if(loaded)
38. {
39. return true;
40. }
41. else
42. {
43. img = loadImage(path);
44. if ( img . width !=0 )
45. {
46. img = changeImageDimensions(img, slideW, slideH);
47. return true;
48. }
49. }
50. return false;
51. }
53. void rePath(String p)
54. {
55. path = p;
56. }
58. void resizeTo(float w, float h)
59. {
60. slideW = w;
61. slideH = h;
62. }
64. void display()
65. {
66. image(img, slideX, slideY);
67. }
68. }
Slider sketch
1. class Slider
2. {
3. float sliderW;
4. float sliderH;
5. float sliderX;
6. float sliderY;
7. ArrayList paths;
8. boolean state;
9. int counter;
10. int duration;
11. int lastTime;
12. int sequential;
13. int rand;
14. boolean loaded = false;
15. boolean preloaded = false;
16. Slide[] slides;
18. Slider(float sx, float sy, float w, float h, String p, boolean s, int d)
19. {
20. sliderW = w;
21. sliderH = h;
22. sliderX = sx;
23. sliderY = sy;
24. paths = listFilesRecursive(p, "jpg");
25. slides = new Slide[paths.size()];
26. for(int i=0; i<slides.length; i++)
27. {
28. slides[i] = new Slide((String) paths.get(i), sliderW, sliderH, sx, sy);
29. }
30. state = s;
31. duration = d;
32. if(state)
33. {
34. getRand();
35. }
36. }
38. void getRand()
39. {
40. int tmp = (int) random((float) 0, (float)slides.length-1);
41. if(tmp != rand)
42. {
43. rand = tmp;
44. }
45. else
46. {
47. getRand();
48. }
49. }
51. void display()
52. {
53. String path;
54. if (millis() - lastTime >= duration)
55. {
56. if(state)
57. {
58. counter = sequential;
59. sequential++;
60. slides[sequential].request();
61. }
62. else
63. {
64. counter = rand;
65. slides[rand].unload();
66. getRand();
67. slides[rand].request();
68. }
69. lastTime = millis();
70. }
71. if(slides[counter].load())
72. {
73. slides[counter].display();
74. }
75. else
76. {
77. loaded = slides[counter].load();
78. }
79. }
81. void resizeTo(float w, float h)
82. {
83. sliderW = w;
84. sliderH = h;
85. }
87. void reposition(float sx, float sy)
88. {
89. sliderX = sx;
90. sliderY = sy;
91. }
92. }

Processing.js: saveStrings()

[9 Replies]
- 25-Apr-2012 04:41 AM
- Forum: Processing with Other Languages
Hi,

i have ranned into problems with saveStrings(). As documented: http://processingjs.org/reference/saveStrings_/ it does not work. Why it is not written how to use it to write data to server. I understand that it is complicated and it is not easy to do with javaScript, but why then you do not write it in the reference?

Processing.js: KeyPress

[8 Replies]
- 24-Apr-2012 01:09 PM
- Forum: Processing with Other Languages
Hi,

i have some code here:

String typedText = "",
formText[],
newFormData[],
oldFormData[],
DataToFile[] ;
PrintWriter pwOut = null ;
String sOutFileName = "http://alumni.vgtusa.lt/sketches/data/Alumni-Duomenys.csv" ;
PFont font ;
int i = 0, k = 0, ilgis ;
boolean bSucessfulInput = false ;

void setup ( ) {
size ( 800, 60 ) ;
font = createFont ( "Nimbus Sans L", 18 ) ;
formText = loadStrings ( "http://alumni.vgtusa.lt/sketches/data/d.txt" ) ;
oldFormData = loadStrings ( sOutFileName ) ;
newFormData = new String [ 1 ] ;
DataToFile = new String [ oldFormData.length + newFormData.length ] ;
ilgis = formText.length ;
i = 0 ;
newFormData [ 0 ] = "";
}

void draw() {
background(255);
fill(255,0,0);
textFont(font, 50);
if ( bSucessfulInput )
{
text("Jūsų duomenys sėkmingai išsaugoti", 0, 45);
}
else
{
text ( formText[i], 0, 45 ) ;
text ( typedText + ( frameCount/10 % 2 == 0 ? "_" : "" ), textWidth ( formText[i]) + 10, 45 ) ;
}
}

void keyReleased() {
if (key != CODED) {
switch(key) {
case BACKSPACE:
typedText = typedText.substring(0,max(0,typedText.length()-1));
break;
case TAB:
break;
case ENTER:
case RETURN:
typedText += ";" ;
newFormData [ 0 ] += typedText ;
typedText = "";
if ( i < ilgis )
{
i ++ ;
if ( i == ilgis )
{
for ( k = 0 ; k < oldFormData.length ; k ++ )
{
DataToFile [ k ] = oldFormData [ k ] ;
}
DataToFile [ DataToFile.length - 1 ] = newFormData [ 0 ] ;
saveStrings ( sOutFileName, DataToFile ) ;
bSucessfulInput = true ;
i = 0 ;
}
}
break;
case ESC:
case DELETE:
break;
default:
typedText += key;
bSucessfulInput = false ;
}
}
}
And the problem is that is shows on screen keycode. It does not capture the code.. Even if i try example with exact keycodes (as in here: http://processingjs.org/reference/globalKeyEvents/) ir does not work. Although it work in my computer with processing compiler.

What should i do and what is wrong?

My code in the internet: http://alumni.vgtusa.lt/ and when you click (make active) the sketch you can try to write... On backspace it should delete a letter (it works on my computer, but not online), when you press enter - it should change the text before " : ", and when you press any letter it should show it on screen (again, it works on my screen).

Have you any thoughts?

Thank you for your time..

draw does not refresh screen

[4 Replies]
- 11-Mar-2012 12:56 PM
- Forum: Programming Questions
Hello,

i'm new to processing and i have written some code which does not work properly (i want that blue and that green (i do not know how do you call them) to rotate like they have to..):
1. PImage bg, z, m;
  float i=0;
  void setup()
  {
  size(700, 447);
  smooth();
  noStroke();
  fill(255);
  frameRate(30);
  bg = loadImage("gd.png");
  m = loadImage("melynas.png");
  z = loadImage("zalias.png");
  }
  void draw()
  {
  background(bg);
  i = i + 1;
  translate(301, 133);
  rotate(radians(i));
  translate(-m.width/2, -m.height/2);
  image(m, 0, 0);
  resetMatrix();
  translate(192, 256.5);
  rotate(radians(-i));
  translate(-z.width/2, -z.height/2);
  image(z, 0, 0);
  }
And the problem is that my rotating images draw's on themselfs. If i draw a rectangle and set it to this kind of rotation - it rotates on himself and becomes a circle...

A print screen of what i'm talking about:

with noLoop():

And with the code that i have posted:

Activity Trend