Browse Source

fix: manually triggering render ref on constructor params change

alvarosabu 2 years ago
parent
commit
d3014a457b
1 changed files with 2 additions and 1 deletions
  1. 2 1
      src/composables/useRenderer/index.ts

+ 2 - 1
src/composables/useRenderer/index.ts

@@ -1,6 +1,6 @@
 import { Color, WebGLRenderer } from 'three'
 import { Color, WebGLRenderer } from 'three'
 import { rendererPresets, RendererPresetsType } from './const'
 import { rendererPresets, RendererPresetsType } from './const'
-import { shallowRef, watchEffect, onUnmounted, type MaybeRef, computed, watch, ShallowRef } from 'vue'
+import { shallowRef, watchEffect, onUnmounted, type MaybeRef, computed, watch, ShallowRef, triggerRef } from 'vue'
 import {
 import {
   toValue,
   toValue,
   unrefElement,
   unrefElement,
@@ -141,6 +141,7 @@ export function useRenderer(
   watch(webGLRendererConstructorParameters, () => {
   watch(webGLRendererConstructorParameters, () => {
     renderer.value.dispose()
     renderer.value.dispose()
     renderer.value = new WebGLRenderer(webGLRendererConstructorParameters.value)
     renderer.value = new WebGLRenderer(webGLRendererConstructorParameters.value)
+    triggerRef(renderer)
   })
   })
 
 
   watchEffect(() => {
   watchEffect(() => {