BetterUntis/process-screnshots.sh at master · SapuSeven/BetterUntis · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
#!/usr/bin/env zsh

# Delete all existing screenshot mockups
rm -r screenshots/showcase-*

# Do some image magick to make the screenshots look pretty
cd screenshots

# Create split image for main activity theme
SPLIT_IMAGE_1=timetable-light-4-green.png
SPLIT_IMAGE_2=timetable-dark-6-indigo.png
SPLIT_IMAGE_DST=timetable-theme.png
SPLIT_RATIO=0.35
 # 0.0 = / (Diagonal from bottom-left)
 # 0.5 = | (Completely Vertical)
 # 1.0 = \ (Diagonal from top-left)

magick $SPLIT_IMAGE_1 \
 \( +clone +level-colors white -fill black -draw "polygon %[fx:int(w*$SPLIT_RATIO)],%[fx:h] %[fx:w],%[fx:h] %[fx:w],0 %[fx:int(w*$((1-SPLIT_RATIO)))],0" \) \
 -alpha off -compose copyopacity -composite \
 $SPLIT_IMAGE_2 +swap \
 -compose over -composite \
 $SPLIT_IMAGE_DST

# Create showcase images with screenshots and text
SHADOW_OPACITY=50
SHADOW_RADIUS=50
BORDER_RADIUS=50
SCREENSHOT_SCALE=80 # in percent
SHOWCASE_TEXT_FONT="../fonts/Poppins-Light.ttf"
SHOWCASE_TEXT=(
  "timetable-light-1-red.png:View your timetable"
  "timetable-theme.png:Customize the look\nof your timetable"
  "roomfinder.png:Find free rooms"
  "infocenter.png:Everything at a glance"
)

for t in $SHOWCASE_TEXT; do
  magick -size 1080x1920 xc:white `# Create background`\
    \( \
      \( \
        \( \
          ${t%:*} `# Src image`\
          \( +clone +level-colors black -fill white -draw "roundrectangle 0,0,%[fx:w],10000,${BORDER_RADIUS},${BORDER_RADIUS}" \) `# Create an alpha mask for rounded corners`\
          -alpha off -compose copy-opacity -composite `# Apply alpha mask`\
        \) `# Create src image with rounded corners`\
        \( +clone -background black -shadow ${SHADOW_OPACITY}x${SHADOW_RADIUS} \) `# Create drop shadow`\
        +swap -background none -compose src-over -layers merge +repage `# Combine shadow with image`\
      \) \
      -resize ${SCREENSHOT_SCALE}% `# Scale down`\
    \) \
    -gravity South -geometry +0-$((2*SHADOW_RADIUS*(SCREENSHOT_SCALE/100.0)+10)) -composite `# Place the screenshot with shadow over the background`\
    \( -gravity Center -size $((1080*0.8))x$((1920*0.2)) -fill black -font ${SHOWCASE_TEXT_FONT} -pointsize 48 label:"${t#*:}" \) `# Create text`\
    -gravity North -composite `# Place the screenshot with shadow over the background`\
    showcase-${t%:*}
done