diff --git a/src/components/load3d/Load3D.vue b/src/components/load3d/Load3D.vue index ed3e222c2f..f2e5bc576a 100644 --- a/src/components/load3d/Load3D.vue +++ b/src/components/load3d/Load3D.vue @@ -12,6 +12,7 @@ :backgroundImage="backgroundImage" :upDirection="upDirection" :materialMode="materialMode" + :edgeThreshold="edgeThreshold" @materialModeChange="listenMaterialModeChange" @backgroundColorChange="listenBackgroundColorChange" @lightIntensityChange="listenLightIntensityChange" @@ -21,6 +22,7 @@ @showPreviewChange="listenShowPreviewChange" @backgroundImageChange="listenBackgroundImageChange" @upDirectionChange="listenUpDirectionChange" + @edgeThresholdChange="listenEdgeThresholdChange" /> @@ -79,6 +83,7 @@ const hasBackgroundImage = ref(false) const backgroundImage = ref('') const upDirection = ref('original') const materialMode = ref('original') +const edgeThreshold = ref(85) const showPreviewButton = computed(() => { return !props.type.includes('Preview') @@ -130,6 +135,12 @@ const handleUpdateFOV = (value: number) => { node.value.properties['FOV'] = fov.value } +const handleUpdateEdgeThreshold = (value: number) => { + edgeThreshold.value = value + + node.value.properties['Edge Threshold'] = edgeThreshold.value +} + const handleBackgroundColorChange = (value: string) => { backgroundColor.value = value @@ -158,6 +169,10 @@ const listenUpDirectionChange = (value: UpDirection) => { upDirection.value = value } +const listenEdgeThresholdChange = (value: number) => { + edgeThreshold.value = value +} + const listenBackgroundColorChange = (value: string) => { backgroundColor.value = value } diff --git a/src/components/load3d/Load3DControls.vue b/src/components/load3d/Load3DControls.vue index 99c67499ac..84eebf1246 100644 --- a/src/components/load3d/Load3DControls.vue +++ b/src/components/load3d/Load3DControls.vue @@ -166,7 +166,42 @@ +
+ +
+ + +
+
+