chore: update @Tresjs/core to version 5.0.0-next.5

- Upgraded @Tresjs/core in package.json and playground/package.json to version 5.0.0-next.5 for improved functionality and compatibility.
- Updated pnpm-lock.yaml to reflect the new version of @Tresjs/core and its dependencies.
- Refactored render logic in EffectComposerPmndrs.vue and EffectComposer.vue to utilize notifySuccess callback for better rendering control.

Author: alvarosabu

package.json

@@ -63,7 +63,7 @@
   },
   "devDependencies": {
     "@release-it/conventional-changelog": "^10.0.0",
-    "@tresjs/core": "5.0.0-next.3",
+    "@tresjs/core": "5.0.0-next.5",
     "@tresjs/eslint-config": "^1.4.0",
     "@tresjs/leches": "https://pkg.pr.new/@tresjs/leches@9ad0cd3",
     "@types/three": "^0.172.0",

playground/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@tresjs/cientos": "5.0.0-next.2",
-    "@tresjs/core": "5.0.0-next.3",
+    "@tresjs/core": "5.0.0-next.5",
     "@tresjs/post-processing": "workspace:*",
     "vue-router": "^4.5.0"
   },

pnpm-lock.yaml

@@ -107,19 +107,16 @@ watch(() => [sizes.width.value, sizes.height.value], ([width, height]) => {
 
 const { render } = useLoop()
 
-render(() => {
-  if (props.enabled && renderer.instance && effectComposer.value && sizes.width.value && sizes.height.value && renderer.frames.value > 0) {
+render((notifySuccess) => {
+  if (props.enabled && renderer.instance && effectComposer.value && sizes.width.value && sizes.height.value) {
     const currentAutoClear = renderer.instance.autoClear
     renderer.instance.autoClear = props.autoClear
     if (props.stencilBuffer && !props.autoClear) { renderer.instance.clearStencil() }
     effectComposer.value.render()
     emit('render', effectComposer.value)
     renderer.instance.autoClear = currentAutoClear
+    notifySuccess()
   }
-
-  renderer.frames.value = renderer.mode === 'always'
-    ? 1
-    : Math.max(0, renderer.frames.value - 1)
 })
 
 onUnmounted(() => {

src/core/pmndrs/EffectComposerPmndrs.vue

@@ -55,14 +55,11 @@ if (!props.withoutRenderPass) {
 
 const { render } = useLoop()
 
-render(() => {
-  if (renderer.frames.value > 0 && effectComposer.value && props.enabled) {
+render((notifySuccess) => {
+  if (effectComposer.value && props.enabled) {
     effectComposer.value.render()
+    notifySuccess()
   }
-  // TODO: expose render mode
-  renderer.frames.value = renderer.mode === 'always'
-    ? 1
-    : Math.max(0, renderer.frames.value - 1)
 })
 
 onUnmounted(() => {