NFT fset & iset files not loading consistently, stuck at "Loading, please wait..." screen

[object404]

Do you want to request a feature or report a bug? Reporting a bug

What is the current behavior? Half the time the AR.js experience hangs and it might be caused by the NFT fset, fset3, and iset files possibly not loading.

Console logs are stuck at "[info] Labeling mode set to 1" and the experience is stuck at the "Loading, please wait..." screen.

After reloading the browser a few times, it gets past it and continues to the AR experience, but the inconsistency of getting past the loading screen is very worrying.

If the current behavior is a bug, please provide the steps to reproduce. I used the NFT Video pinball example at:

https://github.com/AR-js-org/AR.js/tree/master/aframe/examples/image-tracking/nft-video

and the T-Rex example at: https://github.com/AR-js-org/AR.js/tree/master/aframe/examples/image-tracking/nft

Please mention other relevant information such as the browser version, Operating System and Device Name Chrome Android 9 ASUS ZenFone

What is the expected behavior?

That the experience gets past the loading screen

If this is a feature request, what is motivation or use case for changing the behavior?

The inconsistency of getting past the loading screen or not is a dealbreaker for using the AR.js library and recommending it to other devs :-(

[object404]

I uploaded the pinball example to my server and it gets stuck on Loading half the time:

https://object404.com/arpinball/

[object404]

Here's a screenshot of the Chrome devtools logs:

https://object404.com/arpinball/arpinballstuck.png

[kalwalt]

Hi @object404 which type of server are you using?

[object404]

I use no special backend. It's just a typical server. Not hosted from my own PC. I'd rather not name the provider for security purposes.

[kalwalt]

I tested in my desktop machine and it is loading all the times, I know that loading is slow. @ThorstenBux and @Carnaux tried to develop in jsartoolkit5 a system to speed up the process but it is quite experimental, see this issue

[Carnaux]

For testing the compression system in jsartoolkit5:

The branch of jsartoolkit5: https://github.com/Carnaux/jsartoolkit5/tree/compression

The branch of the NFT-Marker-Creator: https://github.com/Carnaux/NFT-Marker-Creator/tree/compression-master

Be aware that this jsartoolkit5 branch is older than the current ones.

[kalwalt]

Daniel would be nice continue the dev of this... :slightly_smiling_face:

[object404]

Okay I'll try making a marker this one: https://github.com/Carnaux/NFT-Marker-Creator/tree/compression-master

I'll update you guys!

[object404]

Okay, I tried downloading the above tree as ZIP, did npm install,

then when I type npm app.js -i markerImage.png, it didn't run unlike in the master branch and this is what the console resulted in:

Usage: npm <command>

where <command> is one of:
    access, adduser, audit, bin, bugs, c, cache, ci, cit,
    clean-install, clean-install-test, completion, config,
    create, ddp, dedupe, deprecate, dist-tag, docs, doctor,
    edit, explore, fund, get, help, help-search, hook, i, init,
    install, install-ci-test, install-test, it, link, list, ln,
    login, logout, ls, org, outdated, owner, pack, ping, prefix,
    profile, prune, publish, rb, rebuild, repo, restart, root,
    run, run-script, s, se, search, set, shrinkwrap, star,
    stars, start, stop, t, team, test, token, tst, un,
    uninstall, unpublish, unstar, up, update, v, version, view,
    whoami

npm <command> -h  quick help on <command>
npm -l            display full usage info
npm help <term>   search for help on <term>
npm help npm      involved overview

Specify configs in the ini-formatted file:
    C:\Users\pcuser\.npmrc
or on the command line via: npm <command> --key value
Config info can be viewed via: npm help config

[email protected] C:\Program Files\nodejs\node_modules\npm

I can't get app.js to run :-/

[kalwalt]

@object404 i think you should run the command with node not npm: node app.js -i markerImage.png

[object404]

Ugh I'm an idiot! That worked, thanks! (sorry lack sleep)

[jwebking]

I was having the same issue with the loading screen. Adding these details in case they help anyone else.

Generate your image here: https://carnaux.github.io/NFT-Marker-Creator/

Make sure these two scripts are in your index.html file.

Models and CORS: For your nft url or entity-model url, you can use: https://arjs-cors-proxy.herokuapp.com/ {path to your raw github code or file}

[everythingability]

Yep... had all those... but thanks.

[kalwalt]

Maybe this stackoverflow article can be useful?

[mchangxe]

any update to this???? it takes me 10min + to finish loading and most of the times the page just seems to be stuck. Any ideas?

[PedroNan]

I have a similar problem, it works with the trex image in the example, but when I change this image to a custom one it doesn't work and the app gets stuck on the "loading, please wait" message and never moves from here. Any ideas how to fix it?

[Ebeleh]

I have a similar problem, it works with the trex image in the example, but when I change this image to a custom one it doesn't work and the app gets stuck on the "loading, please wait" message and never moves from here. Any ideas how to fix it?

I have this problem too . do u know how to fix it?

[Seeingred0]

Yep, seems like a big problem for me also, even the main example on codepen takes forever to load - https://codepen.io/nicolocarpignoli/pen/vYOeYKd?editors=1010

[pipboy9000]

I'm getting the same problem, any news on this?

[kashishs1993]

Same problem. Any update?

[alejandrogamezg]

I have the same problem. Has anyone been able to solve?