Processing Forum

Screen name:
planty182

planty182's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Opaque polygon not rendering correctly

[2 Replies]
- 25-Nov-2012 08:06 AM
- Forum: Programming Questions
WILL NEED PEASYCAM TO VIEW

http://mrfeinberg.com/peasycam/#download

Hi all, I'm new to processing and am noticing some strange behaviour when I set my polygons to be opaque. Some of the sides appear to show the shapes behind them, while some of them do not as I rotate the image around. I was thinking that this may be something to do with the lighting? If so, how can I fix this?

The reason I need individual surfaces is so that I can build a cylinder with any amount of sides. (Even if there is a better way to do this, I'd be interested in knowing the reason why I get the functionality reported here).

When I create a 'segment' shape, I draw each side with a alpha value of 50, and the colour specified in the constructor...

Just to stress this: The undesired functionality here is that the sides of the segment show what's behind them at certain times and not at others.

Here is the code:

V1.pde
2. //import controlP5.*;
3. import peasy.*;
5. //ControlP5 cp5;
6. //CheckBox checkbox;
8. Segment seg1;
10. PeasyCam cam;
12. void setup() {
13. size(400, 400, P3D);
15. stroke(0);
16. color c = color(255.0, 0, 0);
17. int numOfSides = 4;
18. float widthOfSides = 50.0;
19. float heightOfSides = 100;
20. float x_bottom_left = 200.0f;
21. float y_bottom_left = 200.0f;
22. float z_bottom = 0.0f;
23. seg1 = new Segment(c, x_bottom_left, y_bottom_left, z_bottom, 1.0f, numOfSides, widthOfSides, heightOfSides);
26. cam = new PeasyCam(this, x_bottom_left + (widthOfSides/2), y_bottom_left + (heightOfSides/2), z_bottom, 200);
27. cam.setMinimumDistance(50);
28. cam.setMaximumDistance(500);
29. cam.setYawRotationMode();
31. // cp5 = new ControlP5(this);
32. // checkbox = cp5.addCheckBox("checkBox")
33. // .setPosition(300, 000)
34. // .setColorForeground(color(255, 0, 0))
35. // .setColorActive(color(0, 255, 0))
36. // .setColorLabel(color(255))
37. // .setSize(10, 10)
38. // .setItemsPerRow(2)
39. // .setSpacingColumn(30)
40. // .setSpacingRow(20)
41. // .addItem("burgalry", 0)
42. // .addItem("50", 50)
43. // .addItem("100", 100)
44. // .addItem("150", 150)
45. // .addItem("200", 200)
46. // .addItem("255", 255);
47. }
49. void draw() {
51. background(0, 0, 0);
52. float dirY = (mouseY / float(height) - 0.5) * 2;
53. float dirX = (mouseX / float(width) - 0.5) * 2;
54. //directionalLight(204, 204, 204, -dirX, -dirY, -1);
55. //directionalLight(255, 255, 255, -1, -1, 0);
56. //lights();
57. //ambientLight(255, 255, 255);
58. //translate(0, 100, 0);
59. seg1.display();
60. }
62. //void controlEvent(ControlEvent theEvent) {
63. // if (theEvent.isFrom(checkbox)) {
64. // }
65. //}
Segment.pde:
2. class Segment {
4. color c_Color = color(255);
5. float f_bottomLeftX = 0;
6. float f_bottomLeftY = 0;
7. float f_bottomLeftZ = 0;
8. float f_widthOfSides;
9. float f_heightOfSides;
10. float f_scale = 1;
11. int i_numOfSides = 3;
12. float f_radiansBetSides = 0;
13. boolean printed = false;
15. Segment() {
16. }
18. Segment(color c, float x, float y, float z, float scale, int sides, float widthOfSides, float heightOfSides) {
19. c_Color = c;
20. f_bottomLeftX = x;
21. f_bottomLeftY = y;
22. f_bottomLeftZ = z;
23. f_scale = scale;
24. i_numOfSides = sides;
25. f_widthOfSides = widthOfSides;
26. f_heightOfSides = heightOfSides;
28. f_radiansBetSides = radians(360f/((float)i_numOfSides));
29. println("angleBetSides: " + degrees(f_radiansBetSides));
30. }
32. float getX() {
33. return f_bottomLeftX;
34. }
35. void setX(float x) {
36. f_bottomLeftX = x;
37. }
39. float getY() {
40. return f_bottomLeftY;
41. }
42. void setY(float y) {
43. f_bottomLeftY = y;
44. }
46. float getZ() {
47. return f_bottomLeftZ;
48. }
49. void setZ(float z) {
50. f_bottomLeftZ = z;
51. }
53. float getScale() {
54. return f_scale;
55. }
56. void setScale(float scale) {
57. f_scale = scale;
58. }
61. void display() {
62. fill(c_Color, 50);
63. pushMatrix();
64. //spinSegment();
65. for (int i=0; i < i_numOfSides; i++) {
67. translate(getXDispplacement(), getYDispplacement(), getZDisplacement());
68. rotateY(f_radiansBetSides);
69. translate(-getXDispplacement(), -getYDispplacement(), -getZDisplacement());
70. side(f_bottomLeftX, f_bottomLeftX, scaleSize(f_bottomLeftX, true), scaleSize(f_bottomLeftX, true), f_bottomLeftY, scaleSize(f_bottomLeftY, false), scaleSize(f_bottomLeftY, false), f_bottomLeftY, f_bottomLeftZ, f_bottomLeftZ, f_bottomLeftZ, f_bottomLeftZ);
71. }
72. popMatrix();
73. }
75. float getXDispplacement(){
76. return (f_bottomLeftX + (f_widthOfSides/2));
77. }
79. float getYDispplacement(){
80. return (f_bottomLeftY + (f_heightOfSides/2));
81. }
83. float getZDisplacement() {
84. float halfBottom = f_widthOfSides/2;
85. //float side = halfBottom / sin(f_radiansBetSides/2);
87. //float zDisp = sqrt((side*side) + (halfBottom * halfBottom));
89. float zDisp = halfBottom / tan(f_radiansBetSides/2);
90. // if (!printed) {
91. //println("side: " + side);
92. // println("zDisp: " + zDisp);
93. // printed = true;
94. // }
95. return zDisp;
96. }
98. float scaleSize(float defaultPos, boolean isX) {
99. float retPos = 0f;
100. if (isX) {
101. retPos = (defaultPos + f_widthOfSides) * f_scale;
102. }
103. else {
104. retPos = (defaultPos + f_heightOfSides) * f_scale;
105. }
107. return retPos;
108. }
110. void side(float x1, float x2, float x3, float x4, float y1, float y2, float y3, float y4, float z1, float z2, float z3, float z4) {
111. beginShape();
112. vertex(x1, y1, z1);
113. vertex(x2, y2, z2);
114. vertex(x3, y3, z3);
115. vertex(x4, y4, z4);
116. endShape();
117. }
119. void spinSegment() {
120. //pushMatrix();
121. translate(getXDispplacement(), getYDispplacement(), getZDisplacement());
122. //translate(200, 200);
123. rotateX(-PI/6);
124. rotateY(radians(frameCount));
125. translate(-getXDispplacement(), -getYDispplacement(), -getZDisplacement());
126. //translate(-200, -200);
127. //popMatrix();
128. }
129. }
My apologies about this code including comments etc...
I Hope that somebody can help!

planty182

«Prev
Next »