Camera Skybox lost when uploading to needle cloud

🌵 Needle Engine
1

When I run a project in localhost:3000 or using the link provided in the Vite build, my background (camera with skybox, its the same from the needle sample) appears as it should. However, when I send the project to needle cloud, this is lost and I get a white background.

Any help how can i fix this?

image
image1158Ă—447 41.4 KB

2

It sounds like the issue might be related to how the skybox and environment textures are being referenced or loaded when deploying to Needle Cloud. Based on common issues, here are some steps you can try:

  1. Ensure the skybox and environment textures are correctly referenced in your project:

    • Double-check that the URLs or paths to your skybox/.hdr/.exr files are correct.
    • Confirm that these files are uploaded to Needle Cloud and are accessible from the URL you’re using in your project.

  2. Verify the HTML attributes:

    • Make sure you’re using the correct HTML attributes to set the skybox, as described in the documentation. For example:
      <needle-engine src="path/to/your/scene.glb" needle-skybox-url="path/to/your/skybox.hdr"></needle-engine>

  3. Check the environment setup:

    • Ensure that your project is using only core Needle Engine components if you’re deploying via CDN. Any custom scripts or shaders might need special handling.

  4. Test with a simplified setup:

    • Create a minimal setup with a single scene and a clear skybox to see if the issue persists. This will help isolate whether the problem is specific to your current project or a broader issue.

If the issue persists, consider reaching out to the community or support channels for further assistance, as they may have additional insights or examples that could help resolve the problem.

For more detailed guidance, you can refer to the “Camera Video Background” section in the documentation, which discusses how to integrate video backgrounds and similar assets in your projects.

Sources: Needle Engine Docs (63%), Needle Engine API (62%), Needle Engine Docs (59%), Needle Engine Docs (57%), Needle Engine Docs (57%), Needle Engine Docs (56%), Needle Engine Docs (55%), Needle Engine API (55%), Needle Engine Docs (55%)

1 replies left - Become PRO for more replies.
Reply to this post directly if you need further help (bottom right button)

3

I updated my needle enginge, reuploaded and now it works

4

To troubleshoot the white background issue in Needle Cloud, you can check if the skybox and environment texture URLs are being correctly loaded there. Here’s what you can verify:

  1. Ensure that the skybox and environment texture files are properly uploaded to Needle Cloud.
  2. Check if the URLs to these assets are correctly specified in your project’s configuration.
  3. Verify that the skybox and environment settings are compatible with both local and cloud environments.

If the URLs are correct and you’ve confirmed that the files are accessible over the network, you might want to reach out for support on the Needle Engine Forum or Discord server for further assistance. There could be specific configurations or environment differences that need to be addressed when deploying to Needle Cloud.

Sources: Needle Engine Docs (67%), Needle Engine Docs (61%), Needle Engine Docs (60%), Needle Engine API (59%), Needle Engine Docs (58%), Needle Engine Docs (57%), Needle Engine API (57%), Needle Engine API (56%), Needle Engine API (55%)

0 replies left - Become PRO for more replies.
Reply to this post directly if you need further help (bottom right button)

5

Hi can you share more details:

Which Needle Engine version did you use vs now?

By sending to Needle Cloud did you Deploy to Cloud from Unity or Blender or did you drag drop your GLB on the Needle Cloud website?

Can you share a link to your uploaded website?

6

Hello Pavel,

Thanks for reporting. The issue has been caused by a newer build pipeline version which allows compression of the skybox and environment lighting - when it ran with an older Needle Engine version then the old engine version was not able to correctly load the newly compressed skybox.

I have now reverted the build pipeline update temporarely and will lock the old version for the future. It should now work as before with the old engine.

Here’s a docs page for the new compression format if you’re interested: FastHDR Environment Lighting | docs
It loads roughly 1000x faster than traditional formats.