Loading...
Logo
Processing Forum
Programming Questions
v.k.
v.k.

Yet displaying twitter entities - working code, library independent. I could use some advice ;-)

in Programming Questions  •  1 year ago  
Well this is what i got so far. It is not finished, but it's working. Still missing line break handling (so far, it is kind of a big window in width :) among other things
So... Is this a good approach? Should i create a "Word (String, pos x, color, booleanLinked)" class to use in TwTextBox instead of String[] words? Or making like the way i'm doing handling all in TwTextBox is better? How to improve this?
Any suggestions or thoughts please.
And as a side question, how declare Strings in more than one line?
tx


Copy code

  3. // note if you change the string, index must be upadated manually
  4. // i did not took care of thiscause twitter will provide this in a real tweet
  5. // if you want to try another String,
  6. // you can uncomment the indicated line at TwTextBox constructor to see proper indexes
  7. // that must be adjusted in setup, don't forget to adjust arrays size
  8. // but with this string there is no need to change nothing
  9. // i got this from a real tweet

  11. String s = "@legend_of_zelda: #ReasonsWhyWeDontGetAlong You've http://kidnapped.com my girlfriend #repeatedly. As the great rapper Shaggy once said: "wasn't me!"";
  12. int xPos = 20;
  13. int yPos = 50;
  14. int[] htIndex = new int [2];
  15. int[] urlIndex = new int [1];
  16. int[] mentIndex = new int [1];

  18. PFont font;
  19. TwTextBox tb = new TwTextBox();
  20. boolean isClicked = false;


  23. void setup() {  
  24.   size(1200, 200);  
  25.   background(0); 
  26.   smooth();
  27.   font = createFont ("arial", 40);
  28.   htIndex[1]   = 18;
  29.   htIndex[0]   = 86;
  30.   urlIndex[0]  = 51;
  31.   mentIndex[0] = 0;
  32.   tb = new TwTextBox ( s, htIndex, urlIndex, mentIndex, xPos, yPos, font, 16);

  34. }


  37. void draw() {
  38.   background(0);
  39.   stroke(60);
  40.   line(xPos, yPos, width, yPos);
  41.   line(xPos, 0, xPos, height);
  42.   tb.display();
  43. }


  46. void mousePressed()
  47. {
  48.   isClicked = true;
  49. }

  51. void mouseReleased()
  52. {
  53.   isClicked = false;
  54. }




  59. //////////////////******************//////////////////////


  62. class TwTextBox {

  64.   // the full text
  65.   String rawText;

  67.   // to hold splited words
  68.   String[]  words;
  69.   char   splitter = ' ';

  71.   // receivers for twitter data
  72.   int[] hashIndex;
  73.   int[] urlIndex;
  74.   int[] mentionIndex;
  75.   

  77.   // coordinates
  78.   float x;
  79.   float y;

  81.   // relative position holder and calculator
  82.   float[] relativeX;
  83.   float   wordX = 0;
  84.   
  85.   //original string indexes holder and calculator
  86.   float[] stringLegacyIndex;  
  87.   float   indexSum;

  89.   // font
  90.   int fontSize;
  91.   PFont font;

  93.   //colors
  94.   color regularTextColor  =  color(240);
  95.   color hashtagColor =  color(200, 33, 200);
  96.   color urlColor     =  color(33, 200, 200);
  97.   color mentionColor     =  color(200, 200, 33);
  98.   color colorToDraw;  // to hold the color to use


  101.   TwTextBox()
  102.   {
  103.     //default
  104.   }

  106.   TwTextBox(String _rawText, int[] _hashIndex, int[] _urlIndex, int[] _mentionIndex, float _x, float _y
  107.     , PFont _font, int _fontSize)
  108.   {  
  109.     // passing vars
  110.     rawText      = _rawText;
  111.     hashIndex    = _hashIndex;
  112.     urlIndex     = _urlIndex;
  113.     mentionIndex = _mentionIndex;
  114.     x            = _x;
  115.     y            = _y;
  116.     wordX        = _x;
  117.     font         = _font;
  118.     fontSize     = _fontSize;

  120.     // create words array
  121.     words = split(rawText, splitter);  
  122.     
  123.     // init arrays based on words size
  124.     relativeX = new float[words.length];  
  125.     stringLegacyIndex = new float[words.length]; 
  126.     
  127.     
  128.     // add spaces to the end of words
  129.     for (int i = 0; i < words.length; i++) 
  130.     {  
  131.       // font and size are crucial to calcualtions even not drawing
  132.       textFont(font, fontSize);
  133.       
  134.       if (i < words.length -1) {      
  135.         String spacedWord  = words[i] + " "; // don't add to space to last word     
  136.         words[i] = spacedWord;
  137.       }    
  138.       
  139.       // calc and store each word position in x 
  140.       relativeX[i] = wordX;    
  141.       wordX = wordX + textWidth(words[i]);  
  142.       
  143.       // calc and store indexes from string  
  144.       indexSum  = (i == 0)?  0 : indexSum + words[i-1].length();    
  145.       stringLegacyIndex[i] = indexSum;    
  146.           
  147.       
  148.     }  
  149.       
  150.       //if the string is changed the indexes has to be redefined
  151.       // uncomment folowing line to see the proper indexes that must be inputed in setup()
  152.       //println("word: " + words[i]+ " is at index " + stringLegacyIndex[i] + " "); 
  153.     

  155.   } // end constructor
  156.   
  157.   
  158.   
  159.   void display()
  160.   {
  161.     for (int i = 0; i < words.length; i++) {      
  162.       
  163.       textSize(fontSize); 
  164.       
  165.       // if no match below that's the color
  166.       colorToDraw = regularTextColor;
  167.       
  168.       //test for entities
  169.       //hashTag
  170.       for (int j = 0; j < hashIndex.length; j++)
  171.       {
  172.         if(stringLegacyIndex[i] == hashIndex[j])
  173.         {
  174.           colorToDraw = hashtagColor;
  175.           // form string will be  a little different with real twitter
  176.           StringBuilder sb = new StringBuilder("http://twitter.com/search?q=#");
  177.           StringBuilder capHash = new StringBuilder(words[i]);
  178.           capHash.deleteCharAt(0);
  179.           sb.append(capHash.toString());
  180.           if(sb.charAt(sb.length()-1) == ' ')
  181.           sb.deleteCharAt(sb.length()-1);
  182.           if(sb.charAt(sb.length()-1) == '.')
  183.           sb.deleteCharAt(sb.length()-1);
  184.           
  185.           createBox(words[i], relativeX[i], sb.toString());
  186.         }
  187.          
  188.       }
  189.       
  190.       // url
  191.       for (int j = 0; j < urlIndex.length; j++)
  192.       {
  193.         if(stringLegacyIndex[i] == urlIndex[j])
  194.         {
  195.           colorToDraw = urlColor;
  196.           createBox(words[i], relativeX[i], "http://forum.processing.org"); //placeholder
  197.         }
  198.       }
  199.       
  200.       // mentions
  201.       for (int j = 0; j < mentionIndex.length; j++)
  202.       {
  203.         if(stringLegacyIndex[i] == mentionIndex[j])
  204.         {
  205.           colorToDraw = mentionColor;
  206.           createBox(words[i], relativeX[i], "http://processing.org"); //placeholder
  207.         }
  208.       }
  209.       
  210.       
  211.       fill(colorToDraw);
  212.       noStroke();
  213.       text(words[i], relativeX[i], y);
  214.       
  215.       //those were to build will vanish...
  216.       stroke(180, 180, 20);    
  217.       textFont(font, 12);    
  218.       text(nf(i, 2), relativeX[i], y*2);    
  219.       textSize(30);
  220.     }
  221.     
  222.     
  223.   }
  224.   
  225.   
  226.   // wraps the word in a sensitive  bounding box
  227.   void createBox(String word, float relativeX, String toUrl)
  228.   {
  229.     if(isClicked(relativeX, word)) 
  230.     {
  231.       link(toUrl);
  232.       isClicked = false;
  233.     }
  234.     
  235.     /// mouseOver colors to be implemented
  236.   }
  237.   
  238.   
  239.   
  240.   boolean isOver(float relativeX, String word) /// thats not good... Objects? Arrays?
  241.   {
  242.     float upperY = y - textAscent();
  243.     float lowerY = y + textDescent();
  244.     float rightX  = relativeX + textWidth(word);
  245.     if (mouseY < lowerY && mouseY > upperY && mouseX > x && mouseX < rightX)
  246.     {
  247.       return true;
  248.     }
  249.     else
  250.     {
  251.       return false;
  252.     }
  253.   }

  255.   boolean isClicked(float relativeX, String word) /// thats not good... Objects? arrays?
  256.   {
  257.     return (isOver(relativeX, word) && isClicked);
  258.   }
  259.   
  260.   
  261.   
  262.   
  263. }//end TwTextBox
    264.    

Statistics

  • 0 Replies
  • 372  Views
  • 0 Followers

Tags

No tags available for this topic.

Actions

Related Posts