How to give a pixel wood texture to font similar to Stardew Valley?

1 week ago 15
ARTICLE AD BOX

I'm currently working on my bachelor's project, I downloaded the Stardew Valley Title font to use it in my Web Game but I'm having problems getting that wooden texture. Here is how my title related code looks like :

// Add game title text // Filled background text const back = this.add.text(width / 2, 100, 'Code Quest', { fontSize: '88px', color: '#d18d36', fontFamily: 'StardewValleyTitle', }).setOrigin(0.5); // Outlined/stroke text on top const front = this.add.text(width / 2, 100, 'Code Quest', { fontSize: '88px', color: '#e87400', stroke: '#d36008', strokeThickness: 6, fontFamily: 'StardewValleyTitle', }).setOrigin(0.5); // Add shadow effect front.setShadow(4, 6, '#683f20', 0, true, false);

And how the font looks in the Main Menu:

CurrentLook.png

My goal is to learn how to add the wooden texture similar to this image: style that I want

The font for this picture is downloadable and it's the one I'm currently using, but I haven't found a way to give it the texture that I want. It doesn't necessarily have to look exactly like this but I want to learn how to make a similar wooden look.

Read Entire Article