Фигуры Безье в анимации перекладкой

   Векторная графика оказывается удобной для создания анимации по нескольким соображениям. Техника рендеринга, например, позволяет осуществить автоматическую раскадровку, ускоряя процесс анимации и делая её плавной.
   Столь же плавные движения анимированного персонажа легко получить и в покадровой анимации, если её осуществлять дозировано - задавая шаг перемещений не на глазок, а численно. Численные дозированные изменения, связанные как с перемещением объекта целиком, так и с изменением его контура, легко реализуются в векторной графике.
   В отличие от автоматической раскадровки, покадровая анимация может быть более разнообразной и выразительной.

   Покадровая анимации, о которой я буду рассказывать, составлена из кривых и фигур Безье, сгруппированных между собой. Начальные точки этих графических элементов показаны на иллюстрации. Многие точки в верхней части фигуры связаны с отдельными кривыми. Кривые эти представляют черты лица. Другие точки обозначают начальные точки фигур.
   Любой из этих элементов можно выбрать, кликнув по его начальной точке правой кнопкой мыши. После этого элемент можно перемещать по рисунку, поворачивать его вокруг начальной точки или изменять его в размерах, как вручную - используя мышь, так и используя панель пошагового перемещения. Результат пошагового перемещения не нужно закреплять, изменения с их закреплением делаются сразу после клика по панели пошагового перемещения.
   Форму простых элементов, таких, как одиночные кривые Безье, можно тут же изменять, кликая клавиши со стрелочками на клавиатуре компьютера. Очертания фигур Безье можно менять этими же клавишами, предварительно выделяя нужные сегменты. Движение по сегментам осуществляется нажатием клавиш < и >, а выделенные сегменты показываются пунктиром.

   Плавность сделанных изменений можно оценить, рассматривая изображения на иллюстрации.
   При переходе на следующий кадр левая руки персонажа была развёрнута как единое целое в плече (ластик синий), локтевом суставе (ластик сиреневый), и отдельно развёрнута кисть (ластик не окрашенный). То же самое сделано и с правой рукой.
   Ластик в этих действиях по своему прямому назначению не используется – в режиме показа начальных точек на рисунке рисовать невозможно, как и невозможно что-либо стирать, однако, переключая опции ластика и окрашивая его в разные цвета, можно связывать элементы между собой и перемещать их не только по отдельности, но и группами. 

  Другие различия между изображениями на кадрах не столь очевидны. Майка поднята вверх целиком. Абрис плеча в месте выделенного сегмента чуть выгнут вверх, также изменены очертания одного из нижних сегментов майки. Правая бровь персонажа выгнута вверх.
  Эти небольшие изменения формы, хоть и незначительны, но в чередовании кадров они заметны, и, дополняя перекладку, они очень оживляют анимацию.

  Возможно, вместо изменения формы, двигать края выбранного сегмента. Передвижение краёв осуществляется теми же клавишами со стрелочками – на нижнем регистре передвигается ближний край сегмента, на верхнем – дальний. Чтобы устанавливать такую опцию при выборе сегмента, клавиши < и > нужно нажимать одновременно с клавишей Shift.
  Нажатие на клавишу Пробел закрепляет сделанные изменения. Клавиша «end» позволяет изменять цвет обрисовки сегмента и цвет зачерчивания сектора фигуры, связанного с выбранным сегментом. Если фигура выбрана только что, а сегмент её ещё не выбран, то клавишами со стрелочками можно перемещать точку расхождения лучей зачерчивания фигуры, меняя тем самым расположение секторов закраски внутри неё.
  Индивидуализация фигуры по сегментам позволяет создавать фигуры Безье более интересные, чем просто контур, заполненный сплошной заливкой.

  Сочетание перекладки фигур с их сегментными изменениями, позволяет создавать весьма интересную и выразительную анимацию достаточно легко, не требуя для этого каких-либо чрезмерных ухищрений или усилий. 

  Небольшой клип с персонажем в движении и с объяснением того, как это делается, можно посмотреть тут – http://youtu.be/IPmVcAPVZXA 

  Сделанную векторную анимацию можно сохранять двояко. Можно хранить её в форме растровых картинок, переведя их, если того захочется, из bmp формата в более компактный jpg формат. Можно также хранить её в текстовых файлах, в этом случае анимацию можно будет легко править.
