Skip to content

Commit c4411bb

Browse files
committed
Use apostrophe instead of quote
1 parent 8c1262e commit c4411bb

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

‎7-animation/1-bezier-curve/article.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Крива Безьє
22

3-
Криві Безьє використовують у комп'ютерній графіці для малювання гладких фігур, для CSS-анімації та у багатьох інших випадках.
3+
Криві Безьє використовують у комп’ютерній графіці для малювання гладких фігур, для CSS-анімації та у багатьох інших випадках.
44

55
Це дуже проста річ, яку варто дослідити одного разу, щоб надалі комфортно почуватись у світі векторної графіки та просунутих анімацій.
66

@@ -31,7 +31,7 @@
3131

3232
![](bezier4-e.svg) ![](bezier3-e.svg)
3333

34-
Остання властивість дозволяє оптимізувати пошук перетинів у комп'ютерній графіці. Криві не перетинаються, якщо їх опуклі оболонки не перетинаються. Тож попередня перевірка на перетин опуклих оболонок може швидко дати знати про відсутність перетину. Перевірка перетину опуклих оболонок значно легша, оскільки вони мають форму чотирикутника, трикутника тощо (дивіться малюнок вище), значно простіші фігури, ніж сама крива.
34+
Остання властивість дозволяє оптимізувати пошук перетинів у комп’ютерній графіці. Криві не перетинаються, якщо їх опуклі оболонки не перетинаються. Тож попередня перевірка на перетин опуклих оболонок може швидко дати знати про відсутність перетину. Перевірка перетину опуклих оболонок значно легша, оскільки вони мають форму чотирикутника, трикутника тощо (дивіться малюнок вище), значно простіші фігури, ніж сама крива.
3535

3636
**Головна цінність кривих Безьє для малювання в тому, що пересування контрольних точок змінює криву *інтуїтивно зрозумілим чином*.**
3737

@@ -72,7 +72,7 @@
7272

7373
Наприклад, для `t=0` -- обидві точки будуть на початку відрізка, для `t=0.25` -- на відстані 25% довжини відрізка від початку, для `t=0.5` -- 50% (на середині), для `t=1` -- в кінці відрізка.
7474

75-
- З'єднаймо ці точки. На малюнку нижче цей відрізок забарвлений у <span style="color:#167490">синій</span> колір.
75+
- З’єднаймо ці точки. На малюнку нижче цей відрізок забарвлений у <span style="color:#167490">синій</span> колір.
7676

7777

7878
| Для `t=0.25` | Для `t=0.5` |
@@ -93,7 +93,7 @@
9393

9494
- Поєднаймо контрольні точки відрізками: 1 -> 2, 2 -> 3, 3 -> 4. Отримаємо 3 <span style="color:#825E28">коричневі</span> відрізки.
9595
- Для кожного `t` у інтервалі від `0` до `1`:
96-
- Ми беремо точки на цих відрізках на відстані від початку пропорційній до `t`. З'єднаємо ці точки, що дає нам два <span style="color:#0A0">зелених відрізки</span>.
96+
- Ми беремо точки на цих відрізках на відстані від початку пропорційній до `t`. З’єднаємо ці точки, що дає нам два <span style="color:#0A0">зелених відрізки</span>.
9797
- На цих відрізках ми беремо точки, що пропорційні до `t`. Отримуємо <span style="color:#167490">синій відрізок</span>.
9898
- На синьому відрізку беремо точку, що пропорційна до `t`. У попередньому прикладі вона <span style="color:red">червоного</span> кольору.
9999
- Разом ці точки утворюють криву.
@@ -141,7 +141,7 @@
141141
142142
Інколи ми маємо інше завдання: намалювати криву, що *проходить крізь декілька точок*, тобто всі точки знаходяться на одній гладкій кривій. Ця задача називається [інтерполяцією](https://uk.wikipedia.org/wiki/Інтерполяція), і тут ми не будемо розглядати її.
143143
144-
Для таких кривих існують математичні формули, наприклад [багаточлен Лагранжа](https://uk.wikipedia.org/wiki/Многочлен_Лагранжа). У комп'ютерній графіці для побудови гладких кривих, які поєднують багато точок, використовується [інтерполяція кубічними сплайнами](https://uk.wikipedia.org/wiki/Кубічний_сплайн).
144+
Для таких кривих існують математичні формули, наприклад [багаточлен Лагранжа](https://uk.wikipedia.org/wiki/Многочлен_Лагранжа). У комп’ютерній графіці для побудови гладких кривих, які поєднують багато точок, використовується [інтерполяція кубічними сплайнами](https://uk.wikipedia.org/wiki/Кубічний_сплайн).
145145
```
146146

147147

@@ -196,6 +196,6 @@
196196

197197
Використання:
198198

199-
- У комп'ютерній графіці, моделюванні, редакторах векторної графіки. Шрифти також описані кривими Безьє.
199+
- У комп’ютерній графіці, моделюванні, редакторах векторної графіки. Шрифти також описані кривими Безьє.
200200
- У веб-розробці -- для графіки на Canvas, або у форматі SVG. До речі, всі "живі" приклади наведені вище написані на SVG. Насправді це один і той самий SVG-документ, якому точки передані як параметри. Ви можете відкрити його у окремому вікні та переглянути його вихідний код: [demo.svg](demo.svg?p=0,0,1,0.5,0,0.5,1,1&animate=1).
201201
- У CSS-анімації, щоб описати траєкторію або швидкість анімації.

0 commit comments

Comments
 (0)