Comments (6)
in otherway i am tring to achieve
http://pchen66.github.io/Panolens/examples/panorama_basic.html
in image panorama.How can I do that?
from panolens.js.
Here's a basic example that might help you achieve what you want. http://codepen.io/pcehn66/pen/vKvWQV If it's rendering on different container (other than panorama itself), you have to create another renderer, camera, and scene to render on that particular element you want. One thing to note is that the hovering element isn't the one you created in the first place (to avoid browser reflow or layout change), you can call infospot.element
to get the dom element and append renderer.domElement
to it.
from panolens.js.
Thanks :) It Works...
from panolens.js.
Hi,
Infospot Object is not Displaying in Cardboard/Stereoscopic view.Any Solution?
from panolens.js.
yes, that's because the dom element in the stereo/cardboard mode is cloned. You can attach event listener when the mode is changing to dual screen and re-enable rendering after these side-by-side elements being created.
from panolens.js.
Here's a basic example that might help you achieve what you want. http://codepen.io/pcehn66/pen/vKvWQV If it's rendering on different container (other than panorama itself), you have to create another renderer, camera, and scene to render on that particular element you want. One thing to note is that the hovering element isn't the one you created in the first place (to avoid browser reflow or layout change), you can call
infospot.element
to get the dom element and appendrenderer.domElement
to it.
pchen66 instead of hovering on the info spot to pop up content can you make it an "onclick" event? I tried but it is not working. Also can you add animated gifs on top of the pano viewer?
from panolens.js.
Related Issues (20)
- Overwrite default ControlBar style
- Video playback without sound HOT 1
- How to move around 3d added in panorama in VR mode
- Blurred image
- viewer.setPanorama shows black in case of cube panorama
- Stitch line visible after texture update
- Panolens offline HOT 2
- Side scrolling and zooming
- How can a script find out which scene is currently loaded? HOT 1
- add logo in README.md for panolens.js
- '@types/panolens@*' is not in this registry. HOT 1
- What is the space model for positioning infospots [ e.g. in .setposition(x,y,z)] HOT 1
- Infospot sink in Panorama. HOW can i fix this?
- Lag on mobile phone
- How can I change viewer when update state in ReactJS? HOT 1
- PANOLENS is not defined ... HOT 2
- Panolens in react website , sensor control does not work in mobile phone
- Infospot custom icon not working in latest IOS 16.4.1 HOT 3
- Raycastingpoint NaN on Mobile Device after OnTap
- Coordinate systems do not match between two copies of a panorama 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 panolens.js.