bak

src/lib/exportPlayer.ts

@@ -58,6 +58,10 @@ const ENGINE_SOURCE = `(function(){
     for(var i=0;i<kfs.length-1;i++){
       var a=kfs[i],b=kfs[i+1];
       if(time>=a.time&&time<=b.time){
+        if(a.hold){
+          if(time>=b.time)return merge(layer.base,b.props);
+          return merge(layer.base,a.props);
+        }
         var raw=(time-a.time)/(b.time-a.time);
         var t=easing(b.easing,raw);
         return lerpProps(merge(layer.base,a.props),merge(layer.base,b.props),t);
@@ -140,7 +144,7 @@ const ENGINE_SOURCE = `(function(){
       ctx.clip();
       ctx.fillStyle=scene.canvas.background;
       ctx.fillRect(0,0,lw,lh);
-      for(var i=0;i<scene.layers.length;i++){
+      for(var i=scene.layers.length-1;i>=0;i--){
         var layer=scene.layers[i];
         if(!layer.visible)continue;
         var asset=assetMap[layer.assetId];

src/lib/interpolate.ts

@@ -70,6 +70,10 @@ function sampleKeyframeSet(
     const a = sorted[i]
     const b = sorted[i + 1]
     if (time >= a.time && time <= b.time) {
+      if (a.hold) {
+        if (time >= b.time) return merge(base, b.props)
+        return merge(base, a.props)
+      }
       const raw = (time - a.time) / (b.time - a.time)
       const t = easings[b.easing](raw)
       return lerpProps(merge(base, a.props), merge(base, b.props), t)

src/lib/render.ts

@@ -43,7 +43,8 @@ export function drawSceneFrame(
   const assetMap = new Map<string, Asset>()
   for (const a of scene.assets) assetMap.set(a.id, a)
 
-  for (const layer of scene.layers) {
+  for (let i = scene.layers.length - 1; i >= 0; i--) {
+    const layer = scene.layers[i]
     if (!layer.visible) continue
     const asset = assetMap.get(layer.assetId)
     if (!asset) continue