Tagged with createfont() - Processing 2.x and 3.x Forum

Using fonts

h314 — Sun, 26 Aug 2018 04:36:46 +0000

I've just started trying python mode, so I'm probably missing something very obvious, but essentially, my problem is that I can't seem to set the font. The code that pertains to my font looks something like this:

def setup (): font = createFont ("Numbers.ttf", width / 62)

def draw (): textFont (font, width / 62)

However, this gives me an error saying that font is not defined. I assumed that I couldn't use font outside of setup, so I tried putting "font = None" at the beginning, so that it would be a global variable, but then it just says that a null font was passed to textFont. I also can't put "font = createFont ("Numbers.ttf", width / 62)" at the beginning, because it must be in setup, and putting textFont in setup doesn't seem to work either. What am I doing wrong?

OpenSansEmoji.ttf not working in P3D?

sjespers — Mon, 23 Apr 2018 23:36:07 +0000

So this has been driving me nuts all day. I was using OpenSansEmoji.ttf in a project and the emojis weren't showing up. Fast forward 6 hours later... I couldn't figure out why it was working in another test project until I saw that my main project needs the P3D in order to be able to use Syphon. My test project was not using the P3D renderer and it works there.

So now that I figured out why it wouldn't work, does anyone have any ideas on how to use this font AND Syphon? Or why this font won't render the emojis in P3D?

font conundrum

mala — Fri, 23 Mar 2018 11:37:17 +0000

My sketch is built for both OSX and Windows, all my GUI fonts are "Consolas-Bold" in a few sizes (the very same font used for the Processing IDE). The TTF font is on both OSX and Windows machines I'm testing on (and I've added it to the sketch data folders to be sure) on OSX it all works fine but on Windows it will not use the Consolas-Bold font for my sketch... does anyone have any idea why the sketch will not use this font but the IDE does ?

