This commit is contained in:
Kseninia Mikhaylova 2024-09-02 11:09:35 +03:00
parent 56134fda20
commit 17bb080401
3 changed files with 6 additions and 3 deletions

View File

@ -7,6 +7,7 @@
body { body {
font-family: 'Montserrat'; font-family: 'Montserrat';
user-select: none;
} }
a[href] { a[href] {

View File

@ -15,8 +15,9 @@ const controls = ref()
const controlsState = reactive({ const controlsState = reactive({
enableDamping: true, enableDamping: true,
maxPolarAngle: (Math.PI / 2) - 0.07, minPolarAngle: 45 * (Math.PI / 180),
minAzimuthAngle: (Math.PI / 2) - 0.20, maxPolarAngle: 45 * (Math.PI / 180),
// minAzimuthAngle: (Math.PI / 2) / 2,
enablePan: false, enablePan: false,
enableZoom: false, enableZoom: false,
autoRotate: true, autoRotate: true,
@ -46,6 +47,7 @@ watch(() => pageStore.page.id, async () => {
<div class="main-canvas"> <div class="main-canvas">
<TresCanvas :output-encoding="SRGBColorSpace"> <TresCanvas :output-encoding="SRGBColorSpace">
<TresPerspectiveCamera ref="camera" /> <TresPerspectiveCamera ref="camera" />
<Env />
<OrbitControls v-bind="controlsState" make-default ref="controls" /> <OrbitControls v-bind="controlsState" make-default ref="controls" />
<MainLoadModels v-if="raw_dataStore.data.id" /> <MainLoadModels v-if="raw_dataStore.data.id" />
<TresAmbientLight /> <TresAmbientLight />

View File

@ -44,7 +44,7 @@ const cameraSet = () => {
(controls.value as OrbitControlsProps).minDistance = raw_dataStore.data.min_distance; (controls.value as OrbitControlsProps).minDistance = raw_dataStore.data.min_distance;
(controls.value as OrbitControlsProps).maxDistance = raw_dataStore.data.max_distance; (controls.value as OrbitControlsProps).maxDistance = raw_dataStore.data.max_distance;
(controls.value as OrbitControlsProps).autoRotate = true; (controls.value as OrbitControlsProps).autoRotate = true;
(controls.value as OrbitControlsProps).autoRotateSpeed = 1; (controls.value as OrbitControlsProps).autoRotateSpeed = 0.5;
(controls.value as any).update() (controls.value as any).update()
} }
if (camera.value) { if (camera.value) {