Sie sind nicht angemeldet.

How can i overlap multiple images in KrPano?

sikbrad

Anfänger

  • »sikbrad« ist der Autor dieses Themas

Beiträge: 5

  • Nachricht senden

1

Montag, 26. August 2019, 09:37

How can i overlap multiple images in KrPano?

I want to overlap(blend) two panorama image, and want to blend with slider.
I want to overlay panorama image in the front of background panorama image.
So it is basically two panorama images overlapped, and making it turn on and off, and add alpha slider UI to it.
This picture shows what i want to do.... refer the attached image please!


I am thinking of numerous options. Like, making multiple instances of krpano and overlap, while making foreground krpano translucent, or even using three.js thing. But not sure which one is actually possible... what do you think?
And here's my research...
To my best knowledge, this is what i could found with research. https://www.cinod.fr/wordpress/wp-conten…lan-dessin.html
But it is not so much helping because it is swf...
And I could find official 'blending image' thing https://krpano.com/examples/119/krpano.h…ending-demo.xml
in official examples folder, but existing API won't allow me to change blend progress.


Could you let me know how I could achieve this?
My environment is as follows - shows tiled panorama, 20k x 10k. Not using flash, and should support IE9(using canvas).
Thank you in advance!




출처: <https://krpano.com/forum/wbb/index.php?f…it&postID=79183>
»sikbrad« hat folgendes Bild angehängt:
  • 20190823_183138_2.png

LHON

Anfänger

Beiträge: 1

  • Nachricht senden

3

Montag, 26. August 2019, 10:28

Is there another way?

I think the writer want to make two images panorama, not hotspots.
The hotspots can't implement multires.
So if he want to use two multires images, couldn't make it with hotspots.

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

4

Montag, 26. August 2019, 10:57

Hi,

Not sure about your slider question, the on and off might be possible in future updates...
but can you tell how you made the depthmap of the pano?

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

jordi

Profi

Beiträge: 583

Wohnort: Barcelona

Beruf: creating ideas & coding them

  • Nachricht senden

5

Montag, 26. August 2019, 11:39

Zitat von »Tuur«

can you tell how you made the depthmap of the pano?

seems like kandao camera
everpano.com step beyond 360

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

6

Montag, 26. August 2019, 11:44

ah ok..

thanks Jordi ;-)

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

sikbrad

Anfänger

  • »sikbrad« ist der Autor dieses Themas

Beiträge: 5

  • Nachricht senden

7

Montag, 26. August 2019, 11:59

How i made depth map

Zitat von »Tuur«

Hi,

Not sure about your slider question, the on and off might be possible in future updates...
but can you tell how you made the depthmap of the pano?

Tuur *thumbsup*

Zitat von »Tuur«

ah ok..

thanks Jordi ;-)

Tuur *thumbsup*
Dear both.. regarding generation of depth map, kandao camera was not our solution. We used terrestrial lidar, and made it as jpeg image, and grey image is coded with HSV, according to distance from sensor. BTW the reference image is not mine! *tongue*

sikbrad

Anfänger

  • »sikbrad« ist der Autor dieses Themas

Beiträge: 5

  • Nachricht senden

8

Montag, 26. August 2019, 12:13

This may be what i was looking for, and got some following questions.

Zitat von »indexofrefraction«

did you see these examples, too ?

https://krpano.com/examples/119/krpano.h…xtract/pool.xml
https://krpano.com/examples/119/krpano.h…ubes/slider.xml

there are also some threads about this in the forum

I already looked into first one - the pool and hotspot thing - and it was not what i was looking for. It is just overlaying translucent polygon onto designated coordinates. I want full overlapping between pano images.
But the latter one might be what i am looking for! So that is hotspot thing, but cubemap is used instead of some coordinates. I think that is cool and i have to test it - <image> with multi-resolution option is there, and in the front, there's multiple <hotspot> tags representing cubemap - I hope it works out well. I will try out and post result here. Much thanks!
And if you have some, could you provide me links for explanation on this example? That would be great study material for me.

indexofrefraction

Profi

Beiträge: 1 362

  • Nachricht senden

9

Montag, 26. August 2019, 13:13

you cant overlay two multires panos.
multires works only for scenes and you cant blend these with a manual slider

right now you can use a scene (your 20k image)
and use a hotspot (lowres depthmap) as full or partial overlay
zFilter plugin -- zFlare plugin -- zSnapshot plugin

sikbrad

Anfänger

  • »sikbrad« ist der Autor dieses Themas

Beiträge: 5

  • Nachricht senden

10

Dienstag, 27. August 2019, 02:38

Path

Zitat von »indexofrefraction«

You cant overlay two multires panos.
multires works only for scenes and you cant blend these with a manual slider

right now you can use a scene (your 20k image)
and use a hotspot (lowres depthmap) as full or partial overlay
This method is something that we were conjuring, and with your advice, we will definitely try with that soon. Thanks!

indexofrefraction

Profi

Beiträge: 1 362

  • Nachricht senden

11

Dienstag, 27. August 2019, 09:49

can i ask why to overlay the image with the dephtmap?
zFilter plugin -- zFlare plugin -- zSnapshot plugin

sikbrad

Anfänger

  • »sikbrad« ist der Autor dieses Themas

Beiträge: 5

  • Nachricht senden

12

Mittwoch, 28. August 2019, 09:32

what we are doing

Zitat von »indexofrefraction«

can i ask why to overlay the image with the dephtmap?
We are making web viewer for surveyers. Overlayed depth map will be used as 'depth clue' for workers.

panomaster

Fortgeschrittener

Beiträge: 297

Wohnort: Kobyłka, Poland

Beruf: Virtual Tours - Spherical Panoramas - Krpano developer

  • Nachricht senden

13

Mittwoch, 28. August 2019, 10:00

I think it can be done with multires panos. It's not perfect solution of course but...

I would use old sync example (do you remember two panoramas next to each other?) - but both divs should overlay themselves (not to by aligned side by side). You could also ue IFRAME with the same pano and control (synchronize) it via javascript. The main problem is small lags during rotating pano, but it should be ok when panos stop.You could use transparency slider then.

Here's side-by-side example - https://www.ai360.pl/projekty/sync3/

I would try use this technique to make two multires panoramas overlay.
Leszek Cuper
Panoramy 360
Wirtualne spacery

Ähnliche Themen