PixelKit Кіно

Пояснювальні анімації без ручної анімації. Сцена - це сценарій: одне речення на крок плюс команди для сцени. Три способи показу: плеєр, стрічка з текстом поруч зі сценою, і "розчинено" - сцени всередині звичайної статті.
1 Плеєр і стрічка
2 Розчинено в сторінці

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

Коли ти відкриваєш сайт без VPN, запит їде мережею відкритим. Кожен вузол по дорозі - і перший з них твій провайдер - бачить адресу, на яку ти йдеш.

VPN додає один крок. Ще на твоєму пристрої кожен пакет загортається в зашифрований конверт. Це стається до того, як пакет виходить у мережу.

Далі провайдер бачить лише один тунель до VPN-сервера. Але сам VPN-сервер бачить все, що ти робиш. VPN не робить тебе невидимим - він переносить довіру від провайдера до VPN-компанії.

Тому головне питання про VPN звучить не "чи він у мене є", а "кому я тепер довіряю".

Перевір себе ще на одному кейсі. Ти сидиш у кафе на відкритому Wi-Fi без VPN і заходиш у банк через https.

3 Персонажі - чернетки

Напрям з твоїх рефів: кремезні тіла, велика голова, чорнильний контур, роль задає проп. База - звірята; капелюх і шарф - перші два пропи, далі докладемо ролі під кейси. Людські варіанти лишаються поруч для порівняння.

4 Як це влаштовано

Сценарій - це дані. Кожен крок має речення і список команд: постав плитку, посунь, згасни, підпиши, обведи рукою. Рушій виконує команди і сам тримає темп.

{ say: "Речення ріжеться на шматки.",
  do: [
    { op:"move",  id:"t1", x:80,  y:150 },
    { op:"count", id:"n",  to:6 } ] }

Одна сцена - будь-який носій. Плеєр - для показу і запису в mp4 через Playwright-конвеєр. Стрічка - для лонгрідів. Розчинений режим - для статей і курсових сторінок: та сама сцена монтується в будь-який елемент без рамки і хрому.

Словник руху обмежений. Плитки, пакети по лініях, рамка вікна, лічильники, дизер-згасання, рукописна примітка. В жанрі "кіно" рух дозволений, бо рух і є поясненням.