I have tried the alternative method of creating .vlw fonts using the "Create Font.." option in Tools, this creates a set of fonts that works on both machines/OS ...But for some reason it shifts all my GUI text up by about 2-3 pixels, I presume the images this function creates has some kind of added offset/border ? This is not going to be much fun to correct throughout the whole GUI... :(

Drawing characters and symbols

solub — Sun, 01 Apr 2018 19:23:08 +0000

Hi,

I'm trying to draw special characters / symbols with the text() function such as:

'■', '□', '▢', '▲', '△', '▼', '▽', '◆', '○', '●', 'Δ', 'ʊ', '™', '©', '®', '¿', '¡', '½', '⅓', '⅔', '¼', '¾', '⅛', '⅜', '⅝', '⅞', '℅', '№', '∃', '∩', '∀','Ξ', 'Γ', 'ɐ', 'ə', 'ɘ', 'ε', 'β', 'ɟ', 'ɥ', 'ɯ', 'ɔ', 'и', 'ɹ', 'ʁ', 'я', 'ʌ', 'ʍ', 'λ', 'ч', '∞', 'Σ', 'Π', 'η', 'α','·','¨','…', '¦', '┅', '┆', '┈', '┊',' ╱',' ╲', '╳', '¯', '–', '—','≡', '░', '▒', '▓', '█', '▌', '▐', '▀', '▄', '╭', '╮', '╯', '╰','│', '┤', '╡', '╢', '╖', '╕', '╣', '║', '╝', '╜',' ╛', '┐', '└', '┴', '┬', '├', '─', '┼', '╞', '╟', '╚', '╔', '╩', '╦', '╠', '═', '╬', '╧', '╨', '╤', '╥', '╙', '╘', '╒', '╓', '╫', '╪', '┘', '┌', 'Σ', '♠', 'Ω', '♣', '♥', '♦', '☼', '☻'...

However most of them (90%) don't seem to be recognized. All I have instead is the letter 'â' printed on the screen.

Is there a way to draw all these symbols ?

Thanks

Android mode / default Font for Unicode CJK

phoebus — Tue, 20 Mar 2018 14:01:57 +0000

Hi there

When I developed Android apps with Processing, I always used some custom fonts that I left in the "assets" folder. Making a multi-lingual version of my app, I don't want to add some heavy .ttf or .otf files to my package

How do I createFont() from a default Android fonts, with one that will work in Unicode (CJK included) ?

cheers

change font with endswith() method

Tilia — Mon, 22 May 2017 16:44:30 +0000

Hi guys, i am making a programm in which you can change the font, fontsize, color etc. dynamically based on the punctuation you give at the end of the sentence. for example:

if (myText.endsWith("!") == true) {
  fill(255,0,0);
font = createFont("HelveticaNeueLTStd-Bd.ttf",100);
} 
else if (myText.endsWith("!!") == true) {
  fill(0,255,0);
font = createFont("HelveticaNeueLTStd-Bd.ttf",120);
} 
else if (myText.endsWith("!!!") == true) {
  fill(0,0,255);
font = createFont("HelveticaNeueLTStd-Bd.ttf",150);
}

but the programm doesn`t make a difference between "!" and "!!" or "!!!". can somebody help me out and say why?

p3d renderer and RTL languages

nevahid — Tue, 27 Sep 2016 15:07:18 +0000

hi people all... i'm using processing 3. i tried to load a font to write persian texts in text() function... if i set the renderer to p2d or default renderer, everything works fine and words are shown correctly. but if i choose p3d renderer, letters are written seperated (because for persian and arabic language, some letters stick together and form new curves). any idea how to write persian (or arabic) letters with p3d renderers?

Draw random 'X' and remain drawing to same location.

leevanchief — Wed, 06 Dec 2017 11:24:36 +0000

Hi there, My issue is with the drawX() function. At the moment it draws an 'X' in a random place which then disappears as the next frame of 'myVid' refreshes the screen. I want to be able to draw each individual 'X' to its random location but then continue draw to that same location throughout the sketch. Thus resulting in an ever growing number of 'X's across the screen. I think i need to assign each individual 'X' to an array as it is drawn in order for it to maintain its (x,y) position. But i am not sure how to go about this. Hope this is clear. Any help would be greatly appreciated:

PFont font; 
import processing.video.*;
Movie myVid;
String letter = "X";
float x;
float y;
float interval  = 1200;
float currentTime;
int offset = 100;

void setup() {
  size(540, 540);
  background(254);
  myVid = new Movie(this, "seaClip_001.mp4");
  myVid.loop();
  //frameRate(0.5);
}

void draw() {
  image(myVid, 0, 0-offset, 540, 540);
  drawFrame();
  drawX();
}

void drawFrame() {
  shapeMode(CENTER);
  fill(1);
  rect(width/2, 0, 10, height);
  shapeMode(LEFT);
  rect(0, 390, width, 10);
  //fill(color'ffa7e8');
  fill(255, 167, 232);
  rect(0, 400, width, 140);
}

void drawX() {
  fill(0);
  font = createFont("Arial", 1);
  textFont(font);
   x = random(width);
   y = random(height);
  if (currentTime > 1000)
    textSize(random(120, 500));
  text(letter, x, y);
  currentTime = millis() % interval; //
}

void movieEvent(Movie m) {
  m.read();
}

How can I get a list of fonts using Python in processing?

netrate — Tue, 01 Aug 2017 19:57:14 +0000

I saw the java method :

String[] fontList = PFont.list(); printArray(fontList);

But what is the method in python for discovering the font names?

Need help because processing can't read slovak

lolnyancats — Wed, 12 Jul 2017 14:13:29 +0000

int currentSlide;
String[] slide;

String tl;
String tr;
String bl;
String br;

int time;
int wait=5000;

void setup(){
  size(800,1000);
  time=millis();
  currentSlide=0;
  slide=new String[500];
  slide=loadStrings("data for rosetta stone.txt"));
  tl=slide[0];
  tr=slide[2];
  bl=slide[1];
  br=slide[3];
}


void draw(){
  textSize(35);
  rectMode(CENTER);
  if(millis()-time>=wait){
    time=millis();
    print("tick");
    tl=slide[currentSlide+4];
    tr=slide[currentSlide+6];
    bl=slide[currentSlide+3];
    br=slide[currentSlide+5];
  }
  background(255/2+50);
  fill(0);
  text(tl,50,50);
  text(tr,width/2+100,50);
  text(bl,50,height/2+50);
  text(br,width/2+50,height/2+50);
}

data in the text file

Ahoj

Hello

Zbohom

Goodbye

Ako sa máš

How are you

Ako sa voláš

What is your name

two body problem

waerx — Tue, 04 Jul 2017 13:28:24 +0000

so im trying to draw two body problem in 2D, it does quite good with out the PVectors, i tried to make the code look better with using vectors and the program doesnt run good for small time steps like it did before (same initial values in both case) how could i make this program better to run faster and calculate precisely?

  float G=0.00000667408, m1=10, m2=900000000, t0=0, h;
  float ti=0;
  PVector x10, x20, x1, x2, v10, v20, v1, v2, r1e, r2e, v1t, v2t, xx1, xx2;
  float r1, r2;
void setup() {  // setup() runs once
  size(1150, 900);
  x10=new PVector(450.0,250.0);
  x20=new PVector(600.0,450.0);
  v10=new PVector(0.53,-0.15);
  v20=new PVector(-0.005,0.006);
  x1=x10.copy();
  x2=x20.copy();
  xx1=x10.copy();
  xx2=x20.copy();
  v1=v10.copy();
  v2=v20.copy();
  v1t=v1.copy();
  v2t=v2.copy();
  h=0.99;
  frameRate(500);  
}
void draw() {
  background(204); 
  ti=t0+h; //here if h is 1 its going "good" but for small values like 0.7 and below they crush
  r1e=PVector.sub(x2, x1);
  r2e=PVector.sub(x1, x2);
  r1=x1.mag();
  r2=x2.mag();
  v1=PVector.add(v1t, r1e.mult(G*m2*(ti-t0)/(r1*r1*r1)));
  v2=PVector.add(v2t, r2e.mult(G*m1*(ti-t0)/(r2*r2*r2)));
  x1=PVector.add(xx1, v1.mult(ti-t0));
  x2=PVector.add(xx2, v2.mult(ti-t0));
  xx1=x1.copy();
  xx2=x2.copy();
  v1t=v1.copy();
  v2t=v2.copy();
  t0=ti;
  fill(50);
  ellipse(x1.x, x1.y, 15, 15);
  ellipse(x2.x, x2.y, 45, 45);
}

How to use "emoji" in Processing

mofuty — Sun, 15 Jan 2017 10:24:01 +0000

Hello, guys.

I would like to use "emoji" as font in my sketch. The following is my code. But It don't work well. It appears "tofu" not emoji. I'm happy if you know the way of solve this problem.

Thanks,

■Environment : Processing 3.2.3

■Folder : sketch_170115b.pde is my sketch file. I set my font in data folder

PFont myFont;

void setup() {
  size(200, 200);

  myFont = createFont("AppleColorEmoji.ttc", 24);
  textFont(myFont);
  println(myFont);
  textAlign(CENTER, CENTER);
  text(new String(Character.toChars(0x1F600)), width/2, height/2);
}

Compiles and Displays really slowly, How do I make it faster?

IdemoniVezulu — Mon, 19 Dec 2016 07:00:30 +0000

So I'm pretty new to Processing and for my latest "venture" of sorts I need to display a simple text. I created a global PFont and in the setup I created my font as Arial, with 12 points. Then when I displayed my text in that function I use the font in, I called the font to use and then the colour for it and finally the text. But this code is taking too long to compile and it stops responding once I start it. Is there a better way to do it so that it's faster? And, if it helps, I'm very familiar with C++, so if I could do it in ways similar to that it is not a problem.

How can I change the size of this composition to a 9x9?

Franz654 — Tue, 15 Nov 2016 16:16:02 +0000

I've tried changing the size code but then the composition was not centered so I tried changing the number of what i is greater than but it did not work. I'm just lost right now

PFont fFont;

void setup() {
  size(800,800);

  background(255, 255, 255);


  translate(400,400);
  fFont = createFont("BodoniOrnamentsITCTT", 48);
  textFont(fFont, 290);

  for(int i=0;i<800;i=i+100) {

    for(int j=0;j<800;j=j+100){

      for(int k=0;k<6; k=k+1){

        fill(80,214,179,50);

       pushMatrix();
       textAlign(CENTER);
       rotate(PI*k/3);
       text("*", i, j);

       popMatrix();
      }
    }
  }
}

How too make two codes work together at random?!

plowrighth — Sat, 29 Oct 2016 15:30:18 +0000

Please help!

I have two processing codes I have made from scratch, one moves text quick and one changes it's colour both at random. I am wanting to put the two codes together so that when the sketch is run it picks at random what code is run? I can't find anything on how to do this, even bought the handbook and that's not helped,

First Code

int A;
int speed;
PFont a;  


void setup() {
  size(500,500);
  A = 150;
  speed = 5;
    a = createFont("OCRA",250,true);
frameRate(random(100));
}

void draw() {

  background(100,100,100);
  fill(0,0,0);
  textFont(a);
  float r = random(100);
  if (r > random(100)) {
  A = A + speed;

  if(A > 125) {
    speed = -speed;
  }

  if(A < r) {
      speed = -speed;
    }
       text("B",A,350);

}
}

Second code

int A;
int speed;
PFont a;  


void setup() {
  size(500,500);
  A = 150;
  speed = 5;
    a = createFont("OCRA",250,true);
frameRate(random(0,50));
}

void draw() {

  background(100,100,100);
  fill(random(0,255),random(0,255),random(0,255));
  textFont(a);
  float r = random(100);

       text("B",A,350);
    }

Please help!

Thank you In advance Plowrighth

I want to get a condition inside an if running for x seconds

Krashan — Wed, 28 Sep 2016 10:53:32 +0000

PFont mono;
float x;
float y;
float speed;
int m=millis();

void setup() {
  size(720, 480);
  background(0);
  mono = createFont("Helvetica", 100);
  textFont(mono);
  text("Ê", 90, 270);
  text("X", 190, 270);
  text("T", 295, 270);
  text("A", 385, 270);
  text("S", 480, 270);
  text("E", 580, 270);
}

void draw() {
  speed+=1.5;
  if (260-speed<250) {
    speed*=-1;
  }
  if (mouseX>85 && 95220 && 320>mouseY) {
    background(0);
    fill(random(255), random(255), random(255));
    text("Ê", 90+random(-10, 10), 270-speed);
    fill(255);
    text("X", 190, 270);
    text("T", 295, 270);
    text("A", 385, 270);
    text("S", 480, 270);
    text("E", 580, 270);
  } 
  if (mouseX>185 && 195220 && 320>mouseY) {
    background(0);
    fill(random(255), random(255), random(255));
    text("X", 190+random(-10, 10), 270-speed);
    fill(255);
    text("Ê", 90, 270);
    text("T", 295, 270);
    text("A", 385, 270);
    text("S", 480, 270);
    text("E", 580, 270);
  } 
  if (mouseX>290 && 300220 && 320>mouseY) {
    background(0);
    fill(random(255), random(255), random(255));
    text("T", 295+random(-10, 10), 270-speed);
    fill(255);
    text("Ê", 90, 270);
    text("X", 190, 270);
    text("A", 385, 270);
    text("S", 480, 270);
    text("E", 580, 270);
  }
  if (mouseX>380 && 390220 && 320>mouseY) {
    background(0);
    fill(random(255), random(255), random(255));
    text("A", 385+random(-10, 10), 270-speed);
    fill(255);
    text("S", 480, 270);
    text("E", 580, 270);
    text("Ê", 90, 270);
    text("X", 190, 270);
    text("T", 295, 270);
  }
  if (mouseX>475 && 480220 && 320>mouseY) {
    background(0);
    fill(random(255), random(255), random(255));
    text("S", 480+random(-10, 10), 270-speed);
    fill(255);
    text("E", 580, 270);
    text("Ê", 90, 270);
    text("X", 190, 270);
    text("T", 295, 270);
    text("A", 385, 270);
  }
  if (mouseX>575 && 585220 && 320>mouseY) {
    background(0);
    fill(random(255), random(255), random(255));
    text("E", 580+random(-10, 10), 270-speed);
    fill(255);
    text("Ê", 90, 270);
    text("X", 190, 270);
    text("T", 295, 270);
    text("A", 385, 270);
    text("S", 480, 270);
  }
}

This is my code and i want to make it so that when the mouse has left a certain position it keeps doing the cicle for 5 seconds, and that after that it returns to the position that is the setup.

Thanks in advance

Is ControlP5 compatible with FX2D?

CrimsonCrow98 — Fri, 03 Jun 2016 19:56:33 +0000

Hello,

I recently changed my sketch's renderer to FX2D for more performance but now, controlP5 seems to be firing some exceptions that prevents my sketch from running. As far as I know, it seems to be somewhat related to font loading or something. Here's the stack trace:

java.lang.NullPointerException at processing.javafx.PGraphicsFX2D$FontCache$Key.hashCode(PGraphicsFX2D.java:1423) at java.util.HashMap.hash(HashMap.java:338) at java.util.LinkedHashMap.get(LinkedHashMap.java:440) at processing.javafx.PGraphicsFX2D$FontCache.get(PGraphicsFX2D.java:1377) at processing.javafx.PGraphicsFX2D.handleTextFont(PGraphicsFX2D.java:1470) at processing.javafx.PGraphicsFX2D.textFontImpl(PGraphicsFX2D.java:1446) at processing.core.PGraphics.textFont(PGraphics.java:4232) at controlP5.ControlFont.adjust(Unknown Source) at controlP5.Label$SinglelineLabel.draw(Unknown Source) at controlP5.Label$SinglelineLabel.draw(Unknown Source) at controlP5.Label.draw(Unknown Source) at controlP5.Textfield.draw(Unknown Source) at controlP5.ControllerGroup.drawControllers(Unknown Source) at controlP5.ControllerGroup.draw(Unknown Source) at controlP5.ControlWindow.draw(Unknown Source) at controlP5.ControlWindow.draw(Unknown Source) at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.lang.reflect.Method.invoke(Method.java:497) at processing.core.PApplet$RegisteredMethods.handle(PApplet.java:1395) at processing.core.PApplet$RegisteredMethods.handle(PApplet.java:1388) at processing.core.PApplet.handleMethods(PApplet.java:1582) at processing.core.PApplet.handleDraw(PApplet.java:2412) at processing.javafx.PSurfaceFX$1.handle(PSurfaceFX.java:75) at processing.javafx.PSurfaceFX$1.handle(PSurfaceFX.java:1) at com.sun.scenario.animation.shared.TimelineClipCore.visitKeyFrame(TimelineClipCore.java:226) at com.sun.scenario.animation.shared.TimelineClipCore.playTo(TimelineClipCore.java:184) at javafx.animation.Timeline.impl_playTo(Timeline.java:176) at javafx.animation.AnimationAccessorImpl.playTo(AnimationAccessorImpl.java:39) at com.sun.scenario.animation.shared.InfiniteClipEnvelope.timePulse(InfiniteClipEnvelope.java:110) at javafx.animation.Animation.impl_timePulse(Animation.java:1102) at javafx.animation.Animation$1.lambda$timePulse$26(Animation.java:186) at javafx.animation.Animation$1$$Lambda$99/1799217597.run(Unknown Source) at java.security.AccessController.doPrivileged(Native Method) at javafx.animation.Animation$1.timePulse(Animation.java:185) at com.sun.scenario.animation.AbstractMasterTimer.timePulseImpl(AbstractMasterTimer.java:344) at com.sun.scenario.animation.AbstractMasterTimer$MainLoop.run(AbstractMasterTimer.java:267) at com.sun.javafx.tk.quantum.QuantumToolkit.pulse(QuantumToolkit.java:521) at com.sun.javafx.tk.quantum.QuantumToolkit.pulse(QuantumToolkit.java:505) at com.sun.javafx.tk.quantum.QuantumToolkit.lambda$runToolkit$400(QuantumToolkit.java:334) at com.sun.javafx.tk.quantum.QuantumToolkit$$Lambda$56/1871729890.run(Unknown Source) at com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:95) at com.sun.glass.ui.win.WinApplication._runLoop(Native Method) at com.sun.glass.ui.win.WinApplication.lambda$null$145(WinApplication.java:101) at com.sun.glass.ui.win.WinApplication$$Lambda$52/1220204850.run(Unknown Source) at java.lang.Thread.run(Thread.java:745) handleDraw() called before finishing Could not run the sketch (Target VM failed to initialize). For more information, read revisions.txt and Help ? Troubleshooting.

My animations lag when I'm not using FX2D and I need ControlP5 for user interface. How can I fix this? Or is it even caused by FX2D?

Help with random text

GianmariaVernetti — Mon, 16 May 2016 11:00:50 +0000

Hi everyone, I am working on an installation based on visual and texts. I would like to extract random quotes from a txt file and show them for a fixed time (eg. 5 seconds) but I am having some trouble. Here is the part of code related to the issue. Thanks in advance!

PFont f;

//Database variables String[] lines; int index = 0;

void setup() { size(800, 800, P3D); noStroke(); frameRate(30); f = createFont("AmericanTypewriter", 16, true);

lines = loadStrings("OBLQ.txt");

}

void draw() { background(230);

//Database if (index < lines.length) { String[] pieces = split(lines[index], " "); if (pieces.length == 2) { int x = int(pieces[' ']) ; int y = int(pieces[1]) ;

println(x); index = index + 1;

//HERE IS WHERE I WOULD LIKE TO INSERT THE TEXT();

} } //Loop database if(index > 20) { index = 0;

} }

Fonts behaving unpredictably (Android)

wit221 — Thu, 03 Mar 2016 21:14:23 +0000

Mode: Android Mode 0232 Renderer: P3D TextMode: PConstants.SHAPE

Issue 1: Some letters not displaying at all

The issue is shown here:

http://imgur.com/a/8iVjy

I am using createFont() in setup with smooth turned on and textFont(), then using textSize() at different points.

The problem appears on some Android devices, on some not. I have tried to look for the problem. I created the following table:

http://imgur.com/8RQNQlA

Could not draw conclusions from it apart from the observation that most vowels display and most consonants don't. Most signs display.

Issue 2: Some letters displayed with stroke

The issue is shown here:

http://imgur.com/uCC54D1

On devices on which the font actually displays, some letters are rendered with stroke, some not. In the picture above, notice how "b" and "d" display differently than the rest. I tried calling noStroke() before text(), but to no avail. Switching from P3D to OPENGL does not solve the problem. Changing the font did not solve the issue either.

Issue 3: textFont not changing the font when called second and all consecutive times.

Since in P3D and OPENGL the fonts are generated as bitmaps in the setup(), different fonts must be instantiated to accomodate for different font sizes. Then, in draw(), textFont() should be used depending on the dimensions of the text which needs to be displayed. That is the way it should work in theory. In practice, however, in my case, calling textFont() works only once, at the beginning. Consecutive calls bear no effect.

Neither issue is, to my knowledge, present with the JAVA2D renderer.

Could anybody point me to the right direction to solve any of the problems?

Thank you in advance.

per object movement

zörg — Sat, 27 Feb 2016 15:57:39 +0000

Hi there, This should be fairly simple but I cannot seem to make it work. I've somehow managed drawing each letter separately but I would like ascend() to apply on an x-axis per letter basis instead of the cumulative x so that only the letters on the left of the mouse should execute it. I'd appreciate it if you guys could help me out. Thanks in advance.

            PFont f;
            String s = "This has gone too far";
            int x = 30;
            int howBig = 20;
            Letter [] letters;



            void setup() {
              size (400, 200);
              frameRate(25);
              smooth();
              f = createFont("DINTBlack",20);
              textFont(f);
              letters = new Letter[s.length()];

              for (int i = 0; ix) {
                  letters[i].ascend();
                }
                if (mousePressed) {
                  letters[i].home();
                }
              }
            }

        class Letter {
          int x, y;
          int homeX, homeY;
          char c;
          Letter(int x_, int y_, char c_) {
            x=homeX=x_;
            y=homeY=y_;
            c=c_;
          }
          void display(){
            text(c,x,y);
          }
          void ascend(){
            if(y>0){
            y-=random(2,4);

            }else{
              y= homeY;
            }

          }
          void home(){
            x = homeX;
            y = homeY;
          }
        }


            //println(PFont.list());

starting a new string by pressing return

Tilia — Sat, 13 Feb 2016 17:09:06 +0000

hi people! i wrote a simple code just to write something live in the sketch window. i want to finish this string and start a new one by pressing return, because i want then to write with another font. i tried a few things, but i cannot make more than one string at the same time and writing directly in the sketch window.. i dont know why..

here is the code: PFont myFont; //myFont als PFont deklarieren String typedWord = "";//String deklarieren

void setup() { 
  size(displayWidth, displayHeight);//grösse des Sketchfensters

    myFont = createFont("CENTURY.ttf", 100);//kreiere PFont als myFont
    //myFont = createFont("AAA.ttf", 100);//kreiere PFont als myFont


  textFont(myFont);  //benutze myFont als TextFont

  fill(255);//Füllfarbe der Schrift
}

void draw() {
  background(0);//Hintergrundfarbe
  text(typedWord, displayWidth/16, displayHeight/16*3);//Stringwahl und Anfangsposition  
}

void keyPressed() {
  println(key); //schreibe den aktuellst getippten Buchstaben in die Konsole
  if (key!=1) {
    if (keyCode == BACKSPACE) { //Anweisung um einen Buchstaben aus dem String löschen zu können
  if (typedWord.length() > 0) {
    typedWord = typedWord.substring(0, typedWord.length()-1); //erases the last character
  }
    }
    else { //Anweisung den getippten Buchstaben zum String zu addieren
  typedWord += key; 
    }
  }

}

How can I control my font?

jondoh — Wed, 06 Jan 2016 13:39:58 +0000

I needed to learn to use PGraphics to achieve what I wanted in my code - scrolling text across the screen and the ability to "graffiti" it too".

However, since re-writing, my font, size, boldness etc won't change!

In my non-PGraphics code, I used

font = createFont("CourierNewPS-BoldMT-48", 44, true);

However, in my new code, it doesn't seem to use the values that 'font' has.

My new code is (sorry for the length - I have no idea where the font code should be)

import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;
// import necessary libraries to play sound effect
String[] tickerText =
{
  "children were some of the greatest victims", "I was a child soldier", 
// ....
};

Minim minim;
AudioPlayer sound1; // variable name
AudioPlayer sound2;
PGraphics pg;
PFont font; //declare PFont object called font
PImage background; 
float x; // location of text on x axis
int index = 0;


void setup() {

  size(615, 762, P2D);

  font = createFont("CourierNewPS-BoldMT-48", 44, true);
  background = loadImage ("background_Text_Image.JPG"); // load background image
  minim = new Minim(this); //define construction
  sound1 = minim.loadFile("Children_Playing_Sound.mp3");
  sound1.loop(); // is looped

  pg = createGraphics(width, height, P2D);
  pg.beginDraw();
  pg.background(background); // draw background as imported image
  pg.endDraw(); 

  font = createFont("CourierNewPS-BoldMT-48", 44, true);

  x = 0; // the int x is used as the entry point for the text scrolling in
}

void draw() {
  if (mousePressed) { //function activated by mouse
    pg.beginDraw();
    pg.line(mouseX, mouseY, pmouseX, pmouseY);
    pg.stroke(random(255), random(255), random(255)); // stroke changed to random RBG values, each with a max of 255
    pg.strokeWeight (random(4, 8)); // random stroke weight, with a min of 4 and max of 8 pixels
    pg.endDraw();
  }
  background( pg.get() );
  textFont(font);  
  fill(255,0,0); //sets colour of font, red
  text(tickerText[index], x, height/2); //location of text on x axis - in this case mid-way


  x = x - 1; 
  float w = textWidth(tickerText[index]); // calculates the width of the text string - necessary for knowing when the text leaves the screen
  if (x < -w) { // when x moves completely off the screen new text appears
    x = width; 
    index = (index + 1) % tickerText.length;

   }
}

Thank you in advance

createFont(), P2D and memory problem

luissarmento — Thu, 10 Dec 2015 15:08:25 +0000

edit with change in question category (was testing in android but the samething happens in windows)

Hello,

I have a freak problem in a program i'm making.

my program gets public feeds from twiter and displays them. I'm using createFont() with the system sans serif font and rendering in P2D because is the only way it is fast enough. Very soon after starting the program the characters of the text become corrupt. I attribute this to the use of many characters of different languages. Once getGlyphCount() goes higher than about 1000, text starts to become unreadable.

Trying to work around this problem i started to recall createFont() once in a while as it would bring the glyph count back to 0. But when doing this the allocated memory rises steadily until it crashes the app, got this error on windows:

java.lang.RuntimeException: java.lang.OutOfMemoryError: GC overhead limit exceeded
    at processing.opengl.PSurfaceJOGL$2.run(PSurfaceJOGL.java:443)
    at java.lang.Thread.run(Thread.java:745)
Caused by: java.lang.OutOfMemoryError: GC overhead limit exceeded
    at processing.opengl.FontTexture.addToTexture(FontTexture.java:349)
    at processing.opengl.FontTexture.addToTexture(FontTexture.java:253)
    at processing.opengl.PGraphicsOpenGL.textCharImpl(PGraphicsOpenGL.java:3596)
    at processing.core.PGraphics.textLineImpl(PGraphics.java:4981)
    at processing.opengl.PGraphicsOpenGL.textLineImpl(PGraphicsOpenGL.java:3563)
    at processing.core.PGraphics.textLineAlignImpl(PGraphics.java:4971)
    at processing.core.PGraphics.text(PGraphics.java:4644)
    at processing.core.PGraphics.text(PGraphics.java:4595)
    at processing.core.PApplet.text(PApplet.java:12529)
    at paraforum.draw(paraforum.java:40)
    at processing.core.PApplet.handleDraw(PApplet.java:2399)
    at processing.opengl.PSurfaceJOGL$DrawListener.display(PSurfaceJOGL.java:731)
    at jogamp.opengl.GLDrawableHelper.displayImpl(GLDrawableHelper.java:692)
    at jogamp.opengl.GLDrawableHelper.display(GLDrawableHelper.java:674)
    at jogamp.opengl.GLAutoDrawableBase$2.run(GLAutoDrawableBase.java:443)
    at jogamp.opengl.GLDrawableHelper.invokeGLImpl(GLDrawableHelper.java:1293)
    at jogamp.opengl.GLDrawableHelper.invokeGL(GLDrawableHelper.java:1147)
    at com.jogamp.newt.opengl.GLWindow.display(GLWindow.java:759)
    at com.jogamp.opengl.util.AWTAnimatorImpl.display(AWTAnimatorImpl.java:81)
    at com.jogamp.opengl.util.AnimatorBase.display(AnimatorBase.java:452)
    at com.jogamp.opengl.util.FPSAnimator$MainTask.run(FPSAnimator.java:178)
    at java.util.TimerThread.mainLoop(Timer.java:555)
    at java.util.TimerThread.run(Timer.java:505)

Is there anyway to clear the opengl font texture?

Here's a code sample that produces the corrupted text (when getGlyphCount() goes up to about 1000):

PFont f;
String lines[];
String[] show = {};
int counter=0;

void setup() {
  size(displayWidth, displayHeight, P2D);
  frameRate(10);
  f = createFont("SansSerif", 36, true);
  lines = loadStrings("texto_lixo.txt");
  fill(0);
  textFont(f);

  for (int i=0; i<15; i++) {
    show = append(show, lines[i]);
  }
}

void draw() {
  background(255);
  for (int i=0; i



you can get the file i'm using here: https://www.dropbox.com/s/zy17qwxa36app6d/texto_lixo.txt?dl=0

thanks in advance
Luís



writing directly in the browser and working with the vector of the typed font
Tilia — Wed, 09 Dec 2015 10:58:14 +0000
Hi Guys,

How is it possible to write a text live in the browser and then directly influence the vector-outline of the font? 
(For example with mouseX or mouseY)

can i do that just with createFont or do i have to get the outline-vectors of Font in an other way??



Chat with dynamic type
Tilia — Wed, 09 Dec 2015 12:02:26 +0000
Hi Guys,

Do you think it is possible to program a chat in processing in which the punctuation has influence on the typeface?
for example:

"Hello, i write something like this!!!" --> and it will be postet like --> "Hello, i write something like this!"

it should be postet bold and italic because i have done three "!!!"



processing text rendering low quality
ira_ira — Mon, 16 Nov 2015 07:54:37 +0000
Hi to everyone!
I pretty new to Processing and I'm trying to write small app for touch-screen in museum.
And I'm very sad about text rendering quality.
This is how I make my text, I also tried to install font on my computer and use loadFont() function. The result is the same.
The same result with english letters.
Also I'm using Processing 3.0.1 and I have Retina display( if it is important).

void setup() {
  fullScreen();
  imgHerous[0]= loadImage("01_koufman.jpg");
  imgHerous[1]= loadImage("02_serov.jpg");
  imgHerous[2]= loadImage("03_verevkin2.jpg");

  dinHeader = createFont("DINPro-Regular.otf", 30.0, true);
  dinName = createFont("DINPro-Regular.otf", 20.0, true);
}
void draw() {
  background(255);
.....
fill(#986727);
  textFont(dinHeader);
  textAlign(LEFT, CENTER);
  text("Герои туркестанских походов", 15, 30);
......
}






Font change and display in Geomerative
Paulie — Mon, 26 Oct 2015 13:33:01 +0000
Hi, I'm trying to display text with a changeable font, that is any font installed. I accomplished that quite easily w/ processing's default libraries, here's the code:

void setup() {
 size(900, 500);
     smooth();
      lastWidth = 900;
      if (frame != null) {
        surface.setResizable(true);
        background(255, 255, 255);
      }

  myFont = createFont(activeFont, activeFontSize); 
  fill(0, 0, 0); 
  textFont(myFont);
  textAlign(CENTER, CENTER);

  setGUI();
}

void draw() {
  if (firstDrawRun) { //sets GUI in the very beginning
    setGUI();
    setFunctionMenus();
    firstDrawRun = false;
  }

  if (activeFont != selectedFont) { //dropdown list changes font
    activeFont = selectedFont;
    myFont = createFont(activeFont, activeFontSize); 
    textFont(myFont); 
  }

  if (activeFontSize != fontSize) { //dropdown list changes font size
    activeFontSize = fontSize;
    myFont = createFont(activeFont, activeFontSize); 
    textFont(myFont); 
  }


...activeFont being a string w/ the font name, that is pulled out via:

String[] fontList = PFont.list();

void fonts(int n) { //list of installed fonts
  selectedFont = fontList[n]; 
  //System.out.println(selectedFont); 
}


But now I need to work w/ the text displayed using geomerative and I'm having trouble telling it what font to use. the default call is font = new RFont("name of font", "font size", ...);
But I want to take those fonts directly from what's installed on the system. I tried "C:/Windows/Fonts/"+activeFont+".ttf" but that didn't work either, and after checking C:/Windows/Fonts/ I am totally lost.

Anybody ever dealt w/ such issues? Thanks for any ideas!



Searchable PDFs
setup — Wed, 14 Oct 2015 09:38:01 +0000
Is it possible to create searchable PDFs in processing?



Using other language in controlP5 textfield
Yuk — Wed, 23 Sep 2015 11:02:56 +0000
Hello

I'm recently working on a processing project and now i got some trouble because of my  language.

i'm trying to get Korean language in a textfield using controlP5.

However i have trouble to get Korean language in the textfield.

Is there any solution?

This is the code below. 


import controlP5.*;

ControlP5 cp5;
String textValue = "";

void setup(){
  PFont font = createFont("arial",60);
  cp5 = new ControlP5(this);
  cp5.addTextfield("")
  .setPosition(width/4,(height/3)*2)
  .setSize(800,80)
  .setFont(font)
  .setFocus(true)
  .setLabelVisible(true)
  .setColor(color(255,255,255))
  .setColorBackground(color(255,255,255,150));
}


Thank you.



How can I add ControlP5 to my sketch
sandercrombach — Wed, 15 Jul 2015 20:25:20 +0000
Hi,

I'm unfortunately not a coder, but a designer... I know, I wish I could. And I made a script (after hours and hours) with which I can make images made out of letters, for a visual project. Really proud I managed to do so, you probably can imagine.

Now I tried to add the controlP5 controls so it is easier for me to adjust the settings, made in the script. Controls are like you can import images, change the line height and the letter space, make it into full colour or black/white and to save it as a vector based pdf (which is really nice).

But whatever I try, I can't make it work. I downloaded the controlP5 folder and placed it in the right libraries folder. Imported the library in sketch, but still nothing. Can someone help me?

I also want to make a applet out of it so it can be used as a seperate tool. But how do I do that?

Hope someone can help me.

Greetings Sander