[R103] positions not right in FF

Bugs will be moved here once resolved.

Post » Tue Sep 18, 2012 7:19 pm

Even with the origin set to 0,0, objects are not the same in the designer as they are in the browser. I have not seen this problem with R99 or earlier, I believe its a bug in R103. The result is I can get it to look ok in FF, or ok in IE, but not both which is a bit of a show stopper.

See the following two screen shots:

1: This is the layout in C2. I move the objects (e.g. "WON: 100" too low to make them look ok in FF)



2) Now you can see in FF, its moved the text up a bit:



3) But now I check IE, and its the same as C2, So is too low:

nutmix2012-09-18 19:22:10
B
15
S
5
G
2
Posts: 357
Reputation: 3,691

Post » Tue Sep 18, 2012 8:32 pm

From the text manual entry:

[quote]Text rendering
Different browsers render text in different ways, and Construct 2's layout view also renders text differently to other browsers. This means you should expect the appearance of the Text object to vary slightly across browsers.

You should test your game in a range of browsers to ensure text objects display how you intend for all users. For more information see Best practices.[/quote]

Unfortunately it's just a side effect of having lots of different text renderers in different browsers. There are some vertical align tools coming for the text object in the next release - that might help.
Scirra Founder
B
359
S
214
G
72
Posts: 22,951
Reputation: 178,578

Post » Tue Sep 18, 2012 8:52 pm

The text looks the same, its the position which is about 7 pixels too low in FF. The same project with the same layout looks fine in all browsers in R99. I have not seen this effect till 103.

Ill create a capx.

B
15
S
5
G
2
Posts: 357
Reputation: 3,691

Post » Thu Sep 20, 2012 2:23 pm

This problem has been reported before r99. It's just down to different rendering depending on the browser. There's not much we can do about it, and it's not even specific to Construct 2 (any HTML5 engine will have to deal with this) so I think I'll have to close this report for now.
Scirra Founder
B
359
S
214
G
72
Posts: 22,951
Reputation: 178,578

Post » Thu Sep 20, 2012 5:14 pm

Unfortunately, if it cant be fixed, I still need to find a solution or workaround - the game looks terrible in FF which is one of the most common browsers - its in the show stopper category.

What is a good workaround strategy? -
1) to do it in the game (e.g. use the user-agent string to try and detect FF like browsers, then subtract 6 from the Y coordinate of all text items? Its a shame text items cant be put in a family for this.
2) to do something in CSS/HTML?

Is no-one else using text and Firefox?

Thanks,nutmix2012-09-20 17:14:33
B
15
S
5
G
2
Posts: 357
Reputation: 3,691

Post » Thu Sep 20, 2012 5:29 pm

1) You can put text objects in families.
The family needs to contain only text object types though.

As a workaround you might also make the "win" score a series of sprites, each frame being a number and displaying the correct frame according to the current win score.

New to Construct ? Where to start

Image Image
Image Image

Please attach a capx to any help request or bug report !
Moderator
B
247
S
85
G
40
Posts: 6,999
Reputation: 57,793

Post » Thu Sep 20, 2012 11:42 pm

You can use SpriteFont as a workaround. Or the vertical align in the next build might help.
Scirra Founder
B
359
S
214
G
72
Posts: 22,951
Reputation: 178,578


Return to Closed bugs

Who is online

Users browsing this forum: No registered users and 0 guests