Przejdź do głównej zawartości

Dostosowanie kamery

Dostosuj pozycję kamery za pomocą atrybutów „camera-orbit” i „camera-target”.

Atrybut 'camera-orbit' określa orbitalne położenie kamery w postaci: "theta phi radius" gdzie:

  • theta - kąt biegunowy w radianach "rad" lub stopniach "deg" lub "auto" równy 0deg;
  • phi - kąt azymutalny w radianach "rad" lub stopniach "deg" lub auto równy 75deg;
  • promień - odległość od celu w metrach "m", centymetrach "cm", milimetrach "mm" lub procentach "%" (100% powinno zmieścić się w modelu wewnątrz przeglądarki) lub "auto" co równa się "105%"; Każda właściwość akceptuje również funkcje css: calc() i env()

Atrybut 'camera-target' określa punkt, wokół którego kamera krąży w formie: „X Y Z”. Każdą wartość należy podać w metrach „m”, centymetrach „cm” lub milimetrach „mm”. Każda wartość może również akceptować „auto”, które jest równe środkowi modelu.

CSS

.viewer {
width: 100%;
height: 500px;
}

HTML

<see-my-model
class="viewer"
camera-orbit="40deg 60deg 70%"
camera-target="0.1m 0.2m auto"
interaction-prompt="none"
model-access-key="5fca30bc5158fc001aa3a0b3"
></see-my-model>