Help with exporting to web

Help
, ,
1

Godot Version

4.3

Question

My export to web is not showing in any web browser on macOS, iOS or ipadOS. I have tried Firefox on my Mac.

The project shows the Godot icon and download progress bar then shows a flat grey screen.

This is my first go at exporting a game project. I have downloaded the templates and followed some simple YouTube tutorials.

The link below is to a page on my website showing a video of how the simple game scene should look. The link further below is to the game export web link.

https://toygun.com.au/05/

2

Have you turned off cross-origen isolation from the export settings.

3

Thereā€™s a lot of settings in the export documentation I donā€™t understand.

I did have Cross Origin Isolation Headers on but have turned them off.

I also had Extensions and Thread support but noticed the documentation says they require some customisation so have turned them off

web_export_settings
web_export_settings1200Ɨ1614 170 KB

4

I turned on ā€˜Progressive Web App - Enabledā€™ as I donā€™t control the servers for my website.

Here are my Godot settings again, the files uploaded and some Safari console errors -

godot_export
godot_export1200Ɨ1667 173 KB

uploaded_files
uploaded_files506Ɨ1112 55.3 KB

browser_console_errors
browser_console_errors1878Ɨ366 83.6 KB

5

Could you send a picture of what your project is supposed to look like? You may not have exported your image or object files, so they might not be appearing.

6

This link in my first post has a screen video of what you would see -

These are the files that are uploaded to my web host -

exported_files
exported_files1530Ɨ951 106 KB

I changed the Godot Renderer to Compatibility and no longer get the web console errors

8

I am also facing the same issue. @rory_b did you resolve the issue

9

No @babusarath121, I have not found a solution yet.

I noticed another post that is asking for help with similar problems -

10

I Posted this @rory_b , Still I am looking to find the solution last one week. But I cant resolve the issue. I tried many methodā€™s, nothing is work out for me.

@godot_team let as know is that any solution for this issues

11

Oops! Sorry, you did too @babusarath121

Letā€™s hope

12

One random thing, but is your game on a plane/cube thatā€™s absurdly large? Scale it down to be only the size it needs to be. I had problems with that a while ago.

13

Hi @mrnull,

Yes, the scene background ā€˜compoundā€™ was made out of one large simple box with a repeating texture on each of the four large planes but nothing was scaled.

I broke the scene up into smaller pieces and uploaded it but I still cannot see anything in a browser.

(Hereā€™s a screenshot of the background pieces)

crashbot_bg_pieces
crashbot_bg_pieces1119Ɨ703 223 KB

1 Like
14

with this config i export to github pages
turn off:

  • progresive web app
  • threads
  • cross origins

turn on compress texture for:

  • desktop
  • mobile

if you have an iphone you need to add icons with different resolutions but that is another topic

15

Hey @hallucination,

Thanks for your output settings. Iā€™ll keep this for reference. It hasnā€™t solved the issue Iā€™m having though.

I had another idea and checked to see that the main scene of the game was saved as the Main Scene, and it was, as I had a couple of blank working scenes in the project so made sure it wasnā€™t opening them on play.

Soooo, still looking : )

16

Have you tried uploading to other site like itch.io or github pages for example?

17

No I havenā€™t.

I have an itch.io account so Iā€™ll give it a go.

EDIT:
Here is a link to the simple character demo scene on my itch.io

If this is working on Itch.io what does this say about my web host or web host settings where I tried to upload it before?

The scene also appears darker in my web browser but donā€™t worry if thatā€™s another can or worms
: )

18

it looks nice.
i have no idea how your web server is configured, but in the case of itch.io and github pages they look for the index.html and serve it every time you enter the site.
in web export, you have to remember that browsers use a different renderer, which is why the lights look different. maybe you need to look at something like GIProbe or post processing effects.

19

Thanks.

I thought there might be a feature to look for when looking at hosting. I have a basic plan with Hostinger. I would look to upgrade if I knew what I was upgrading for.

Thanks for the info on app renderers and tips on post processing. Will definitely look into that.

While looking for ways to get this character turnaround on my web site I found Itch.io has a Game Embeds embed feature so will give that a go too.

20

try contacting hostinger support team, they might be able to help you.
i did not know about the ā€œembed gameā€ option, it looks promising.
btw, good luck with your deploy!

21

Thatā€™s a good idea. I might learn something about my hosting and what is or isnā€™t happening.

Cheers