Sie sind nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

1

Mittwoch, 5. September 2018, 11:16

Hotspot with animation

Hey.
I want to make a hotspot like in the example (http://www.transported.co/1420-laurel-wa…0210/t/DBO_wpTv).
Animation of turn and text display (hover animation).
Solution with html / css does not work in vr mode.
How can i do this?

2

Mittwoch, 5. September 2018, 11:51

Hi,

I would say this way:
- make two hotspots - one with the image, one with the textfield
- the image one visible and the textfield one invisible at start
- both with distorted=true and the same ath/atv coordinates
- set rx=90 (or -90) to the textfield hotspots (rx = rotation along the x-axis)
- disable the textfield hotspot at startup
- in the onover event of the image hotspot tween the rx of the image hotspot to 90 and rx of the textfield hotspot to 0
- in the donecall of the tween enable the textfield hotspot and disable the image hotspot
- in the onout event of the textfield hotspot tween the rx values back and again in the tween donecall disable the textfield hotspot and enable the image hotspot

That should work the same as in your linked example and would work also in VR.

Best regards,
Klaus

3

Mittwoch, 5. September 2018, 12:32

Hi,

I would say this way:
- make two hotspots - one with the image, one with the textfield
- the image one visible and the textfield one invisible at start
- both with distorted=true and the same ath/atv coordinates
- set rx=90 (or -90) to the textfield hotspots (rx = rotation along the x-axis)
- disable the textfield hotspot at startup
- in the onover event of the image hotspot tween the rx of the image hotspot to 90 and rx of the textfield hotspot to 0
- in the donecall of the tween enable the textfield hotspot and disable the image hotspot
- in the onout event of the textfield hotspot tween the rx values back and again in the tween donecall disable the textfield hotspot and enable the image hotspot

That should work the same as in your linked example and would work also in VR.

Best regards,
Klaus
Thank you!

Are there other solutions?
Can I use webgl to solve?

4

Mittwoch, 5. September 2018, 14:42

Hi,

Are there other solutions?
Why?

Can I use webgl to solve?
I doubt... WebGL itself is just a very low-level graphics API...
But if want - please see here to get access to the WebGL context:
https://krpano.com/docu/plugininterface/#krpanowebglapi

I've implemented now the solution from above:
https://krpano.com/krpano.html?xml=examp…ng-hotspots.xml

The xml:
https://krpano.com/viewsource.html?examp…ng-hotspots.xml

For the example I have used a textfield+unicode arrow as hotspot, but using images is possible too of course, just remove the textfield stuff and set an url to an image.

Best regards,
Klaus

5

Mittwoch, 5. September 2018, 15:01

Wow! Thank you!

6

Sonntag, 12. Februar 2023, 09:00


Great solution, is it possible to implement distorted="false" to it? I've had no luck..
I guess it is the rx that is not supported by false distortion. So nevermind. I'll try some scaling instead

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »klaea« (12. Februar 2023, 09:46)