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 + + + + +
+

+анимации +

+
+
+
+ +

+

Пример № 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