Comments (3)
the white flashing screen
You're going to have to clarify your configuration. There should not be any such screen for equirectangular images, and for multires images, the default color is black.
Assuming you're using multires images and have just changed the default color, there are two things you can do to alleviate this.
First, there's the sceneFadeDuration
configuration parameter, which allows you to specify a fade from the old scene to the new scene; this gives the new scene more time to load, which should lessen the effect.
Second, using the master
branch, you can specify either the shtHash
or equirectangularThumbnail
configuration options. The shtHash
parameter allows you to provide a spherical-harmonic-transform-based preview, and the equirectangularThumbnail
parameter allows you to provide a Base64-encoded equirectangular thumbnail image. In either case, the preview will be immediately displayed instead of the solid color, prior to any tiles being loaded. The current version of generate.py
will generate the shtHash
for you, assuming pyshtools
is installed.
from pannellum.
Sorry for the lack of specificity. I'm serving equirectangular images outside of a tour as I don't know all the images that the user may want to access. When user click to move to the next image the previous image they were viewing disappears and the screen below appears. I'd like the previous image to remain until the new image is ready to be served.
![Screenshot 2024-04-17 at 7 22 44 AM](https://private-user-images.githubusercontent.com/145710963/323235407-4dc34c3b-43ad-4f91-83d5-c5fceeaa6d74.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0NTE4ODAsIm5iZiI6MTcyNDQ1MTU4MCwicGF0aCI6Ii8xNDU3MTA5NjMvMzIzMjM1NDA3LTRkYzM0YzNiLTQzYWQtNGY5MS04M2Q1LWM1ZmNlZWFhNmQ3NC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyM1QyMjE5NDBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04MmFhMGNmZTRkNDZmZTQ2N2Q1NTg1ZjY3YWY4Y2NiMGZiNmY3MzA4NDFlOTQwNmY0NWQ1YWZkNTU4ZGNmMDhmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9._k9GltGwycYr9swMxCFJB-SNWsy-GwqEylX3xaC3Eyw)
from pannellum.
Tours can still be and should be used in the context you're describing. When you want to move to a new image, use the API's addScene
method to add it as a new scene followed by the loadScene
method to switch to it (you can optionally use removeScene
to remove the previous scene after switching). This avoids the loading screen background and avoids repeatedly creating new WebGL contexts.
from pannellum.
Related Issues (20)
- Can I use a normal image (not panorama or photosphere) in pannellum? HOT 2
- i have problem caching image i set to canvas HOT 2
- Mouse click to cube coordinates HOT 1
- generate.py tile size edge case HOT 1
- Cubemap panorama HOT 1
- question - Support for depth map (equirectangular image with encoded depth value) HOT 1
- Virtual Tour Scene Misalignment with Navigation Arrows. HOT 3
- black squares when using multiple resolutions HOT 1
- Add typescript definitions on DefinitelyTyped HOT 1
- Feature Request: /latest/ path on cdn.pannellum.org HOT 1
- autoRotateInactivityDelay without autoRotate causes it to lookAt on scene start HOT 3
- how to set custom hotSpots arrow rotation HOT 1
- Untilting a panorama HOT 2
- Simple Panorama Example can't load my image? HOT 2
- Why there is no LOADING system for MRES pano ? HOT 1
- How to turn the azimuth values of nearby points to the hotspot view inside the panoramic view. HOT 8
- some android browser throw maxWidth error HOT 1
- Viewer.removeHotSpot HOT 2
- cannot get the setRoll() function to work HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pannellum.