__________
28.09.2020

ДОПОЛНЕНИЕ. Так записана векторная графика 11-го кадра анимации –

X  просмотр массива G  31-кр.Безье  36,38-Фигура  16-Паттерн  Nстрок= 117
 ____ 13-Прям-к  14-Круг  22-Прямая  25-Веер  26-Мног-к  27-Полилиния ___

        1>     36  342  578  2  11  7  416  462  351  25030  2 шорты
   2      0  342  578  379  566  377  591  422  581  18661  17732
   3      0  422  581  422  561  435  553  437  580  15377  24584
   4      0  436  584  436  584  495  581  513  571  15377  19752
   5      0  513  569  513  569  515  484  501  443  14352  20677
   6      0  500  445  500  445  400  468  357  445  15377  26857
   7      0  361  447  338  434  341  591  344  582  22863  20775
   8      0  493  441  452  440  400  457  406  447  1057 -58  чёрные
   9      0  355  438  360  455  424  451  401  451  1057 -48  детали
   10      0  359  457  355  432  351  544  351  544  1057 -38 на них
   11      0  422  532  419  543  420  560  422  565  1057 -28
   12      0  428  538  428  538  433  552  432  560  1057 -28
        13>     36  513  312  14  4  6  502  327  7399  3412  5  # 12
   14      0  513  312  513  312  514  372  521  389  7399  10742 левая
   15      0  497  394  505  407  523  410  521  389  6618  8694  рука
   16      0  497  394  491  397  491  327  491  315  7399  8694
   17      0  491  327  477  301  518  287  512  326  7399  3412
        18>     36  519  383  19  6  6  518  438  31008  17049  5  # 11
   19      0  519  383  519  364  488  371  497  398  10775  22299 левая
   20      0  519  376  532  414  526  463  526  463  7399  8694   рука
   21      0  527  454  530  481  507  458  510  454  9718  17049
   22      0  510  454  515  447  492  406  498  398  7399  17049
   23      0  498  398  498  398  506  391  506  391  14968  17049
   24      0  506  391  506  391  503  379  503  379  3205  17049
        25>     36  510  453  26  5  6  503  480  31008  17049  5  # 11
   26      0  510  453  510  450  520  448  523  451  13913  17049 левая
   27      0  523  451  527  462  529  523  512  521  9513  17049  рука
   28      0  512  521  497  524  522  499  517  492  7399  17049  кисть
   29      0  508  517  486  528  518  499  508  483  7399  17049
   30      0  506  505  490  506  502  462  509  454  12684  24414
        31>     36  397  174  32  4  6  433  190  31008  14901  5  шея
   32      0  397  174  397  174  445  175  445  175  10570  10675
   33      0  445  175  445  175  446  227  446  227  10570  8629
   34      0  446  227  446  227  398  226  398  226  10570  14901
   35      0  398  226  398  226  398  176  398  176  10570  14901
        36>     36  397  171  37  13  6  424  111  3171  9513  2 причёска
   37      0  397  171  396  180  388  174  388  174  0  0
   38      0  388  174  383  168  378  177  383  158  0  0
   39      0  383  158  371  154  376  177  355  135  0  0
   40      0  355  135  350  103  345  142  358  71  0  0
   41      0  358  71  362  56  412  32  409  37  0  0
   42      0  409  37  444  39  423  31  444  50  0  0
   43      0  444  50  447  36  447  62  466  56  0  0
   44      0  466  56  466  56  496  70  487  84  0  0
   45      0  487  84  482  82  482  93  482  93  0  0
   46      0  482  93  489  100  480  134  482  128  0  0
   47      0  482  128  466  146  479  154  463  164  0  0
   48      0  463  164  466  186  445  179  444  176  0  0
   49      0  444  176  417  182  397  171  397  171  0  0
        50>     36  382  90  51  6  6  426  128  11799  17049  4 лицо
   51      0  382  90  382  90  420  93  446  70  0  0
   52      0  446  70  458  90  479  110  471  121  0  0
   53      0  471  121  496  136  474  151  462  145  0  0
   54      0  462  145  455  201  388  180  379  142  0  0
   55      0  379  142  351  148  355  106  377  117  0  0
   56      0  377  117  377  117  382  90  382  90  0  0
        57>     38  423  117  58  4  0  0  0  31008  11799  8   тени на
   58      0  423  117  437  119  425  135  414  142  11799 -88 лице
   59      0  415  146  404  148  399  119  413  114  11799 -68
   60      0  372  134  378  137  372  122  368  124  8627  8594
   61      0  470  138  482  138  471  132  471  131  8627  8594
        62>     31  417  98  63  7  0  0  0  7399  32767  9  # 1 черты
   63      0  417  98  406  100  386  91  383  102  7399 -97     лица
        64>     31  430  98  65  7  0  0  0  7399  32767  9  # 1
   65      0  430  98  442  100  454  94  460  99  7399 -97
        66>     31  412  108  67  0  0  0  0  7399  32767  6  # 1
   67      0  412  108  406  99  393  104  390  103  7399  32767
        68>     31  435  109  69  0  0  0  0  7399  32767  3  # 1
   69      0  435  109  434  107  439  100  452  106  7399  32767
        70>     31  409  115  71  0  0  0  0  7399  32767  4  # 1
   71      0  409  115  395  99  385  114  385  117  7399  32767
        72>     31  438  116  73  0  0  0  0  7399  32767  3  # 1
   73      0  438  116  439  112  446  108  451  118  7399  32767
        74>     31  401  117  75  8  0  0  0  1057  32767  3  # 1
   75      0  401  117  405  116  395  121  396  112  1057  32767
        76>     31  449  119  77  8  0  0  0  1057  32767  3  # 1
   77      0  449  119  438  119  449  123  449  123  1057  32767
        78>     31  413  133  79  8  0  0  0  7399  32767  3  # 1
   79      0  413  133  413  131  419  136  421  136  7399 -38
        80>     31  428  136  81  8  0  0  0  7399  32767  3  # 1
   81      0  428  136  434  131  435  134  435  132  7399 -38
        82>     31  409  151  83  9  0  0  0  13741  32767  3  # 1
   83      0  409  151  417  154  431  148  436  154  13741  32767
        84>     31  415  158  85  9  0  0  0  7399  32767  2  # 1
   85      0  415  158  415  157  427  160  430  160  7399  32767
        86>     31  412  174  87  0  0  0  0  7399  32767  4  # 1
   87      0  412  174  421  181  441  176  441  176  7399  32767
        88>     36  316  320  89  4  6  328  321  31008  6580  5  # 22
   89      0  316  320  303  297  344  277  341  327  6509  5454 правая
   90      0  342  326  341  337  343  379  343  379  1057  7604 рука
   91      0  343  376  340  399  316  374  316  374  6580  7604
   92      0  316  374  316  374  313  314  313  314  6375  12822
        93>     36  444  191  94  10  6  418  297  2129  7448  5 майка
   94      0  444  191  480  205  473  192  466  207  0  0
   95      0  466  207  523  223  507  256  533  300  0  0
   96      0  533  300  520  315  510  318  488  315  0  0
   97      0  473  276  484  269  485  401  492  428  0  0
   98      0  492  428  493  444  457  446  430  439  0  0
   99      0  430  439  415  437  391  455  355  436  0  0
   100      0  349  317  324  314  295  294  295  294  0  0
   101      0  295  294  355  187  329  229  399  192  0  0
   102      0  399  192  399  192  423  207  443  191  0  0
   103      0  355  436  353  429  348  348  350  278  0  0
        104>     36  342  382  105  5  6  326  393  31008  13912  5  # 21
   105      0  342  382  343  362  322  368  318  381  4563  9717 правая
   106      0  342  385  342  385  334  439  344  448  6343  9719 рука
   107      0  343  451  343  471  327  455  327  455  9718  9719
   108      0  325  453  325  453  309  407  317  383  12718  13912
   109      0  331  370  331  370  329  383  329  383  4229  9719
        110>     36  327  449  111  7  6  331  449  31008  12822  4  # 21
   111      0  327  449  327  449  334  436  343  449  12822  16025 прав.
   112      0  343  449  351  456  350  478  350  478  14833  12820 рука
   113      0  350  478  346  519  341  486  343  478  13741  8628  кисть
   114      0  343  478  332  468  332  493  332  493  14798  4401
   115      0  332  493  344  522  329  506  325  494  9513  4401
   116      0  325  494  334  529  313  503  319  497  2221  7604
   117      0  319  497  318  490  331  456  326  449  7468  20219