espero que estés bien.

Para mi proyecto universitario, estoy usando resium (versión de reacción de cesio) para representar los satélites en el globo junto con sus órbitas y huellas. Hasta que la representación del satélite con la órbita funcione bastante bien y el cesio me dé 60 fps. Pero cuando agrego Cilindro Gráficos para mostrar la huella del satélite, de repente los fps caen a 10-11 y el cesio comienza a retrasarse.

Mi programa toma una entrada de archivo con los 100 tles de satélite. Tengo una función llamada generatePositions que toma una serie de títulos y calcula las posiciones a lo largo del tiempo para cada título. Da como resultado una matriz de matrices de posiciones en el tiempo.

Intenté usar EllipseGraphics en su lugar, pero el rendimiento sigue siendo lento. Si uso PointGraphics, funciona bastante bien con 60 fps.

Si solo comento el componente CylinderGraphics, el resto del código funciona muy bien con 60 fps.

Aquí está la representación del código de reacción de mi espectador:

 <Viewer full> <Clock startTime={start.clone()} currentTime={start.clone()} stopTime={stop.clone()} clockRange={ClockRange.LOOP_STOP} multiplier={1} shouldAnimate onStop={() => { setCurrentHour(currentHour + 1.66) }} /> <Scene ref={sceneRef} debugShowFramesPerSecond={true}> <Camera ref={cameraRef} /> {tles.length >= 0 ? generatePositions(tles).map((positionsOverTime, i) => { return ( <div key={i}> <Entity position={positionsOverTime} name={labels[i]} > <PolylineGraphics positions={linePositions[i]} material={Color.BLUE} width={1} /> {/* <PointGraphics color={Color.RED} pixelSize={20} fill={true} heightReference={0}/> */} <LabelGraphics text={labels[i]} font="12px arial" /> <BillboardGraphics image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADJSURBVDhPnZHRDcMgEEMZjVEYpaNklIzSEfLfD4qNnXAJSFWfhO7w2Zc0Tf9QG2rXrEzSUeZLOGm47WoH95x3Hl3jEgilvDgsOQUTqsNl68ezEwn1vae6lceSEEYvvWNT/Rxc4CXQNGadho1NXoJ+9iaqc2xi2xbt23PJCDIB6TQjOC6Bho/sDy3fBQT8PrVhibU7yBFcEPaRxOoeTwbwByCOYf9VGp1BYI1BA+EeHhmfzKbBoJEQwn1yzUZtyspIQUha85MpkNIXB7GizqDEECsAAAAASUVORK5CYII=" scale={1.5} /> <CylinderGraphics length={500} topRadius={100} bottomRadius={251000} material={Color.RED} /> </Entity> </div> ) }) : null} </Scene> </Viewer>

Estaría muy agradecido si alguien me ayuda a identificar por qué los gráficos de cilindros están causando caídas de fotogramas y cómo solucionarlo. PD. Lo sé, he codificado los accesorios para CylinderGraphics, que arreglaré más tarde.