From 0d54f7163b838a0fd6122acb0668f2379a0dc3da Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9C=D0=B8=D1=85=D0=B0=D0=B8=D0=BB=20=D0=9A=D0=B0=D0=BF?= =?UTF-8?q?=D0=B5=D0=BB=D1=8C=D0=BA=D0=BE?= Date: Mon, 20 Dec 2021 22:33:45 +0300 Subject: [PATCH] =?UTF-8?q?=D0=BD=D0=B0=D1=87=D0=B0=D0=BB=D0=BE=20=D0=B0?= =?UTF-8?q?=D0=BD=D0=B8=D0=BC=D0=B0=D1=86=D0=B8=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- doc/ru/animations.html | 118 +++++++++++++++++++++++++++++++++++++++++ doc/ru/animations.md | 24 +++++++++ doc/ru/item.template | 4 +- doc/ru/keys.html | 1 + doc/ru/keys.md | 2 + 5 files changed, 147 insertions(+), 2 deletions(-) create mode 100644 doc/ru/animations.html create mode 100644 doc/ru/animations.md diff --git a/doc/ru/animations.html b/doc/ru/animations.html new file mode 100644 index 0000000..1d51dc9 --- /dev/null +++ b/doc/ru/animations.html @@ -0,0 +1,118 @@ + + + + + + + Документация МУРОМа 4.0 + + + + +
+

+анимации +

+
+
+
+
    +
  • Анимации реализованы на JavaScript с помощью setInterval без CSS.
    • +
  • Так называемые спрайты (кадры) анимация берёт из вида изображения.
    • +
  • Одна анимация работает ровно с одним изображением/объектом, т.е. задать несколько анимаций для одного изображения/объекта нельзя.
    • +
  • Создать спрайты (кадры) для анимации можно из отдельных изображений с помощью, например, ImageMagick.
    • +
+

+

Пример № 1. Отображение анимации на основе вертикальных кадров.

+ +

+

Пример № 2. Отображение анимации на основе горизонтальных кадров.

+

+ +
+ + + + diff --git a/doc/ru/animations.md b/doc/ru/animations.md new file mode 100644 index 0000000..49a266b --- /dev/null +++ b/doc/ru/animations.md @@ -0,0 +1,24 @@ +Title: анимации +Date: 2021-12-20 00:00 +Category: Страница +Slug: animations +Lang: ru + +* Анимации реализованы на JavaScript с помощью setInterval без CSS. +* Так называемые спрайты (кадры) анимация берёт из `вида` изображения. +* Одна анимация работает ровно с одним изображением/объектом, т.е. задать несколько анимаций для одного изображения/объекта нельзя. +* Создать спрайты (кадры) для анимации можно [из отдельных изображений с помощью, например, ImageMagick](https://superuser.com/a/316189). + +
+ +Пример № 1. Отображение анимации на основе вертикальных кадров. + + + +
+ +Пример № 2. Отображение анимации на основе горизонтальных кадров. + + +
+ diff --git a/doc/ru/item.template b/doc/ru/item.template index 9d2dafe..060f4d2 100644 --- a/doc/ru/item.template +++ b/doc/ru/item.template @@ -78,12 +78,12 @@ } - Документация МУРОМа 4.0 + Документация МУРОМа 4.1 diff --git a/doc/ru/keys.html b/doc/ru/keys.html index cefcc5e..574c6a5 100644 --- a/doc/ru/keys.html +++ b/doc/ru/keys.html @@ -97,6 +97,7 @@

Ниже представлены страницы с описанием каждого отдельного поддерживаемого ключа и примерами их использования:

    +
  1. анимации
  2. виды
  3. заголовок
  4. изображения
    5. diff --git a/doc/ru/keys.md b/doc/ru/keys.md index dccc68c..62bd8b0 100644 --- a/doc/ru/keys.md +++ b/doc/ru/keys.md @@ -7,6 +7,7 @@ Lang: ru Ниже представлены страницы с описанием каждого отдельного поддерживаемого ключа и примерами их использования: +1. [анимации][animations] 1. [виды][styles] 1. [заголовок][title] 1. [изображения][images] @@ -15,6 +16,7 @@ Lang: ru 1. [тела][bodies] 1. [физика][physics] +[animations]: animations.html [bodies]: bodies.html [images]: images.html [objects]: objects.html