Text rendering

Programming Questions

processin..

in Programming Questions • 3 years ago

I am displaying text in an applet that is coming from the keyPressed() function, when I press the "SHIFT" key, or other non-letter non-punctuation keys, i get a image that looks like an 8 with a black square around it. Why is this, and is there an easy way to handle these?

Replies(4)

local_guru

Re: Text rendering

3 years ago

if you only want the printable characters make sure to use the key variable and not the keyCode variable.

key only contains the printable characters, keyCode also contains the control keys like backspace, tab, shift, alt, ...

processin..

Re: Re: Text rendering

3 years ago

Thanks for the response! My code is below, I did use the key variable (line 72) Maybe I am implementing it incorrectly? Thanks for the help.

//EXC_18_3 Making a sketch that chats with users
//INCREMENTAL DESIGN!!!
/*use these functions:
idexOf()
substring()
*/
//declare a font
PFont f;
//this string hold the instructions that are displayed on the screen
String inst;
String moreInst;
//this string holds what is being typed
String type = "";
//after the user has typed, pressing enters saves the text in this string
String saved = "";
//this is used to save the substring from the text entered by the user
String subOf = "";
//used to store a return message that includes the substring
String backAtYou;
//track the length of the typed string for wraping text
int wrap = 60;
void setup(){
size(640, 480);
f = createFont("ARIAL", 20, true);
inst = "Use the word 'buttHead' in a sentence. \nclick on the applet to type, press return when you have finished.";
//moreInst = "Don't use Caps and spell correctly, butthead";
}//close set up
void draw(){
background(255);
//apply PFont attributes
textFont(f);
textSize(20);
textAlign(CENTER);
fill(0);
//display instructions
text(inst, width/2, 50);
//display typing and saved text
text(type, width/2, 120);
text(saved, width/2, 250);
if(subOf != ""){
backAtYou();
}//
}//close draw
void keyPressed(){
if(key == '\n'){
saved = type;
type = "";
wrap = 70;
searchString(saved);
}
else{
type = type + key;
}//
//this wraps the test to the next line
if(type.length() > wrap){
type = type + '\n';
wrap = type.length() + 60;
}//close if
}//close keyPressed
void searchString(String thisString){
//find the word "butthead" or "Butthead"
int startIndex0 = thisString.indexOf("butthead");
int startIndex1 = thisString.indexOf("Butthead");
//assign the word B/butthead to a new subString
if(startIndex0 > 1){
subOf = thisString.substring(startIndex0, startIndex0 + 8);
}
else if(startIndex1 > 0){
subOf = thisString.substring(startIndex1, startIndex1 + 8);
}//close if
}//Close searchString
void backAtYou(){
//display a new message
backAtYou = "I think YOU are a " + subOf + "!!!!!";
text(backAtYou, width/2, 400);
}//close backAtYou

local_guru

Re: Text rendering

3 years ago

key gets set to -1 of no printable key is pressed. this is where the funny chars come from.

add an if to your keypressed method and only react if key > -1

this should do the trick

PhiLho

Re: Text rendering

3 years ago

Check if (key == CODED) before adding to the string: the keys like ENTER or BACKSPACE generates these strange chars (shown as empty squares on WinXP). See keyCode.

Top Reply

Text rendering

Replies(4)

Re: Text rendering

Re: Re: Text rendering

Re: Text rendering

Re: Text rendering

Statistics

Tags

Actions

Related Posts