How to render colored emoji?

[AllenDang]

Version/Branch of Dear ImGui:

Version: 1.82
Branch: master

Back-end/Renderer/Compiler/OS

Back-ends: imgui_impl_glfw.cpp + imgui_impl_opengl3.cpp
Operating System: MacOS

My Issue/Question:

How to render colored emoji?

Here is what I've done:

1. Add #define IMGUI_USE_WCHAR32 to imconfig.h.
2. Add "Apple Color Emoji.ttc" font with minimal glyph range "⌚️<-watch 😊<-smile" to test emoji rendering.
3. Create imgui.TextUnformated("⌚️<-watch 😊<-smile")

The emoji doesn't be rendered. Do I have to change anything in the renderer or platformer to render them correctly?

Screenshots/Video

[ocornut]

Hello,

If I type "How to render colored emoji" into the search box I find #3369

The short-answer is:

• It only work with imgui_freetype rasterizer (need Freetype library)
• You need to use the ImGuiFreeTypeBuilderFlags_LoadColor flag.
• Not every font will work.

When you load a font and have a problem, always use Style Editor>Fonts to browse the loaded fonts data.

I will now work on updating the FONTS.md documentation and imgui_freeytpe documentation to mention this. Thank you!

[ocornut]

I will now work on updating the FONTS.md documentation and imgui_freeytpe documentation to mention this. Thank you!

Added a new section in FONTS.md now:
https://github.com/ocornut/imgui/blob/master/docs/FONTS.md#using-colorful-glyphsemojis

And link to it from imgui_freetype/README as well.

[AllenDang]

@ocornut Thanks for the guidance!