Processing Forum

Screen name:
ecluley

ecluley's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

FPS Drop when drawing large amount of shapes

[4 Replies]
- 28-Feb-2011 04:19 PM
- Forum: Programming Questions
I am using processing to draw terrain for a simple game. It is a hexagonal grid and I have got it to draw 2d hexagons correctly and then I setup a camera in 3d space. I am using OpenGl.

The grid draws with 30 fps quite nicely at 50 x 50 hexagons but when i up this to 100x100 it slows down greatly, to about 15-20fps.

I assume this is because I am drawing many more hexagons but some of them appear off screen.

Is there a way to calculate which hexagons will be on the screen, draw these, and those that are not going to be onscreen, it skips over?

Also, will backface cullling have any effect towards improving performance?
2. import processing.core.*;
3. import processing.opengl.*;
5. public class Test extends PApplet {
7. Hexagon gametile;
8. float xTrans;
9. float yTrans;
10. float mouseWheel;
11. float cameraHeight;
12. float cameraEyeX;
13. float cameraEyeY;
14. float mouseXOffset;
15. float mouseYOffset;
16. static final float MIN_CAMERA_HEIGHT = 70;
17. static final float MAX_CAMERA_HEIGHT = 800;
18. static final float MIN_X_BOUND = 30;
19. static final float MAX_X_BOUND = 570;
20. static final float MIN_Y_BOUND = 30;
21. static final float MAX_Y_BOUND = 570;
22. PFont font;
24. public void setup(){
25. size(600,600, OPENGL);
26. background(0);
27. frameRate(30);
28. //smooth();
29. font = createFont("Arial Bold",48);
30. cameraEyeX = mouseX;
31. cameraEyeY = mouseY;
32. mouseXOffset =0;
33. mouseYOffset=0;
35. //START: MATH FOR CALCULATING THE TESSELATION OF THE HEXAGONS
36. final int SIDELENGTH =10;
37. xTrans = (float) (SIDELENGTH * Math.sin(Math.toRadians(30)))+SIDELENGTH;
38. yTrans = (float) (SIDELENGTH * Math.cos(Math.toRadians(30)));
39. //END: MATH FOR CALCULATING THE TESSELATION OF THE HEXAGONS
41. cameraHeight = 120;
42. gametile = new Hexagon(this, 10, 10, SIDELENGTH);
43. setupScrollWheel();
44. }
46. private void setupScrollWheel() {
47. addMouseWheelListener(new java.awt.event.MouseWheelListener() {
48. public void mouseWheelMoved(java.awt.event.MouseWheelEvent evt) {
49. mouseWheelZoom(evt.getWheelRotation());
50. }
51. });
52. }
56. public void draw(){
57. background(0);
58. //FPS BEGIN
59. textFont(font,36);
60. text(frameRate,0,-50);
61. //FPS END
62. int rows = 140;
63. int cols = 140;
64. moveCamera();
65. fill(255);
66. for(int j=1; j<= rows;j++){
67. int flip = 1;
68. for(int i=1; i<= cols; i++){
70. gametile.drawTranslatedHex();
71. translate(xTrans,flip*yTrans);
72. if(flip == 1){
73. flip =-1;
74. }else{
75. flip =1;
76. }
78. }
79. if(cols%2 > 0){
80. translate(-(cols)* xTrans, yTrans);
81. }else{
82. translate(-(cols)* xTrans, 2*yTrans);
83. }
84. }
86. // gray int frameRate display:
87. //fill(200);
88. // text(int(frameRate),20,60);
89. //box(0,0,0);
90. }
92. private void moveCamera()
93. {
94. checkMousePosition();
95. camera((float)cameraEyeX, (float)cameraEyeY, (float)cameraHeight, (float)cameraEyeX, (float)cameraEyeY-150, (float)0.0, (float)0.0, (float)0.0, (float)-1.0);
96. }
98. private void mouseWheelZoom(int rotation) {
99. float ZOOM_SPEED = 1/(25/cameraHeight);
100. mouseWheel = rotation;
101. float newCameraHeight=cameraHeight + (mouseWheel*ZOOM_SPEED);
102. if(newCameraHeight>MIN_CAMERA_HEIGHT && newCameraHeight<MAX_CAMERA_HEIGHT){
103. cameraHeight = newCameraHeight;
104. }
105. mouseWheel = 0;
106. }
108. private void checkMousePosition()
109. {
110. if(mouseX > MAX_X_BOUND){
111. //System.out.println("mouse outside MaxXBound");
112. mouseXOffset+=10;
113. }else if(mouseX < MIN_X_BOUND){
114. //System.out.println("mouse outside MinXBound");
115. mouseXOffset-=10;
116. }
117. cameraEyeX = mouseX + mouseXOffset;
118. if(mouseY > MAX_Y_BOUND){
119. mouseYOffset+=10;
120. }else if(mouseY < MIN_Y_BOUND){
121. mouseYOffset-=10;
122. }
123. cameraEyeY = mouseY + mouseYOffset;
124. }
126. public static void main(String arg[]) {
127. new Test();
128. }
129. }
3. /**
4. * Hexagon class by Grant Muller
5. * from
6. * http://grantmuller.com/drawing-a-hexagon-in-processing-java/
7. */
8. import processing.core.PApplet;
9. import processing.core.PGraphics;
11. class Hexagon {
13. protected PApplet parent;
14. protected PGraphics buffer;
15. protected float a;
16. protected float b;
17. protected float c;
18. private int startX;
19. private int startY;
21. public Hexagon(Object p, int newStartX, int newStartY, int sideLength){
22. if (p instanceof PGraphics)
23. buffer = (PGraphics) p;
25. if (p instanceof PApplet)
26. parent = (PApplet) p;
28. setStartX(newStartX);
29. setStartY(newStartY);
30. c = sideLength;
31. a = c/2;
32. b = parent.sin(parent.radians(60))*c;
33. }
35. public void drawTranslatedHex(){
37. parent.pushMatrix();
38. parent.translate(getStartX(), getStartY());
39. //draw hex shape
40. drawHex();
41. parent.popMatrix();
42. }
44. public void drawHex(){
45. //draw hex shape
46. //parent.fill(200,20,20);
47. //parent.strokeWeight(5);
48. parent.beginShape();
49. parent.vertex(0,b);
50. parent.vertex(a,0);
51. parent.vertex(a+c,0);
52. parent.vertex(2*c,b);
53. parent.vertex(a+c,2*b);
54. parent.vertex(a+c,2*b);
55. parent.vertex(a,2*b);
56. parent.vertex(0,b);
57. parent.endShape();
58. }
60. public void setStartX(int startX) {
61. this.startX = startX;
62. }
64. public int getStartX() {
65. return startX;
66. }
68. public void setStartY(int startY) {
69. this.startY = startY;
70. }
72. public int getStartY() {
73. return startY;
74. }
75. }

«Prev
Next »