Working with on-demand rendering loop

dennemark · July 24, 2024, 12:15pm

I have created a component for react-babylonjs that listens to movements and animations.
in my own app (not react-babylonjs) i had a similar issue as yours. I made a global variable that I could change to force a rerender. something like:

let isForced = false

....
if(isChangesInScene || isForced){  
  isForced = false .... 
} 

....
function forceRender() { isForced = true }

some inspiration for render on demand

github.com

brianzinn/react-babylonjs/blob/master/packages/react-babylonjs/src/customComponents/RenderOnDemand


import { PointerEventTypes } from '@babylonjs/core/Events/pointerEvents'
import { Observer } from '@babylonjs/core/Misc/observable'
import { Nullable } from '@babylonjs/core/types'
import { useLayoutEffect, useRef } from 'react'
import { useScene } from '../hooks/scene'

let currentFrame = 0
let pointerDown = false

enum RenderState {
  /** normal render */
  Render,
  /** render with hardware scaling */
  RenderScale,
  /** reset hardware scaling */
  Reset,
  /** no render */
  NoRender,
}

This file has been truncated. show original

related thread: What is the correct way to render on demand - #22 by samevision
little video: Render on Demand by dennemark · Pull Request #253 · brianzinn/react-babylonjs · GitHub

Topic		Replies	Views
Running render loop on demand Questions	2	1488	February 21, 2019
Help with scene rendering Questions	3	680	December 14, 2020
Scene.render() vs Engine.runRenderLoop Questions	3	2721	November 19, 2024
Force Material binding Questions	2	406	November 14, 2019
Mesh "flickering" when setting material initially Questions	3	419	January 12, 2023

Working with on-demand rendering loop

Related topics