Geomerative Type

verginiak

in Contributed Library Questions • 1 year ago

Hi guys, I'm trying to make a program that displays one letter at a time depending what key you press on the keyboard and for each letter I have different parameters so when a key is pressed whatever letter is on the screen has to be replaced with the next one. However, I'm still new to processing and can't make it work. Below is the code I have so far. I have a string at the beginning of the sketch with a value "A", because if i leave it blank the program gives me error. So if I run the program and press a key, it puts the character next to the "A" and doesn't replace it. Any ideas of what I'm doing wrong??? Thank you in advance.

import geomerative.*;

RFont font;

RPoint[] myPoints;

String myText="A";

RGroup myGroup;

int i;

void setup() {

size(800, 800, P3D);

background(255);

smooth();

RG.init(this);

font = new RFont("FreeSans.ttf", 500, CENTER);

frameRate(50);

}

void draw() {

noFill();

stroke(0,9);

strokeWeight(0.6);

translate(width/2, height/1.2);

RCommand.setSegmentLength(10);

RCommand.setSegmentator(RCommand.UNIFORMLENGTH);

RGroup myGroup = font.toGroup(myText);

myGroup = myGroup.toPolygonGroup();

RPoint[] myPoints = myGroup.getPoints();

for (int i=0; i<myPoints.length; i++) {

if ((keyPressed == true) && (key =='A' || key=='a')){

beginShape();

vertex(myPoints[i].x,myPoints[i].y);

bezierVertex(90,4,myPoints[i].x*4.75,6,0,myPoints[i].y*(1.3));

bezierVertex(20,-1,myPoints[i].x*2.5,2,10, random(0,40));

endShape();

}

if ((keyPressed == true) && (key =='B' || key=='b')){

beginShape();

vertex(myPoints[i].x,myPoints[i].y*1.2);

bezierVertex(90,-500,myPoints[i].x*(3),6,-90,myPoints[i].y*(1.193));

bezierVertex(20,-20,myPoints[i].x*(2.5),2,10, random(-60,10));

endShape();

}

void keyPressed() {

if(key !=CODED) {

switch(key) {

case DELETE:

case BACKSPACE:

myText = myText.substring(0,max(0,myText.length()-1));

break;

case ENTER:

break;

default:

myText +=key;

}

Replies(12)

antony74

Re: Geomerative Type

1 year ago

When I run the code you've posted I don't get the problem you've described. Where you're looping through the array myPoints, if I move the key press test and the calls to beginShape and endShape out of the loop, and comment the bezierVertex calls, then I see the letters appear but not replacing the previous one, just like you describe. This is due to the whole of myText being passed into font.toGroup rather than just the last letter. So I suggest changing

RGroup myGroup = font.toGroup(myText);

to

RGroup myGroup = font.toGroup(myText.substring(myText.length()-1));

Finally, placing all this inside an additional if-block testing (myText.length() > 0), should make it safe to initialise myText as an empty string.

import geomerative.*;
RFont font;
RPoint[] myPoints;
String myText="";
RGroup myGroup;
int i;
void setup() {
size(800, 800, P3D);
background(255);
smooth();
RG.init(this);
font = new RFont("FreeSans.ttf", 500, CENTER);
frameRate(50);
}
void draw() {
noFill();
stroke(0,9);
strokeWeight(0.6);
translate(width/2, height/1.2);
RCommand.setSegmentLength(10);
RCommand.setSegmentator(RCommand.UNIFORMLENGTH);
if(myText.length() > 0)
{
RGroup myGroup = font.toGroup(myText.substring(myText.length()-1));
myGroup = myGroup.toPolygonGroup();
RPoint[] myPoints = myGroup.getPoints();
if ((keyPressed == true) && (key =='A' || key=='a')){
beginShape();
for (int i=0; i<myPoints.length; i++) {
vertex(myPoints[i].x,myPoints[i].y);
// bezierVertex(90,4,myPoints[i].x*4.75,6,0,myPoints[i].y*(1.3));
// bezierVertex(20,-1,myPoints[i].x*2.5,2,10, random(0,40));
}
endShape();
if ((keyPressed == true) && (key =='B' || key=='b')){
beginShape();
vertex(myPoints[i].x,myPoints[i].y*1.2);
bezierVertex(90,-500,myPoints[i].x*(3),6,-90,myPoints[i].y*(1.193));
bezierVertex(20,-20,myPoints[i].x*(2.5),2,10, random(-60,10));
endShape();
}
}
}
}
void keyPressed() {
if(key !=CODED) {
switch(key) {
case DELETE:
case BACKSPACE:
myText = myText.substring(0,max(0,myText.length()-1));
break;
case ENTER:
break;
default:
myText +=key;
}
}
}

A call to background() before beginShape() would remove the previous letter before drawing the next one.

verginiak

Re: Re: Geomerative Type

1 year ago

Wow antony74,

This is great. Thank you so much. I'm so happy. I have another question. Is there a way to have it type the letters on the screen only in Caps, since the the parameters I use for each letter are based on its Capital. Also, when I have a single letter and use the for statement, the draw function loops and the letters gets darker and darker. However, when I put couple of letter in a sketch, they don't loop. Thanks a lot. I really appreciate your response.

V.

This is the code that I use for single letter, with no keypress:

import processing.pdf.*;
import geomerative.*;

RFont font;
String myText = "A";

void setup() {
size(800, 800, P3D);
background(255);
smooth();
RG.init(this);
font = new RFont("FreeSans.ttf", 500, CENTER);
frameRate(5);
}

void draw() {
noFill();
stroke(0,5);
strokeWeight(0.3);
translate(width/2, height/1.2);

RCommand.setSegmentLength(10);
RCommand.setSegmentator(RCommand.UNIFORMLENGTH);

RGroup myGroup = font.toGroup(myText);
RPoint[] myPoints = myGroup.getPoints();

for (int i=0; i<myPoints.length; i++) {

    beginShape();
    vertex(myPoints[i].x,myPoints[i].y);
    bezierVertex(90,4,myPoints[i].x*4.75,6,0,myPoints[i].y*(1.3));
    bezierVertex(20,-1,myPoints[i].x*2.5,2,10, random(0,40));
    endShape();

}
}

void keyPressed(){
   if(key =='B' || key == 'b'){
     beginRecord(PDF, "a-####.pdf");
   } else if (key == 'E' || key == 'e'){
     endRecord();
     exit();
   }
}

And this is what you suggested earlier:

import geomerative.*;
RFont font;
RPoint[] myPoints;
String myText="";
RGroup myGroup;
int i;
void setup() {
size(800, 800, P3D);
background(255);
smooth();
RG.init(this);
font = new RFont("FreeSans.ttf", 500, CENTER);
frameRate(50);

}
void draw() {
noFill();
stroke(0,37);
strokeWeight(1);
translate(width/2, height/1.2);
RCommand.setSegmentLength(5);
RCommand.setSegmentator(RCommand.UNIFORMLENGTH);
if(myText.length() > 0){

    RGroup myGroup = font.toGroup(myText.substring(myText.length()-1));
    myGroup = myGroup.toPolygonGroup();
    RPoint[] myPoints = myGroup.getPoints();

      if ((keyPressed == true) && (key =='A' || key=='a')){
        background(255);
        beginShape();
    for (int i=0; i<myPoints.length; i++) {

      vertex(myPoints[i].x,myPoints[i].y);
bezierVertex(90,4,myPoints[i].x*4.75,6,0,myPoints[i].y*(1.3));
bezierVertex(20,-1,myPoints[i].x*2.5,2,10, random(0,40));


     }
      endShape();
      }

     if ((keyPressed == true) && (key =='B' || key=='b')){
       background(255);

for (int i=0; i<myPoints.length; i++) {

      beginShape();
      vertex(myPoints[i].x,myPoints[i].y*1.2);
      bezierVertex(90,-500,myPoints[i].x*(3),6,-90,myPoints[i].y*(1.193));
      bezierVertex(20,-20,myPoints[i].x*(2.5),2,10, random(-60,10));
      endShape();
     }
     }
}

}

void keyPressed() {
if(key !=CODED) {
    switch(key) {
    case DELETE:
    case BACKSPACE:
      myText = myText.substring(0,max(0,myText.length()-1));
      break;
    case ENTER:
      break;
    default:
      myText +=key;
    }
}
}

antony74

Re: Geomerative Type

1 year ago

Perhaps someone else could pick this up as I don't know when I'm going to have time to look at it?

First question is easy enough to answer though:

http://docs.oracle.com/javase/1.5.0/docs/api/java/lang/String.html#toUpperCase%28%29

antony74

Re: Geomerative Type

1 year ago

And putting a call to background() before beginShape(), as I previously suggested, should deal with the letter getting darker each time it's pressed issue.

How's things going? I wonder if it might help to look at some tutorials that introduce strings, since that mainly seems to be what you're getting tripped up upon? (Java tutorials about strings may be more abundant than Processing tutorials about strings, and should do just as well).

verginiak

Re: Re: Geomerative Type

1 year ago

Hi antony47,

Sorry for the late reply. I didn't have much time( I understand you are busy as well and appreciate the time you took to take a look at my code) to try the string. I'll try it (toUpperCase) out today and see what happens. Thank you once again.

verginiak

Re: Re: Geomerative Type

1 year ago

I got the upper case working :::))) Still trying to figure out the letters getting darker. I put background() before beginShape() but it's still the same...

antony74

Re: Geomerative Type

1 year ago

That's strange, this works for me:

import processing.pdf.*;
import geomerative.*;
RFont font;
String myText = "A";
void setup() {
size(800, 800, P3D);
background(255);
smooth();
RG.init(this);
font = new RFont("FreeSans.ttf", 500, CENTER);
frameRate(5);
}
void draw() {
noFill();
stroke(0,5);
strokeWeight(0.3);
translate(width/2, height/1.2);
RCommand.setSegmentLength(10);
RCommand.setSegmentator(RCommand.UNIFORMLENGTH);
RGroup myGroup = font.toGroup(myText.substring(myText.length()-1));
RPoint[] myPoints = myGroup.getPoints();
background(255);
for (int i=0; i<myPoints.length; i++) {
beginShape();
vertex(myPoints[i].x,myPoints[i].y);
bezierVertex(90,4,myPoints[i].x*4.75,6,0,myPoints[i].y*(1.3));
bezierVertex(20,-1,myPoints[i].x*2.5,2,10, random(0,40));
endShape();
}
}
void keyPressed(){
if(key =='B' || key == 'b'){
beginRecord(PDF, "a-####.pdf");
} else if (key == 'E' || key == 'e'){
endRecord();
exit();
}
myText += key;
}

verginiak

Re: Re: Geomerative Type

1 year ago

I see what you mean, but that's not what I have in mind. HEre's what happens when I have only one letter without any keyPressed:

import processing.pdf.*;

import geomerative.*;

RFont font;

String myText = "A";

void setup() {

size(800, 800, P3D);

background(255);

smooth();

RG.init(this);

font = new RFont("FreeSans.ttf", 500, CENTER);

frameRate(5);

}

void draw() {

noFill();

stroke(0,5);

strokeWeight(0.3);

translate(width/2, height/1.2);

RCommand.setSegmentLength(10);

RCommand.setSegmentator(RCommand.UNIFORMLENGTH);

RGroup myGroup = font.toGroup(myText);

RPoint[] myPoints = myGroup.getPoints();

for (int i=0; i<myPoints.length; i++) {

beginShape();

vertex(myPoints[i].x,myPoints[i].y);

bezierVertex(90,4,myPoints[i].x*4.75,6,0,myPoints[i].y*(1.3));

bezierVertex(20,-1,myPoints[i].x*2.5,2,10, random(0,40));

endShape();

}

void keyPressed(){

if(key =='B' || key == 'b'){

beginRecord(PDF, "a-####.pdf");

} else if (key == 'E' || key == 'e'){

endRecord();

exit();

}

It looks different than when I add the other letters. May be I can't explain it very well. I don't want to bother you so if you don't have that's fine. Thank you

antony74

Re: Geomerative Type

1 year ago

No need to worry about me, I'm fine with this and only tend to post when it fits in with other things I'm doing anyway ;-)

But you're right, I have failed to understand what the latest problem is. I am sorry about that :-(

verginiak

Re: Re: Geomerative Type

1 year ago

Thanks for your help :)

http://www.behance.net/gallery/Typeface/3485253

antony74

Re: Geomerative Type

1 year ago

Cool, that looks impressive! :-)

verginiak

Re: Geomerative Type

1 year ago

Thank you :)

Top Reply