Processing Forum

Screen name:
savannah.niles

savannah.niles's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

trouble with translating PImage

[3 Replies]
- 18-Jun-2012 10:48 AM
- Forum: Programming Questions
Hi there: I'm having some difficulty translating a PImage-- a shine-graphic to be placed on top of dialogue boxes in an iMessage-like list of messages. If you run the sketch, you'll see the first dialogue box works as intended, but oddly the following instances of class Post ignore the translate call to the PImage, grad, in the class Blert. Thoughts on why this may be? I appreciate any help. Thanks.

Main:
2. //very basic class structure added
3. //posting improved
5. String[] names = {
6. "Friend",
7. "Savannah",
8. "Wallace Stevens",
9. "CXP team member",
10. "M.M.",
11. "Another friend"
12. };
14. String[] sayings = {
15. "Hi there.",
16. "Hi my name is so-and-so and I'm working on so-and-so-and-so-and-so project.",
17. "She sang beyond the genius of the sea. The water never formed to mind or voice, like a body, wholly body, fluttering its empty sleeves; and yet its mimic motion made cry, caused constantly a cry, that was not ours, althought we understood, inhuman, and of the veritable ocean...Oh blessed rage for order, pale Ramon, the makers rage to order words of the sea. Words of the sea. Words of fragrant portals, dimly starred, and of ourselves and of our origins, in ghostlier demarcations, keener sounds.",
18. "This is a test for a new Yammer feed for the 1100 Flower Status Board. Send suggestions for improvements to Savannah Niles.",
19. "I do not like to repeat successes, I like to go on to other things.",
20. "The surest way to corrupt a youth is to teach them to hold in higher esteem those who think alike than those who think differently."
21. };
23. String[] imageURLs = { //question about .gifs in processing
24. //"https://www.yammer.com/mugshot/48x48/817513",
25. "https://www.yammer.com/mugshot/48x48/10457622",
26. "https://www.yammer.com/mugshot/48x48/14014053" //Savannah
27. };
29. Post[] posts;
31. PFont f;
32. Post post;
33. //color ltBlue = color (173, 238, 245);
34. color filCol = color (154, 225, 250);
36. int minSpaceForPost, spaceLeft, postLength, padding;
38. void setup () {
39. size (800, 500);
40. background(0);
41. smooth();
43. f = createFont("ArialMT", 16, true);
44. int fontSize = 16;
45. textFont(f, fontSize);
46. textAlign(LEFT);
48. padding = 20;
49. minSpaceForPost = 48+padding;
50. int maxNumberOfPosts = floor((height-padding)/minSpaceForPost);
51. spaceLeft = height;
53. posts = new Post[maxNumberOfPosts];
55. for (int i = 0; i<posts.length; i++) {
56. posts[i] = new Post(names[int(random(6))], imageURLs[int(random(2))], sayings[int(random(6))], 16);
57. println (i + " is initialized.");
58. }
60. //first post-- check to see if too big
61. postLength = posts[0].init();
62. if (spaceLeft >= postLength) {
63. posts[0].display(height-spaceLeft);
64. spaceLeft -= postLength;
65. nextPost();
66. }
67. else {
68. println ("This first post was too big. Head over to Yammer to read it.");
69. }
70. }
72. void nextPost() {
73. for (int i=1; i<(posts.length-1); i++) {
74. postLength = posts[i].init();
75. if (spaceLeft >= postLength) {
76. // pushMatrix();
77. // translate(0,height-spaceLeft);
78. posts[i].display(height-spaceLeft);
79. // popMatrix();
80. spaceLeft -= postLength;
81. println (spaceLeft);
82. }
83. else {
84. println("Out of space with " + spaceLeft + " pixels left.");
85. break;
86. }
87. }
88. }
Blert: class for text and text bubble, as well as the troubled PImage
2. class Blert {
4. String name, says;
5. int nameSize, fontSize, lineTotal;
6. PVector boxCorner, boxSize, blertCorner, blertSize;
8. Blert() {
9. }
11. Blert(String name, int nameSize, String says, int fontSize, PVector boxCorner, PVector boxSize, PVector blertCorner, PVector blertSize, int lineTotal) {
12. this.name = name;
13. this.nameSize = nameSize;
14. this.says = says;
15. this.fontSize = fontSize;
16. this.boxCorner = boxCorner;
17. this.boxSize = boxSize;
18. this.blertCorner = blertCorner;
19. this.blertSize = blertSize;
20. this.lineTotal = lineTotal;
21. }
23. void display () {
25. //box
26. fill(filCol);
27. strokeWeight(3);
28. stroke(filCol);
29. rect(boxCorner.x, boxCorner.y, boxSize.x, boxSize.y, fontSize*1.5, fontSize*1.5);
31. //shine
33. PImage grad;
34. grad = loadImage("gradient.png");
36. //shine adjustments ******Problem: these are set to work with width=800. Not adjustable. Fix later?
37. pushMatrix();
38. scale(1.33, 1.3);
39. //resize(1.33, 1.3);
40. // translate(, );
41. image(grad, blertCorner.x-43, blertCorner.y-20+5.5);
42. // image (grad, blertCorner.x-43, blertCorner.y- 20+5.5);
43. popMatrix();
46. //says
47. fill(0, 164, 211);
48. text(name + ": " + says, blertCorner.x, blertCorner.y, blertSize.x, blertSize.y);
50. //name
51. fill(0);
52. text(name + ": ", blertCorner.x, blertCorner.y, blertSize.x, blertSize.y);
53. }
54. }
MugShot: profile picture
2. class MugShot {
4. String imageURL;
5. PVector mugShotLoc;
6. int margin;
8. PImage mug;
10. MugShot() {
11. }
13. MugShot (String imageURL, PVector mugShotLoc, int margin) {
14. this.imageURL = imageURL;
15. this.mugShotLoc = mugShotLoc;
16. this.margin = margin;
17. }
19. void display() {
20. imageMode (CENTER);
21. // line(margin, 0, margin, height);
23. //triangle
24. strokeWeight(3);
25. stroke(filCol);
26. fill(filCol);
27. triangle (1.5*mugShotLoc.x, mugShotLoc.y-6, margin*1.25+2.5, mugShotLoc.y-12, margin*1.25+2, mugShotLoc.y+2);
28. pushMatrix();
29. translate (3, 0);
30. noStroke();
31. triangle (1.5*mugShotLoc.x, mugShotLoc.y-6, margin*1.25+2.5, mugShotLoc.y-12, margin*1.25+2, mugShotLoc.y+2);
32. popMatrix();
34. //image
35. mug = loadImage(imageURL, "gif");
36. image(mug, mugShotLoc.x, mugShotLoc.y);
37. }
38. }
Post: engine to compile all parts of a post
2. class Post {
4. Blert blert;
5. MugShot mugShot;
6. // Shine shine;
8. /********************INIT VARIABLES***********************/
10. String imageURL;
11. String name, says;
13. int margin = 75;
14. float bodyWidth = width-(margin);
15. int lineTotal, nameSize;
16. int fontSize;
18. PVector boxCorner, boxSize, blertCorner, blertSize, mugShotLoc;
20. int place;
22. /********************CONSTRUCTORS**********************/
24. Post () {
25. }
27. Post (String name, String imageURL, String says) {
28. this.name = name;
29. this.imageURL = imageURL;
30. this.says = says;
31. }
33. Post (String name, String imageURL, String says, int fontSize) {
34. this.name = name;
35. this.imageURL = imageURL;
36. this.says = says;
37. this.fontSize = fontSize;
38. }
40. Post (String name, String imageURL, String says, int fontSize, float bodyWidth) {
41. this.name = name;
42. this.imageURL = imageURL;
43. this.says = says;
44. this.fontSize = fontSize;
45. this.bodyWidth = bodyWidth;
46. }
48. Post (String name, String imageURL, String says, int fontSize, float bodyWidth, int margin) {
49. this.name = name;
50. this.imageURL = imageURL;
51. this.says = says;
52. this.fontSize = fontSize;
53. this.bodyWidth = bodyWidth;
54. this.margin = margin;
55. }
58. /********************INIT AND DISPLAY**********************/
60. int init() {
62. String totalText = name + ": " + says;
63. println (totalText);
65. //deltaW and deltaH are aggregates of shift variables for simplicity
66. int deltaW = padding+margin;
67. int deltaH = padding; //+ place in stack
69. lineTotal = ceil(textWidth(totalText)/(bodyWidth-deltaW-padding*1.5));
70. nameSize = ceil(textWidth(name + ": "));
72. boxCorner = new PVector (0+deltaW, 0+deltaH-.5*padding);
73. boxSize = new PVector (bodyWidth-deltaW+padding*1.5, fontSize*1.5*lineTotal+padding);
74. blertCorner = new PVector (0+ deltaW+padding, 0+deltaH+2);
75. blertSize = new PVector (bodyWidth-deltaW, fontSize*1.5*lineTotal);
77. mugShotLoc = new PVector (margin-.25*margin, padding*1.75);
79. ////////////////
80. blert = new Blert(name, nameSize, says, fontSize, boxCorner, boxSize, blertCorner, blertSize, lineTotal);
81. mugShot = new MugShot(imageURL, mugShotLoc, margin);
83. ///////////////
84. return(int(boxSize.y-boxCorner.y+padding));
85. }
87. void display(int place) {
88. this.place = place;
89. pushMatrix();
90. translate(0, place+padding);
91. blert.display();
92. mugShot.display();
93. popMatrix();
94. }
95. }

«Prev
Next »