Why? 'true type 'text Does' html5 'target not support spacing?

Haxe
1

Why? 'true type ‘text
Does’ html5 'target not support spacing?

2

When displaying smaller text, the text sticks together.

3

Especially with the addition of luminescent filters for contour tracing

4

This issue was raised some time ago it appears.

From what I can garner, support was never fully implemented for HTML5, and if I’m not mistaken, I suspect this was due to a prior limitation in the CanvasRenderingContext2D.fillText() method not supporting letter spacing. From what I can gather, up until March this year, the method didn’t offer letter spacing control, and so in order to support letter spacing, OpenFL would have to hack in a work-around, like treating each character as a separate field and then spacing them accordingly, which would likely produce other problems.

Now however, it appears a letterSpacing property has been added to CanvasRenderingContext2D, so perhaps it’s possible to finally add support to OpenFL.

image
image972×539 96.4 KB

5

When will openfl html5 support letterpacing?

6

The luminous filter in “openfl” has no effect on the intensity in “html5”, so I increased the transparency to 4, so that the html5 text has a hard outline. However, this way, the rendering of html5 and flash luminous filters is inconsistent! Has anyone noticed this issue?

7

I just committed a new implementation of letterSpacing for the html5 target in OpenFL’s 9.6.0-dev branch.

@Bink Thanks for pointing out the new property on CanvasRenderingContext2D.

2 Likes
8

Nice work @joshtynjala! :smiley:

9

When can this be implemented in ‘openfl’?

10

.

.
Can you contact the author of the “bitmap font” production tool? Can I request the author to add a ‘glowing filter’? Or add intensity to the ‘shadow effect’
.

11

.
Or do you have any other better bitmap font making tools to recommend?
.
Has the issue with anchor support for ‘starling’ that you reported last time been resolved? Has “TexturePackerGUI” now implemented anchor functionality for “starling”?
.

12

@joshtynjala has pushed this as a commit, so it’s available now in the git version of OpenFL.

To install the git version:

haxelib git openfl https://github.com/openfl/openfl.git
haxelib set openfl git

Be aware though, the git version is possibly going to have issues, it’s pre-release and is still in testing. You may also need to install Lime’s git version too, as the two projects work closely with one another. That also involves a build step.

haxelib git lime https://github.com/openfl/lime.git
haxelib set lime git
haxelib run lime rebuild tools

I’ve shown you in the past how to accomplish that yourself, was that not sufficient?

It’s a work in progress.

13

See here:

Here:

And here:

14

Yes, I remember the method you mentioned before, which involves multiple overlays in image processing software, but I feel like it’s taking a detour unless the bitmap font production tool doesn’t support it. If the bitmap font production tool supports it, it’s straightforward and more convenient.

15

A reminder that I committed this feature in the 9.6.0-dev branch and not the default develop branch (since 9.5 will be released soon, and I didn’t want to risk breaking anything unintentionally).

1 Like
16

How many days until OpenFL9.5 is released?

17

I cannot tell you the exact number of days. Everyone contributing to OpenFL and Lime is a volunteer, and we work on the project in our free time, so there is no schedule. The 9.5 release will likely be in November, if all goes well.

1 Like
18

.
When does’ starling true type font ‘support’ spacing '?
.

19

I can’t wait to use ‘spacing’

20

Letter spacing for true type fonts on the html5 target will be supported in OpenFL 9.6.0. We plan to release 9.5.0 later this month. With that in mind, 9.6.0 probably won’t be released for 3-6 months, but possibly longer. Until then, you can check out the 9.6.0-dev branch from the Git repository to try it early.