mascotgen — маскот для магазину

Маскот на сторінці магазину чекає в куті й зрідка кличе до себе. Натиснули — він іде до картки товару, «входить» у неї, і замість фото грає короткий ролик: маскот показує саме цей товар. Образ (одяг і манера) — під стиль сайту.

Підключення

Один скрипт; картки — будь-які елементи з атрибутом ролика. Для Shopify і WooCommerce картки знаходяться за стандартною розміткою тем, ролики — за посиланням товару (clips.json).

<script src="https://mascot.craftgen.app/mascot.js" data-skin="craft" async></script>
<!-- картка товару: -->
<article data-mascot-clip="/clips/товар.mp4"> … <img src="фото.jpg"> … </article>

Правила поведінки

• вантажиться після сторінки; ролик — лише після натискання;
• кличе не частіше разу на 30 с і не більше трьох разів за візит, на телефоні — один раз;
• «менше руху» в системі — без анімації; хрестик прибирає маскота назавжди;
• події для аналітики й A/B: mascot:shown, mascot:click, mascot:play, mascot:closed.

Маскот — мавпа в спортивному костюмі (модель edovvsky, CC BY 4.0, див. авторство): шість рухів і образи додано в Blender скриптом, скелет — авторський.