AiComicFactory2 / page_layouts.yaml
Julian Bilcke
wip
5cdb750
raw
history blame
9.21 kB
# Page layouts configuration for multi-image PDF generation
# Each layout defines how images are arranged on a page
# Positions are defined as (x, y, width, height) in relative units (0-1)
layouts:
1_image:
- id: "full_page"
label: "Full Page"
description: "Single image covering the full page"
positions:
- [0.02, 0.02, 0.96, 0.96] # x, y, width, height (2% margins)
2_images:
- id: "horizontal_split"
label: "Layout A - Horizontal Split"
description: "Two images side by side"
positions:
- [0.02, 0.02, 0.47, 0.96] # Left image
- [0.51, 0.02, 0.47, 0.96] # Right image
- id: "vertical_split"
label: "Layout B - Vertical Split"
description: "Two images stacked vertically"
positions:
- [0.02, 0.02, 0.96, 0.47] # Top image
- [0.02, 0.51, 0.96, 0.47] # Bottom image
- id: "dominant_left"
label: "Layout C - Large Left"
description: "Large image on left, small on right"
positions:
- [0.02, 0.02, 0.65, 0.96] # Large left image
- [0.69, 0.2, 0.29, 0.6] # Small right image
- id: "dominant_top"
label: "Layout D - Large Top"
description: "Large image on top, small on bottom"
positions:
- [0.02, 0.02, 0.96, 0.65] # Large top image
- [0.2, 0.69, 0.6, 0.29] # Small bottom image
3_images:
- id: "grid_horizontal"
label: "Layout A - Horizontal Strip"
description: "Three images in a row"
positions:
- [0.02, 0.2, 0.31, 0.6] # Left
- [0.345, 0.2, 0.31, 0.6] # Middle
- [0.67, 0.2, 0.31, 0.6] # Right
- id: "grid_vertical"
label: "Layout B - Vertical Strip"
description: "Three images in a column"
positions:
- [0.2, 0.02, 0.6, 0.31] # Top
- [0.2, 0.345, 0.6, 0.31] # Middle
- [0.2, 0.67, 0.6, 0.31] # Bottom
- id: "hero_top"
label: "Layout C - Hero Top"
description: "Large image on top, two small below"
positions:
- [0.02, 0.02, 0.96, 0.55] # Large top
- [0.02, 0.59, 0.47, 0.39] # Bottom left
- [0.51, 0.59, 0.47, 0.39] # Bottom right
- id: "hero_left"
label: "Layout D - Hero Left"
description: "Large image on left, two small on right"
positions:
- [0.02, 0.02, 0.55, 0.96] # Large left
- [0.59, 0.02, 0.39, 0.47] # Top right
- [0.59, 0.51, 0.39, 0.47] # Bottom right
- id: "diagonal"
label: "Layout E - Diagonal"
description: "Diagonal arrangement"
positions:
- [0.05, 0.05, 0.4, 0.4] # Top left
- [0.3, 0.3, 0.4, 0.4] # Center
- [0.55, 0.55, 0.4, 0.4] # Bottom right
4_images:
- id: "grid_2x2"
label: "Layout A - 2x2 Grid"
description: "Four equal images in a grid"
positions:
- [0.02, 0.02, 0.47, 0.47] # Top left
- [0.51, 0.02, 0.47, 0.47] # Top right
- [0.02, 0.51, 0.47, 0.47] # Bottom left
- [0.51, 0.51, 0.47, 0.47] # Bottom right
- id: "strip_horizontal"
label: "Layout B - Horizontal Strip"
description: "Four images in a row"
positions:
- [0.05, 0.3, 0.2125, 0.4] # First
- [0.2875, 0.3, 0.2125, 0.4] # Second
- [0.525, 0.3, 0.2125, 0.4] # Third
- [0.7625, 0.3, 0.2125, 0.4] # Fourth
- id: "strip_vertical"
label: "Layout C - Vertical Strip"
description: "Four images in a column"
positions:
- [0.3, 0.05, 0.4, 0.2125] # First
- [0.3, 0.2875, 0.4, 0.2125] # Second
- [0.3, 0.525, 0.4, 0.2125] # Third
- [0.3, 0.7625, 0.4, 0.2125] # Fourth
- id: "hero_with_strip"
label: "Layout D - Hero with Strip"
description: "One large image with three small ones"
positions:
- [0.05, 0.05, 0.6, 0.6] # Large main
- [0.7, 0.05, 0.25, 0.283] # Small top
- [0.7, 0.358, 0.25, 0.283] # Small middle
- [0.7, 0.666, 0.25, 0.283] # Small bottom
- id: "l_shape"
label: "Layout E - L Shape"
description: "L-shaped arrangement"
positions:
- [0.05, 0.05, 0.425, 0.425] # Top left (large)
- [0.525, 0.05, 0.425, 0.425] # Top right (large)
- [0.05, 0.525, 0.425, 0.425] # Bottom left
- [0.525, 0.7, 0.425, 0.25] # Bottom right (small)
5_images:
- id: "us_comic_action"
label: "US Comic - Action Scene"
description: "Classic American superhero comic layout with large establishing shot"
positions:
- [0.02, 0.02, 0.96, 0.44] # Wide establishing shot (panoramic)
- [0.02, 0.48, 0.31, 0.5] # Action panel 1
- [0.345, 0.48, 0.31, 0.5] # Action panel 2
- [0.67, 0.48, 0.31, 0.24] # Close-up 1
- [0.67, 0.74, 0.31, 0.24] # Close-up 2
- id: "manga_vertical_flow"
label: "Manga - Vertical Flow"
description: "Japanese manga style with vertical reading flow"
positions:
- [0.51, 0.02, 0.47, 0.38] # Top right (read first in manga)
- [0.02, 0.02, 0.47, 0.38] # Top left
- [0.51, 0.42, 0.47, 0.28] # Middle right
- [0.02, 0.42, 0.47, 0.28] # Middle left
- [0.02, 0.72, 0.96, 0.26] # Bottom wide panel
- id: "euro_bd_grid"
label: "European BD - Clear Grid"
description: "Franco-Belgian clear line style with regular panels"
positions:
- [0.02, 0.02, 0.47, 0.31] # Row 1 left
- [0.51, 0.02, 0.47, 0.31] # Row 1 right
- [0.02, 0.345, 0.96, 0.31] # Row 2 wide
- [0.02, 0.67, 0.47, 0.31] # Row 3 left
- [0.51, 0.67, 0.47, 0.31] # Row 3 right
- id: "diagonal_dynamic"
label: "Dynamic Diagonal"
description: "Action-oriented diagonal composition"
positions:
- [0.05, 0.05, 0.5, 0.4] # Large top left
- [0.6, 0.05, 0.35, 0.25] # Small top right
- [0.3, 0.35, 0.4, 0.3] # Center focus
- [0.05, 0.7, 0.35, 0.25] # Bottom left
- [0.6, 0.7, 0.35, 0.25] # Bottom right
- id: "spiral_focus"
label: "Spiral Focus"
description: "Panels arranged in a spiral leading to center"
positions:
- [0.05, 0.05, 0.35, 0.35] # Top left
- [0.425, 0.05, 0.525, 0.25] # Top wide
- [0.7, 0.35, 0.25, 0.6] # Right tall
- [0.425, 0.7, 0.525, 0.25] # Bottom wide
- [0.25, 0.35, 0.4, 0.3] # Center focus
6_images:
- id: "classic_comic_grid"
label: "Classic Comic Grid"
description: "Traditional 2x3 American comic book grid"
positions:
- [0.02, 0.02, 0.47, 0.31] # Row 1 left
- [0.51, 0.02, 0.47, 0.31] # Row 1 right
- [0.02, 0.345, 0.47, 0.31] # Row 2 left
- [0.51, 0.345, 0.47, 0.31] # Row 2 right
- [0.02, 0.67, 0.47, 0.31] # Row 3 left
- [0.51, 0.67, 0.47, 0.31] # Row 3 right
- id: "manga_4koma"
label: "Manga - 4-Koma Plus"
description: "Japanese 4-panel strip with header and footer"
positions:
- [0.02, 0.02, 0.96, 0.16] # Header panel
- [0.02, 0.2, 0.47, 0.23] # Strip 1
- [0.51, 0.2, 0.47, 0.23] # Strip 2
- [0.02, 0.45, 0.47, 0.23] # Strip 3
- [0.51, 0.45, 0.47, 0.23] # Strip 4
- [0.02, 0.7, 0.96, 0.28] # Footer/punchline
- id: "euro_bd_cinematic"
label: "European BD - Cinematic"
description: "Cinematic European style with varied panel sizes"
positions:
- [0.02, 0.02, 0.96, 0.28] # Wide establishing
- [0.02, 0.32, 0.31, 0.28] # Small 1
- [0.345, 0.32, 0.31, 0.28] # Small 2
- [0.67, 0.32, 0.31, 0.28] # Small 3
- [0.02, 0.62, 0.47, 0.36] # Medium left
- [0.51, 0.62, 0.47, 0.36] # Medium right
- id: "action_sequence"
label: "Action Sequence"
description: "Fast-paced action scene layout"
positions:
- [0.02, 0.02, 0.65, 0.38] # Large action shot
- [0.69, 0.02, 0.29, 0.18] # Speed line 1
- [0.69, 0.22, 0.29, 0.18] # Speed line 2
- [0.02, 0.42, 0.31, 0.56] # Vertical impact 1
- [0.345, 0.42, 0.31, 0.56] # Vertical impact 2
- [0.67, 0.42, 0.31, 0.56] # Vertical impact 3
- id: "storytelling_flow"
label: "Storytelling Flow"
description: "Natural reading flow for narrative scenes"
positions:
- [0.05, 0.05, 0.425, 0.25] # Scene 1
- [0.525, 0.05, 0.425, 0.25] # Scene 2
- [0.05, 0.35, 0.9, 0.2] # Wide transition
- [0.05, 0.6, 0.425, 0.35] # Scene 3
- [0.525, 0.6, 0.425, 0.175] # Scene 4a
- [0.525, 0.8, 0.425, 0.175] # Scene 4b
- id: "focus_surround"
label: "Focus with Details"
description: "Central focus with surrounding detail panels"
positions:
- [0.25, 0.25, 0.5, 0.5] # Large center focus
- [0.05, 0.05, 0.35, 0.15] # Top left detail
- [0.6, 0.05, 0.35, 0.15] # Top right detail
- [0.05, 0.8, 0.35, 0.15] # Bottom left detail
- [0.6, 0.8, 0.35, 0.15] # Bottom right detail
- [0.05, 0.4, 0.15, 0.3] # Left side detail