studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

#11 - add reset view on track change

Browse source
This commit is contained in:
isUnknown 2024-12-17 12:06:06 +01:00
parent 2a743e6377
commit 677309be6b
1 changed files with 22 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/components/project/virtual-sample/Interactive360.vue
View file

@ -35,22 +35,6 @@ const virtualSampleStore = useVirtualSampleStore();
const isHelperHidden = ref(localStorage.getItem("isHelperHidden")); const isHelperHidden = ref(localStorage.getItem("isHelperHidden"));
localStorage.setItem("isHelperHidden", true); localStorage.setItem("isHelperHidden", true);
// Images preload
const imageUrls = computed(() => activeTrack.files.map((file) => file.url));
watch(
imageUrls,
() => {
preloadImages();
},
{ immediate: true }
);
function preloadImages() {
imageUrls.value.forEach((imageUrl) => {
const image = new Image();
image.src = imageUrl;
});
}
// Grab interaction // Grab interaction
const yMax = computed(() => { const yMax = computed(() => {
return parseInt( return parseInt(
@ -136,6 +120,11 @@ function handleVerticalRotation(event) {
} }
} }
function resetView() {
currentX.value = 0;
currentY.value = 0;
}
const throttledDragToRotate = throttle(dragToRotate, 50); const throttledDragToRotate = throttle(dragToRotate, 50);
watch(isDragToRotateEnabled, (newValue) => { watch(isDragToRotateEnabled, (newValue) => {
@ -170,4 +159,21 @@ watch(isLoopAnimationEnabled, (newValue) => {
clearInterval(animationIntervalId); clearInterval(animationIntervalId);
} }
}); });
// Images preload
const imageUrls = computed(() => activeTrack.files.map((file) => file.url));
watch(
imageUrls,
() => {
preloadImages();
resetView();
},
{ immediate: true }
);
function preloadImages() {
imageUrls.value.forEach((imageUrl) => {
const image = new Image();
image.src = imageUrl;
});
}
</script> </script>