TTF not working in HTML5 - GameCreators Forum

Author

Message

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 20th Dec 2016 23:49 Edited at: 20th Dec 2016 23:52

Link

Has anyone got a TTF font other than default working in an HTML5 app? My app is crashing as soon as I try to display any text in a loaded TTF.

Let me whip up some example code....

Ok... Please try this:

+ Code Snippet


// Project: ttfTest 
// Created: 2016-12-20

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "ttfTest" )
SetWindowSize( 1024, 768, 0 )

// set display properties
SetVirtualResolution( 1024, 768 )
SetOrientationAllowed( 1, 1, 1, 1 )
SetSyncRate( 30, 0 ) // 30fps instead of 60 to save battery
UseNewDefaultFonts( 1 ) // since version 2.0.20 we can use nicer default fonts

LoadFont(1,"K.ttf")

CreateText(1,"Merry Christmas!")
SetTextFont(1,1)
SetTextSize(1,180)
SetTextPosition(1,30,30)

do

	

    Print( ScreenFPS() )
    Sync()
loop

Media attached.

AARGH! Sorry for double post. The forums are SO bugged lately. Why does nobody try to fix the problems that get reported in the forum bug thread?

V2 T1 (Mostly)
Phone Tap!
Uzmadesign

Attachments

Login to view attachments

Back to top

Profile PM Email Website

xCept

21

Years of Service

User Offline

Joined: 15th Dec 2002

Location:

Posted: 21st Dec 2016 00:08

Link

You're right it crashes for me as well. Definitely a bug. Here's the cryptic error message it spits out.

uncaught exception: abort() at jsStackTrace@http://localhost/ttfhtml/AGKPlayer.js:1:22131 stackTrace@http://localhost/ttfhtml/AGKPlayer.js:1:22314 abort@http://localhost/ttfhtml/AGKPlayer.js:3:10641 _abort@http://localhost/ttfhtml/AGKPlayer.js:1:264261 gEa@http://localhost/ttfhtml/AGKPlayer.asm.js:7:1 HOa@http://localhost/ttfhtml/AGKPlayer.asm.js:16:1 wPa@http://localhost/ttfhtml/AGKPlayer.asm.js:16:1 yo@http://localhost/ttfhtml/AGKPlayer.asm.js:9:1 Owa@http://localhost/ttfhtml/AGKPlayer.asm.js:10:1 Wba@http://localhost/ttfhtml/AGKPlayer.asm.js:13:1 Rca@http://localhost/ttfhtml/AGKPlayer.asm.js:13:1 Fba@http://localhost/ttfhtml/AGKPlayer.asm.js:13:1 ln@http://localhost/ttfhtml/AGKPlayer.asm.js:9:1 tn@http://localhost/ttfhtml/AGKPlayer.asm.js:9:1 Hn@http://localhost/ttfhtml/AGKPlayer.asm.js:9:1 xC@http://localhost/ttfhtml/AGKPlayer.asm.js:8:1 Rh@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 Yh@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 Ph@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 bQa@http://localhost/ttfhtml/AGKPlayer.asm.js:16:1 invoke_ii@http://localhost/ttfhtml/AGKPlayer.js:1:295667 uh@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 Rg@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 MQa@http://localhost/ttfhtml/AGKPlayer.asm.js:16:1 Runtime.dynCall@http://localhost/ttfhtml/AGKPlayer.js:1:10626 Browser_mainLoop_runner/<@http://localhost/ttfhtml/AGKPlayer.js:1:104500 Browser.mainLoop.runIter@http://localhost/ttfhtml/AGKPlayer.js:1:106038 Browser_mainLoop_runner@http://localhost/ttfhtml/AGKPlayer.js:1:104396 If this abort() is unexpected, build with -s ASSERTIONS=1 which can give more information.

+ Code Snippet

uncaught exception: abort() at jsStackTrace@http://localhost/ttfhtml/AGKPlayer.js:1:22131 stackTrace@http://localhost/ttfhtml/AGKPlayer.js:1:22314 abort@http://localhost/ttfhtml/AGKPlayer.js:3:10641 _abort@http://localhost/ttfhtml/AGKPlayer.js:1:264261 gEa@http://localhost/ttfhtml/AGKPlayer.asm.js:7:1 HOa@http://localhost/ttfhtml/AGKPlayer.asm.js:16:1 wPa@http://localhost/ttfhtml/AGKPlayer.asm.js:16:1 yo@http://localhost/ttfhtml/AGKPlayer.asm.js:9:1 Owa@http://localhost/ttfhtml/AGKPlayer.asm.js:10:1 Wba@http://localhost/ttfhtml/AGKPlayer.asm.js:13:1 Rca@http://localhost/ttfhtml/AGKPlayer.asm.js:13:1 Fba@http://localhost/ttfhtml/AGKPlayer.asm.js:13:1 ln@http://localhost/ttfhtml/AGKPlayer.asm.js:9:1 tn@http://localhost/ttfhtml/AGKPlayer.asm.js:9:1 Hn@http://localhost/ttfhtml/AGKPlayer.asm.js:9:1 xC@http://localhost/ttfhtml/AGKPlayer.asm.js:8:1 Rh@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 Yh@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 Ph@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 bQa@http://localhost/ttfhtml/AGKPlayer.asm.js:16:1 invoke_ii@http://localhost/ttfhtml/AGKPlayer.js:1:295667 uh@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 Rg@http://localhost/ttfhtml/AGKPlayer.asm.js:14:1 MQa@http://localhost/ttfhtml/AGKPlayer.asm.js:16:1 Runtime.dynCall@http://localhost/ttfhtml/AGKPlayer.js:1:10626 Browser_mainLoop_runner/<@http://localhost/ttfhtml/AGKPlayer.js:1:104500 Browser.mainLoop.runIter@http://localhost/ttfhtml/AGKPlayer.js:1:106038 Browser_mainLoop_runner@http://localhost/ttfhtml/AGKPlayer.js:1:104396 If this abort() is unexpected, build with -s ASSERTIONS=1 which can give more information.

Back to top

Profile PM Email Website

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 21st Dec 2016 00:17 Edited at: 21st Dec 2016 00:21

Link

Great! Thought I was going mad. Thanks for confirming.

It gives errors when uploaded to a web server too, so not a local host issue.

V2 T1 (Mostly)
Phone Tap!
Uzmadesign

Back to top

Profile PM Email Website

Paul Johnston

TGC Developer

22

Years of Service

User Offline

Joined: 16th Nov 2002

Location: United Kingdom

Posted: 21st Dec 2016 01:31

Link

Strange, if I use the font you attached then it crashes, but if I use the one attached to this post then it works. Unfortunately I'm away from Wednesday so I don't think I'll get a chance to look into this until I'm back in January.

Attachments

Login to view attachments

Back to top

Profile PM Email

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 21st Dec 2016 01:41

Link

It's already Wednesday. Lol.

Thanks for taking a look Paul. I'll try to find some TTF tools in the meantime to see if I can clean it up. Maybe something is out of spec with the font.

V2 T1 (Mostly)
Phone Tap!
Uzmadesign

Back to top

Profile PM Email Website

Sorry your browser is not supported!

AppGameKit Classic Chat / TTF not working in HTML5

Attachments

Attachments