chore(documentation): mention animation
All checks were successful
Code check / Check code (push) Successful in 1m32s
All checks were successful
Code check / Check code (push) Successful in 1m32s
Signed-off-by: Boris Yumankulov <boria138@altlinux.org>
This commit is contained in:
@ -6,6 +6,7 @@
|
|||||||
- [Overview](#overview)
|
- [Overview](#overview)
|
||||||
- [Creating the Theme Folder](#creating-the-theme-folder)
|
- [Creating the Theme Folder](#creating-the-theme-folder)
|
||||||
- [Style File](#style-file)
|
- [Style File](#style-file)
|
||||||
|
- [Animation configuration](#animation-configuration)
|
||||||
- [Metadata](#metadata)
|
- [Metadata](#metadata)
|
||||||
- [Screenshots](#screenshots)
|
- [Screenshots](#screenshots)
|
||||||
- [Fonts and Icons](#fonts-and-icons)
|
- [Fonts and Icons](#fonts-and-icons)
|
||||||
@ -45,6 +46,53 @@ def custom_button_style(color1, color2):
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## 🎥 Animation configuration
|
||||||
|
|
||||||
|
The `GAME_CARD_ANIMATION` dictionary controls all animation parameters for game cards:
|
||||||
|
|
||||||
|
```python
|
||||||
|
GAME_CARD_ANIMATION = {
|
||||||
|
# Animation type when transitioning to a detailed page
|
||||||
|
# Available values: "fade", "slide_left", "slide_right", "slide_up", "slide_down", "bounce", "none"
|
||||||
|
"detail_page_animation_type": "fade",
|
||||||
|
|
||||||
|
# Border width settings (in pixels)
|
||||||
|
"default_border_width": 2,
|
||||||
|
"hover_border_width": 8,
|
||||||
|
"focus_border_width": 12,
|
||||||
|
"pulse_min_border_width": 8,
|
||||||
|
"pulse_max_border_width": 10,
|
||||||
|
|
||||||
|
# Animation duration (in milliseconds)
|
||||||
|
"thickness_anim_duration": 300,
|
||||||
|
"pulse_anim_duration": 800,
|
||||||
|
"gradient_anim_duration": 3000,
|
||||||
|
|
||||||
|
# Gradient animation angles (in degrees)
|
||||||
|
"gradient_start_angle": 360,
|
||||||
|
"gradient_end_angle": 0,
|
||||||
|
|
||||||
|
# Smoothing curves for smooth animations
|
||||||
|
"thickness_easing_curve": "OutBack",
|
||||||
|
"thickness_easing_curve_out": "InBack",
|
||||||
|
|
||||||
|
# Gradient colors for animated stroke
|
||||||
|
"gradient_colors": [
|
||||||
|
{"position": 0, "color": "#00fff5"},
|
||||||
|
{"position": 0.33, "color": "#FF5733"},
|
||||||
|
{"position": 0.66, "color": "#9B59B6"},
|
||||||
|
{"position": 1, "color": "#00fff5"}
|
||||||
|
],
|
||||||
|
|
||||||
|
# Duration of transitions to the detailed page
|
||||||
|
"detail_page_fade_duration": 350,
|
||||||
|
"detail_page_slide_duration": 500,
|
||||||
|
"detail_page_zoom_duration": 400
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## 📝 Metadata (`metainfo.ini`)
|
## 📝 Metadata (`metainfo.ini`)
|
||||||
|
|
||||||
```ini
|
```ini
|
||||||
|
@ -6,6 +6,7 @@
|
|||||||
- [Обзор](#обзор)
|
- [Обзор](#обзор)
|
||||||
- [Создание папки темы](#создание-папки-темы)
|
- [Создание папки темы](#создание-папки-темы)
|
||||||
- [Файл стилей](#файл-стилей)
|
- [Файл стилей](#файл-стилей)
|
||||||
|
- [Конфигурация анимации](#конфигурация-анимации)
|
||||||
- [Метаинформация](#метаинформация)
|
- [Метаинформация](#метаинформация)
|
||||||
- [Скриншоты](#скриншоты)
|
- [Скриншоты](#скриншоты)
|
||||||
- [Шрифты и иконки](#шрифты-и-иконки)
|
- [Шрифты и иконки](#шрифты-и-иконки)
|
||||||
@ -45,6 +46,53 @@ def custom_button_style(color1, color2):
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## 🎥 Конфигурация анимации
|
||||||
|
|
||||||
|
Словарь `GAME_CARD_ANIMATION` управляет всеми параметрами анимации для карточек игр:
|
||||||
|
|
||||||
|
```python
|
||||||
|
GAME_CARD_ANIMATION = {
|
||||||
|
# Тип анимации при переходе на детальную страницу
|
||||||
|
# Доступные значения: "fade", "slide_left", "slide_right", "slide_up", "slide_down", "bounce", "none"
|
||||||
|
"detail_page_animation_type": "fade",
|
||||||
|
|
||||||
|
# Настройки ширины обводки (в пикселях)
|
||||||
|
"default_border_width": 2,
|
||||||
|
"hover_border_width": 8,
|
||||||
|
"focus_border_width": 12,
|
||||||
|
"pulse_min_border_width": 8,
|
||||||
|
"pulse_max_border_width": 10,
|
||||||
|
|
||||||
|
# Длительности анимаций (в миллисекундах)
|
||||||
|
"thickness_anim_duration": 300,
|
||||||
|
"pulse_anim_duration": 800,
|
||||||
|
"gradient_anim_duration": 3000,
|
||||||
|
|
||||||
|
# Углы анимации градиента (в градусах)
|
||||||
|
"gradient_start_angle": 360,
|
||||||
|
"gradient_end_angle": 0,
|
||||||
|
|
||||||
|
# Кривые сглаживания для плавных анимаций
|
||||||
|
"thickness_easing_curve": "OutBack",
|
||||||
|
"thickness_easing_curve_out": "InBack",
|
||||||
|
|
||||||
|
# Цвета градиента для анимированной обводки
|
||||||
|
"gradient_colors": [
|
||||||
|
{"position": 0, "color": "#00fff5"},
|
||||||
|
{"position": 0.33, "color": "#FF5733"},
|
||||||
|
{"position": 0.66, "color": "#9B59B6"},
|
||||||
|
{"position": 1, "color": "#00fff5"}
|
||||||
|
],
|
||||||
|
|
||||||
|
# Длительности переходов на детальную страницу
|
||||||
|
"detail_page_fade_duration": 350,
|
||||||
|
"detail_page_slide_duration": 500,
|
||||||
|
"detail_page_zoom_duration": 400
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## 📝 Метаинформация (`metainfo.ini`)
|
## 📝 Метаинформация (`metainfo.ini`)
|
||||||
|
|
||||||
```ini
|
```ini
|
||||||
|
Reference in New Issue
Block a user