Hello, I have tried multiple fonts that support Emoji/Unicode characters, but i found that none of those seem to be working. Is there a way to display Emoji & Unicode in processing?
-Thanks for everyone who can contribute 
1 Like
Can you use JavaFx; renderer FX2D?
No sadly it doesnât make a difference:
FX2D:
P2D:
Original Text in notepad:
This is the same with emojis!
Try this format:
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
String unicodeToStr(String[] unicodeArray) {
StringBuffer buffer = new StringBuffer();
for (int i = 0; i < unicodeArray.length; i++) {
int hexVal = Integer.parseInt(unicodeArray[i], 16);
buffer.append(Character.toChars(hexVal));
}
return buffer.toString();
}
void setup() {
size(1, 1, FX2D);
Stage stage = new Stage();
stage.setTitle("MusicalNotes_Unicode To String Demo");
Pane pane = new Pane();
// **** Musical Notation **** //
String[] musicArray = {"2669", "266A", "266B", "266C", "266D", "266E", "266F"};
String musicStr = unicodeToStr(musicArray);
Text notes = new Text(30, 100, musicStr );
notes.setFont(new Font(100));
notes.setFill(Color.BLACK);
pane.getChildren().add(notes);
Scene scene = new Scene(pane, 680, 360, Color.WHITE);
stage.setScene(scene);
stage.show();
}
This code cannot be run, it says âyou might be missing a libraryâ even tho i have javafx installed!
Could be missing a module(sure wish the editorial team would add _all the modules). Iâll see if I can come up with a work around. You can add a folder called âcodeâ to the sketch folder and install all the modules in there. I just need to see if I can locate them on my system. Could be something else, but this sounds familiar; Windows OS I presume?
Addendum:
You should have a âjavafxâ folder inside your /Documents/Processing folder. Inside the âjavafxâ folder should be a folder called âlibraryâ. Inside that you should see a bunch of folders for the various operating systems. Pick the one that is for your system. Inside there is a folder called âmodulesâ; open that and you should see seven .jar files. Copy all of those .jar files and paste them into the âcodeâ folder that you just created in your sketch folder. Hopefully this helps.
1 Like
Yes im using Windows
1 Like
A technique demonstrated in the recent thread referenced above is probably going to be a lot simpler than trying to use JavaFx:
import java.lang.Character.*;
void setup() {
size(700, 600);
background(244);
textFont(createFont("Wingdings", 44));
int init = 0x1F600;
for (int i = 0; i < 80; i++) {
String s = new String(Character.toChars(init+i));
text(s, 60 + 60*(i%10), 100 + 60*(i/10)); // rows and columns
}
}
Output:
1 Like
Hello @Noodlybanan
I am using Windows 10 and Processing 4.3.
Update to my previous topic:
// Display unicode emojis
// glv
// 2024-01-13
// v1.0.0
//Reference:
// https://stackoverflow.com/questions/5585919/creating-unicode-character-from-its-number
PFont myFont;
import java.lang.Character.*;
int fontStart;
void setup()
{
size(1100, 900);
background(244);
// Uncomment the following two lines to see the available fonts
//String[] fontList = PFont.list();
//printArray(fontList);
myFont = createFont("Segoe UI Emoji", 36);
textFont(myFont);
textAlign(CENTER, BOTTOM);
fill(0);
fontStart = 0x1F300;
println(hex(fontStart));
}
void draw()
{
background(244);
if (frameCount%60 == 0)
{
fontStart += 200;
if (fontStart>0x1FA95) fontStart = 0x1F300;
println(hex(fontStart));
}
for(int i=0; i<200; i++)
{
int cp = fontStart+i;
// Works:
//char [] uc = Character.toChars(cp);
//String s = new String (uc);
// Works:
//String s = new String(Character.toChars(cp)); // Above in one line
// Works:
String s = Character.toString(cp);
text(s, i%20*50+70, (i/20)*80+100); // display grid
}
}
Output:
References:
- java - Creating Unicode character from its number - Stack Overflow
- Emoji - Wikipedia
- GitHub - googlefonts/noto-emoji: Noto Emoji fonts
:)
1 Like
Hi, I try this code on windows 11 with intellij idea, only got the grey output.
Is this a difference between the OS I use?
Is it colorful on mac?
Here is the code & pom.xml
import processing.core.PApplet;
public class VerifyConfig extends PApplet {
@Override
public void settings() {
super.settings();
size(1000, 1000,FX2D);
}
@Override
public void setup() {
textFont(createFont("Segoe UI Emoji", 22));
text("hello, worldâș", 50, 150);
textFont(createFont("Wingdings", 44));
int init = 0x1F600;
for (int i = 0; i < 80; i++) {
String s = new String(Character.toChars(init+i));
text(s, 60 + 60*(i%10), 100 + 60*(i/10));
}
}
public static void main(String[] args) {
PApplet.runSketch(new String[]{"test"}, new VerifyConfig());
}
}
<properties>
<maven.compiler.source>21</maven.compiler.source>
<maven.compiler.target>21</maven.compiler.target>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
</properties>
<repositories>
<repository>
<id>jitpack</id>
<url>https://jitpack.io</url>
</repository>
</repositories>
<dependencies>
<dependency>
<groupId>com.github.micycle1</groupId>
<artifactId>processing-core-4</artifactId>
<version>4.3.3</version>
</dependency>
</dependencies>
To see the output correctly on a mac you donât need the FX2D renderer:
void setup() {
// size(1000, 1000,FX2D);
size(1000, 1000);
textFont(createFont("Segoe UI Emoji", 22));
text("hello, worldâș", 50, 650);
textFont(createFont("Wingdings", 44));
int init = 0x1F600;
for (int i = 0; i < 80; i++) {
String s = new String(Character.toChars(init+i));
text(s, 60 + 60*(i%10), 100 + 60*(i/10));
}
}
Output:
With this warning:
2 Likes
thanks. itâs colorful on windows now.
After I remove the FX2D, and change from Oracle build to Jetbrains build 21.0.3b509.11 · JetBrains/JetBrainsRuntime
@Override
public void settings() {
super.settings();
size(1000, 1000);
}
@Override
public void setup() {
fill(0);
textFont(createFont("Segoe UI Emoji", 50));
int init = 0x1F600;
for (int i = 0; i < 80; i++) {
String s = new String(Character.toChars(init+i));
text(s, 60 + 60*(i%10), 100 + 60*(i/10)); // rows and columns
}
}
1 Like