Refine remotion mascot variants (tinyhumansai#1361)

Author: senamakel

remotion/README.md

@@ -28,7 +28,7 @@ pnpm dev
 **Render a single variant** (produces `out/<CompositionId>.mov` — transparent ProRes 4444)
 
 ```console
-pnpm render GhostyWave
+pnpm render mascot-yellow-wave
 ```
 
 **Render all variants**

remotion/package.json

@@ -30,7 +30,7 @@
     "upgrade": "remotion upgrade",
     "lint": "eslint src && tsc",
     "render": "./scripts/render-transparent.sh",
-    "render:all": "./scripts/render-transparent.sh GhostyWave GhostyIdle GhostyRecording GhostyLoading GhostyPickup",
+    "render:all": "./scripts/render-transparent.sh mascot-yellow-wave mascot-yellow-idle mascot-yellow-pickup mascot-yellow-talking mascot-yellow-thinking mascot-yellow-sleep",
     "render:runtime-assets": "node ./scripts/render-runtime-assets.mjs"
   },
   "sideEffects": [

remotion/scripts/render-runtime-assets.mjs

@@ -60,21 +60,21 @@ function resolveColorSet() {
 const colors = resolveColorSet();
 console.log(`[remotion-runtime-assets] rendering colors: ${colors.join(', ')}`);
 const baseVariants = [
-  { composition: 'yellow-MascotIdle', profile: 'default', props: {} },
-  { composition: 'yellow-MascotTalking', profile: 'default', props: {} },
-  { composition: 'yellow-MascotThinking', profile: 'default', props: {} },
+  { composition: 'mascot-yellow-idle', profile: 'default', props: {} },
+  { composition: 'mascot-yellow-talking', profile: 'default', props: {} },
+  { composition: 'mascot-yellow-thinking', profile: 'default', props: {} },
   {
-    composition: 'yellow-MascotIdle',
+    composition: 'mascot-yellow-idle',
     profile: 'compact',
     props: { groundShadowOpacity: 0.75, compactArmShading: true },
   },
   {
-    composition: 'yellow-MascotTalking',
+    composition: 'mascot-yellow-talking',
     profile: 'compact',
     props: { groundShadowOpacity: 0.75, compactArmShading: true },
   },
   {
-    composition: 'yellow-MascotThinking',
+    composition: 'mascot-yellow-thinking',
     profile: 'compact',
     props: { groundShadowOpacity: 0.75, compactArmShading: true },
   },

remotion/scripts/render-transparent.sh

@@ -1,10 +1,10 @@
 #!/usr/bin/env bash
-# Render one or more Ghosty compositions as transparent ProRes 4444 .mov files.
+# Render one or more mascot compositions as transparent ProRes 4444 .mov files.
 #
 # Usage:
-#   ./scripts/render-transparent.sh                       # renders GhostyWave by default
-#   ./scripts/render-transparent.sh GhostyRecording       # renders one composition
-#   ./scripts/render-transparent.sh GhostyWave GhostyIdle # renders multiple
+#   ./scripts/render-transparent.sh                                      # renders mascot-yellow-wave by default
+#   ./scripts/render-transparent.sh mascot-yellow-talking                # renders one composition
+#   ./scripts/render-transparent.sh mascot-yellow-wave mascot-black-wave # renders multiple
 #   pnpm render:all                                       # renders every variant
 #
 # Output: out/<CompositionId>.mov
@@ -15,7 +15,7 @@ mkdir -p out
 
 COMPS=("$@")
 if [ ${#COMPS[@]} -eq 0 ]; then
-  COMPS=("GhostyWave")
+  COMPS=("mascot-yellow-wave")
 fi
 
 for comp in "${COMPS[@]}"; do