make_petals.sh

   1 #!/bin/sh
   2
   3 IN_ROW=15
   4
   5 DELAY_BETWEEN=0.2
   6 DEG_BETWEEN=24
   7
   8 SUBUNITS="4.9 3.5 2.5 1.5 1"
   9 SUBUNITS_N=$(wc -w <<EOF
  10 $SUBUNITS
  11 EOF
  12              )
  13 END_DEG=360
  14 ANIMATION_DURATION=10 # must match that in chryzantem.html.template
  15 ANIMATION_DELAY=$(bc <<EOF
  16 2 + $SUBUNITS_N * $IN_ROW * $DELAY_BETWEEN
  17 EOF
  18                   )
  19
  20 print_petal() {
  21     cat <<EOF
  22       <div class="petal">
  23         <div style="--subunit: $SUBUNIT; --end-deg: -${END_DEG}deg; animation-delay: ${ANIMATION_DELAY}s;">
  24           <img src="./petal.svg" alt="flower petal" draggable="false">
  25         </div>
  26       </div>
  27 EOF
  28 }
  29
  30 I=0
  31 for SUBUNIT in $SUBUNITS; do
  32     I=$((I +  1))
  33
  34     if [ $I -eq $SUBUNITS_N ]; then
  35         bc >_inner_row_delay <<EOF
  36 $ANIMATION_DELAY + 10
  37 EOF
  38     fi
  39
  40     if [ $I -eq 1 ]; then
  41         bc >_flower_delay <<EOF
  42 $ANIMATION_DELAY + 10 - $DELAY_BETWEEN
  43 EOF
  44     fi
  45
  46     for _ in $(seq $IN_ROW); do
  47         print_petal
  48         END_DEG=$((END_DEG + DEG_BETWEEN))
  49         ANIMATION_DELAY=$(bc <<EOF
  50 $ANIMATION_DELAY - $DELAY_BETWEEN
  51 EOF
  52                    )
  53     done
  54
  55     END_DEG=$((END_DEG + DEG_BETWEEN / 2))
  56 done