google / marzipano

A 360° media viewer for the modern web.
http://www.marzipano.net
Apache License 2.0
1.95k stars 992 forks source link

How to find extraTransforms value? #420

Open angularbinh2020 opened 2 years ago

angularbinh2020 commented 2 years ago

hi everybody, when i worked with embedded hotspot (like video, image...). I have to try extraTransforms value (rotate x, y, z...) many time to get correct values. It is too hard for end user. So i am finding a solution to get correct extraTransforms . I try 3d vista, and it have a good editor for embbed hotspot (really ease to use ) - especially free mode, but 3 Axis mode seem too be like the way mazipano work than free mode. I try use the value get from 3d vista, but it is not working correct as i exspect ( hostpot cover not correct) so anyone, can help me to finding the solution (app, formula) to extra Transforms correct values simple and fast than try many times?

Thank for help image image

siddhant161200 commented 2 years ago

hi i am sorry , i am new to this . i just wanted to ask what is this GUI you are using

angularbinh2020 commented 2 years ago

hi i am sorry , i am new to this . i just wanted to ask what is this GUI you are using

it is 3d vista (https://www.3dvista.com/en/). 3d vista have a trial verison with 30 days trial.

you just select an panorama image > select hotspot tab > choose image hotspot > free mode

jalamprea commented 1 year ago

extraTransform is a CSS Field, so you can use skewX, rotate, translate or any valid CSS transformation. Example: rotateX(15deg) rotateY(25deg) You can use any valid range between -180 and 180 deg.