Анімовані роздільники та підписи для дописів разом із HTML та p5.js

Звичайний сухий текс у дописах сприймається по різному. Зазвичай із графікою він насиченіший. Тому однотонне чорно-біле море літер та фону, може бути менш цікаве. Також бува хочеться виділятись і мати щось особливе, або принаймні прилаштувати стилістичний підпис під дописом для різних своїх забаганок.

Звичайно для цього є різні там Canvas сервіси, але ще треба реєструватись чи заходити через якіс облікові записи різних мереж. До цього накладаються ще якісь обмеження на розповсюдження. Ще є один сервіс типу фотошопу онлайн від одного українця (не памятаю назви), де можйна й так, але для цього також має бути доступ до інтернету. Одноо разу, наприклад, хтось пошкоди той сайт і шось він чудив коники. Тож доступність може впиратись в різні нюанси.

На даний момент щось подібне можна реалізувати за допомогою звичайного html коду та бібліотеки p5.js. ШІ спокійно напише потрібний код, а бібліотека доступна й для локального використання. Всього навсього треба завантажити додатковий файл із офіційного сайту до 2 мегабайт розміром, покласти в одну папку й скоротити в html кодові фразу лише до імені бібліотеки. А якщо інструменти для цього підготовлені відповідно, як і запити, то відразу можна зберегти готовий HTML, щоб ганять його у своєму браузері або потрувати для андроїд застосунку. Благо для цього є онлайн сервіси, де той html швиденько стане застосунком. Але такий шлях простий і надасть лише анімоване полотно виконане p5.js.

Щоб із цього вийшла gif анімація, треба або окремо кадри зберігати й врухомлювати їх, або записувати з екрану. На ПК то зручніше, зі смарфоном так діло не піде.

Тож для повноцінного виходу із своєї затії, доведеться значно довше поексперементувати, бо ще якісь бібліотеки підключило й дало змогу зберігати відразу gif. Однак справа то не проста, бо браузер буде тому опиратись і забороняти подібні дії.