bak

src/lib/render.ts

@@ -1,5 +1,6 @@
 import type { AnimatableProps, Asset, Layer, Scene } from '@/types/scene'
 import { sampleLayer } from './interpolate'
+import { expandedTrackOrder } from './sceneOrder'
 
 export async function loadSceneImages(scene: Scene): Promise<Record<string, HTMLImageElement>> {
   const result: Record<string, HTMLImageElement> = {}
@@ -174,7 +175,9 @@ export function drawSceneFrame(
   const clipById = new Map<string, NonNullable<typeof scene.clips>[number]>()
   for (const c of scene.clips ?? []) clipById.set(c.id, c)
 
-  const order = scene.trackOrder ?? scene.layers.map((l) => l.id)
+  const order = expandedTrackOrder(scene).length
+    ? expandedTrackOrder(scene)
+    : scene.layers.map((l) => l.id)
   for (let i = order.length - 1; i >= 0; i--) {
     const id = order[i]
     const layer = layerById.get(id)