Сім тисяч років потому: як Трипілля оживає в книжці, журналі, у VR-виставці й театрі
Трипілля у сучасному мистецтві: від театру до VR-виставки
WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Fira Sans:100,200,300,400,500,600,700,800,900:cyrillic,cyrillic-ext,latin"] }});
!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P5J569T9');
СПЕЦПРОЄКТ "Не розходьтесь. Трипілля"
Сім тисяч років потому: як Трипілля оживає в книжці, журналі, у VR-виставці й театрі
СПЕЦПРОЄКТ
21 жовтня 2026
Вистава "Не розходьтесь. Трипілля" (в рамках проєкту "I`ll be back. Твоє Трипілля") підготовлена за підтримки Українського культурного фонду в межах конкурсної програми "Культура під час війни".
Трипілля легко впізнати: розписана кераміка, жіночі фігурки, спіральні орнаменти. Та значно складніше уявити за цими речами людей, які все це створювали. Вони будували великі поселення, займалися землеробством і ремеслами, облаштовували житло та здійснювали ритуали. Деякі з їхніх поселень займали сотні гектарів – масштаб, який важко уявити, якщо звикнути дивитися на Трипілля через окремі музейні експонати.
Про трипільців пишуть пригодницькі книжки, збирають навколо теми археологів і письменників, відтворюють їхній світ у віртуальній реальності та переносять Трипілля на театральну сцену. Всі ці формати дають змогу наблизитися до минулого, кожен зі свого боку, бо всі вони є частиною платформи "Україна. Світ Трипілля".
Творці та автори проєкту "Україна. Світ Трипілля" розповіли нам, як вони працювали з темою Трипільської цивілізації в різних форматах і як кожен із них бачить і зчитує трипільську історію.
Повість: як археологія стала пригодницькою історією
Спочатку "Два мільйони світанків. Трипільська таємниця" задумували як науково-популярну книжку. У ній мали бути чотири сюжетні лінії, одна з яких розповідала про сучасних героїв, які намагаються "перекласти" давнє минуле для своїх сучасників. Зрештою саме ця лінія почала домінувати над іншими, і книжка перетворилася на художню повість із пригодницько-детективним сюжетом.
"Коли ми працювали над ідеєю книжки, то спочатку говорили про науково-популярний жанр. Але проблема археології – вона не фабулярна. Дуже складно розказувати про історію без історій, персонажів, конфліктів. За жанром і обсягом така книжка про Трипілля мала б бути сагою в стилі «Дюни». Наші наміри були скромнішими", – пояснює історик, журналіст та автор книги "Два мільйони світанків.Трипільська таємниця" Олександр Зінченко.
Олександр Зінченко
Тож автор вирішив дати читачеві базові знання про Трипільську цивілізацію в популярній формі, а одним зі способів розповісти про це стали пригоди двох молодих героїв – Христини та Олега, які шукають головний секрет трипільців.
Водночас пригодницький формат не означав відмову від історичних деталей. Олександр Зінченко має за плечима шістнадцять археологічних експедицій, зокрема дослідження Трипільської культури, а в історичну науку прийшов саме з археології:
"Для історика опрацьовувати історичний матеріал – це найвище задоволення у житті, бо працюєш над тим, що вважаєш своїм покликанням. Проблема лише в часі: наукових публікацій багато, а видавничі терміни дуже стислі".
Презентація книжки "Два мільйони світанків. Трипільська таємниця"
Презентація книжки "Два мільйони світанків. Трипільська таємниця"
Презентація книжки "Два мільйони світанків. Трипільська таємниця"
Презентація книжки "Два мільйони світанків. Трипільська таємниця"
1 / 4
.mslider {
/* ——— Налаштування (змінюйте під свій дизайн) ——— */
--ms-bg: #ffffff;
--ms-fg: #cc2a42;
--ms-muted: #8a8a8a;
--ms-line: rgba(20,20,20,.14);
--ms-radius: 14px;
--ms-gap: 16px;
--ms-ratio: 16 / 9;
--ms-font: inherit; /* успадковує шрифт сайту з Webflow */
--ms-peek: 12%; /* частина наступного слайду, яка виглядає збоку */
width: 100%;
max-width: 1200px;
margin: 32px auto;
font-family: var(--ms-font);
color: var(--ms-fg);
box-sizing: border-box;
}
@media (prefers-color-scheme: dark) {
.mslider.is-auto-dark { --ms-bg:#0f0f0f; --ms-fg:#f2f2f2; --ms-muted:#8a8a8a; --ms-line:rgba(255,255,255,.18); }
}
.mslider *, .mslider *::before, .mslider *::after { box-sizing: border-box; }
.mslider__viewport {
overflow: hidden;
border-radius: var(--ms-radius);
touch-action: pan-y; /* вертикальний скрол сторінки працює */
cursor: grab;
}
.mslider__viewport.is-drag { cursor: grabbing; }
.mslider__track {
display: flex;
gap: var(--ms-gap);
transition: transform .4s cubic-bezier(.22,.8,.24,1);
will-change: transform;
}
.mslider__track.is-drag { transition: none; }
.mslider__slide {
flex: 0 0 calc(100% - var(--ms-peek));
margin: 0;
position: relative;
aspect-ratio: var(--ms-ratio);
border-radius: var(--ms-radius);
overflow: hidden;
background: #cc2a42;
opacity: .45;
transition: opacity .6s ease;
user-select: none;
}
.mslider__slide.is-active { opacity: 1; }
.mslider__slide img {
width: 100%; height: 100%;
object-fit: cover; display: block;
pointer-events: none;
-webkit-user-drag: none;
}
.mslider__slide figcaption {
position: absolute; left: 0; right: 0; bottom: 0;
padding: 56px clamp(16px, 3vw, 32px) clamp(16px, 2.4vw, 28px);
color: #fff;
background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.mslider__slide h3 {
margin: 0 0 4px;
font-size: clamp(18px, 2.4vw, 28px);
font-weight: 500;
letter-spacing: -.01em;
line-height: 1.15;
color: #fff;
}
.mslider__slide p {
margin: 0;
font-size: clamp(13px, 1.3vw, 15px);
opacity: .85;
color: #fff;
}
.mslider__bar {
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 24px);
margin-top: clamp(14px, 2vw, 22px);
}
.mslider__count {
font-size: 14px;
font-variant-numeric: tabular-nums;
color: var(--ms-muted);
min-width: 3.2em;
}
.mslider__count [data-cur] { color: var(--ms-fg); }
.mslider__progress {
flex: 1; height: 1px; background: var(--ms-line); position: relative;
}
.mslider__progress i {
position: absolute; left: 0; top: -0.5px; height: 2px;
background: var(--ms-fg);
width: 25%;
transition: width .7s cubic-bezier(.22,.8,.24,1);
}
.mslider__nav { display: flex; gap: 8px; }
.mslider__nav button {
width: 44px; height: 44px;
display: grid; place-items: center;
border: 1px solid var(--ms-line);
border-radius: 50%;
background: transparent;
color: var(--ms-fg);
cursor: pointer;
padding: 0;
transition: background .25s, color .25s, border-color .25s, opacity .25s;
}
.mslider__nav button:hover { background: var(--ms-fg); color: var(--ms-bg); border-color: var(--ms-fg); }
.mslider__nav button:focus-visible,
.mslider__viewport:focus-visible { outline: 2px solid var(--ms-fg); outline-offset: 3px; }
.mslider.is-jump .mslider__track,
.mslider.is-jump .mslider__slide { transition: none; }
/* Планшет */
@media (max-width: 991px) {
.mslider { --ms-peek: 8%; --ms-ratio: 4 / 3; }
}
/* Мобільні: слайд на всю ширину, 4:5 */
@media (max-width: 478px) {
.mslider { --ms-peek: 0%; --ms-gap: 10px; width: 100%; --ms-radius: 10px; }
.mslider__slide { opacity: 1; }
.mslider__nav button { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
.mslider__track, .mslider__progress i, .mslider__slide { transition: none; }
}
Історичну точність рукопису перевіряв науковий консультант проєкту, професор Михайло Відейко. Після прочитання зауважень до фактів у нього не було. Сам автор каже, що остаточну відповідь на питання, наскільки вдалося поєднати точність із захопливим сюжетом, мають дати читачі. Поки що перший наклад розійшовся за місяць, а видавництво "А-БА-БА-ГА-ЛА-МА-ГА", попри безпекову ситуацію і постійні обстріли, уже підготувало до друку новий наклад:
"Ця книжка написана насамперед для тих, хто хотів би зрозуміти, що таке Трипільська цивілізація, чому її місце в історії України є особливим, що нам залишилося від трипільців у спадщину".
Михайло Відейко
"Антиквар": багатогранне Трипілля очима різних авторів
Головна редакторка журналу "Антиквар" Ганна Шерман давно хотіла зробити тематичний випуск про Трипілля. Знайомий образ цієї культури – орнаменти, кераміка, жіночі фігурки – видавався їй надто вузьким для теми, за якою стоять тисячі років історії.
Презентація журналу "Антиквар"
Презентація журналу "Антиквар"
Презентація журналу "Антиквар"
Презентація журналу "Антиквар"
1 / 4
.mslider {
/* ——— Налаштування (змінюйте під свій дизайн) ——— */
--ms-bg: #ffffff;
--ms-fg: #cc2a42;
--ms-muted: #8a8a8a;
--ms-line: rgba(20,20,20,.14);
--ms-radius: 14px;
--ms-gap: 16px;
--ms-ratio: 16 / 9;
--ms-font: inherit; /* успадковує шрифт сайту з Webflow */
--ms-peek: 12%; /* частина наступного слайду, яка виглядає збоку */
width: 100%;
max-width: 1200px;
margin: 32px auto;
font-family: var(--ms-font);
color: var(--ms-fg);
box-sizing: border-box;
}
@media (prefers-color-scheme: dark) {
.mslider.is-auto-dark { --ms-bg:#0f0f0f; --ms-fg:#f2f2f2; --ms-muted:#8a8a8a; --ms-line:rgba(255,255,255,.18); }
}
.mslider *, .mslider *::before, .mslider *::after { box-sizing: border-box; }
.mslider__viewport {
overflow: hidden;
border-radius: var(--ms-radius);
touch-action: pan-y; /* вертикальний скрол сторінки працює */
cursor: grab;
}
.mslider__viewport.is-drag { cursor: grabbing; }
.mslider__track {
display: flex;
gap: var(--ms-gap);
transition: transform .4s cubic-bezier(.22,.8,.24,1);
will-change: transform;
}
.mslider__track.is-drag { transition: none; }
.mslider__slide {
flex: 0 0 calc(100% - var(--ms-peek));
margin: 0;
position: relative;
aspect-ratio: var(--ms-ratio);
border-radius: var(--ms-radius);
overflow: hidden;
background: #cc2a42;
opacity: .45;
transition: opacity .6s ease;
user-select: none;
}
.mslider__slide.is-active { opacity: 1; }
.mslider__slide img {
width: 100%; height: 100%;
object-fit: cover; display: block;
pointer-events: none;
-webkit-user-drag: none;
}
.mslider__slide figcaption {
position: absolute; left: 0; right: 0; bottom: 0;
padding: 56px clamp(16px, 3vw, 32px) clamp(16px, 2.4vw, 28px);
color: #fff;
background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.mslider__slide h3 {
margin: 0 0 4px;
font-size: clamp(18px, 2.4vw, 28px);
font-weight: 500;
letter-spacing: -.01em;
line-height: 1.15;
color: #fff;
}
.mslider__slide p {
margin: 0;
font-size: clamp(13px, 1.3vw, 15px);
opacity: .85;
color: #fff;
}
.mslider__bar {
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 24px);
margin-top: clamp(14px, 2vw, 22px);
}
.mslider__count {
font-size: 14px;
font-variant-numeric: tabular-nums;
color: var(--ms-muted);
min-width: 3.2em;
}
.mslider__count [data-cur] { color: var(--ms-fg); }
.mslider__progress {
flex: 1; height: 1px; background: var(--ms-line); position: relative;
}
.mslider__progress i {
position: absolute; left: 0; top: -0.5px; height: 2px;
background: var(--ms-fg);
width: 25%;
transition: width .7s cubic-bezier(.22,.8,.24,1);
}
.mslider__nav { display: flex; gap: 8px; }
.mslider__nav button {
width: 44px; height: 44px;
display: grid; place-items: center;
border: 1px solid var(--ms-line);
border-radius: 50%;
background: transparent;
color: var(--ms-fg);
cursor: pointer;
padding: 0;
transition: background .25s, color .25s, border-color .25s, opacity .25s;
}
.mslider__nav button:hover { background: var(--ms-fg); color: var(--ms-bg); border-color: var(--ms-fg); }
.mslider__nav button:focus-visible,
.mslider__viewport:focus-visible { outline: 2px solid var(--ms-fg); outline-offset: 3px; }
.mslider.is-jump .mslider__track,
.mslider.is-jump .mslider__slide { transition: none; }
/* Планшет */
@media (max-width: 991px) {
.mslider { --ms-peek: 8%; --ms-ratio: 4 / 3; }
}
/* Мобільні: слайд на всю ширину, 4:5 */
@media (max-width: 478px) {
.mslider { --ms-peek: 0%; --ms-gap: 10px; width: 100%; --ms-radius: 10px; }
.mslider__slide { opacity: 1; }
.mslider__nav button { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
.mslider__track, .mslider__progress i, .mslider__slide { transition: none; }
}
"Усі начебто знають, що Трипілля існує. Впізнають кераміку, орнаменти, жіночі фігурки. Але щойно починаєш занурюватися глибше, розумієш, наскільки це уявлення пласке. За цими знайомими образами – кілька тисячоліть історії, величезна територія, поселення на сотні гектарів, складне будівництво", – пояснює Ганна Шерман.
Одним із поштовхів до роботи над номером стала розмова з Віктором Ющенком "Трипілля – наш Вавилон". Він згадував Стайки під Києвом, де з кручі осипається земля разом із давніми похованнями, та Сінний ринок, де свого часу можна було зустріти людину буквально з мішком трипільської кераміки. Трипілля постало перед редакцією як спадщина, яка фізично залишається в українській землі й потребує дослідження та збереження й про яку можна зробити цілий спецвипуск журналу.
Віктор Ющенко, третій Президент України / Фото: БФ "МХП-Громаді"
Головна редакторка "Антиквара" добирала авторів так, щоб кожен додавав до цієї картини щось своє. Олександр Алфьоров нагадує про межі наших знань, бо ми досі не знаємо, як самі себе називали трипільці і якою мовою говорили. Археологиня Наталія Бурдо показує, наскільки складнішими були трипільські поселення, ніж звичний образ "мирних хліборобів". А Сергій Жадан говорить уже не про датування кераміки, а про дім і відчуття свого місця.
Наприклад, у спецвипуску "Антиквара" передрукували слова Оксани Забужко про подібність українських горщиків-близнюків до трипільських біноклеподібних посудин. А поруч додали думку археолога Владислава Чабанюка, що застерігає – прямої спадкоємності між ними довести не можна через величезний часовий розрив. На таких діалогах і розбудовується мережа знань.
Команда ГО "Наша Основа" – Тетяна Куц, Вікторія Горенштейн та Ірина Ванникова
"Ми надрукували обидва рівні: письменницьку інтуїцію і науковий коментар. Не прибрали красиву думку, але й не видали її за встановлений факт. Оце, власне, і є редакційна робота", – підсумовує Ганна Шерман.
VR-виставка: трипільське поселення перед очима
Для команди ГО "єМузей" нагода познайомити глядача з Трипіллям почалася з можливості опинитися всередині реконструйованого поселення.
"VR дає унікальну можливість не просто розповісти про минуле, а буквально відчинити в нього двері. Одна справа – прийти до музею й побачити артефакт за склом. Зовсім інша – одягнути VR-окуляри, опинитися посеред реконструйованого трипільського поселення. 7 000 років у такому форматі можна подолати буквально за кілька кліків", – каже засновник ГО "єМузей" Дмитро Матяш.
Для проєкту команда створила вісім тематичних залів: географія, хліборобство, ремесла, житло, сакральний світ, господарство, суспільство і спадщина. В останньому залі команда переходить від давньої культури до сучасної України.
Артефакти підбирали під кожну тему. Для розділу про мисливство – зброю, для хліборобства – знаряддя праці, для сакрального світу – фігурки богині та ритуальний посуд. Щоб оцифрувати один експонат, потрібно зробити від 300 до 500 фотографій з різних боків, потім спеціальна програма збирає їх у 3D-модель.
"Дешевим це не назвеш: потрібна хороша техніка, платні програми, а головне – час і фахівці", – розповідає Дмитро Матяш.
У VR можна не лише розглядати експонати, а й організувати справжню інтерактивну прогулянку поселенням із персонажами – старійшиною, жрицею, майстрами. Користувач може молотити зерно, пекти хліб або оздоблювати кераміку. Окрема перевага цифрової копії – це можливість зберігати й показувати артефакти незалежно від того, чи перебуває справжня колекція в експозиції або у фондосховищах того чи іншого музею.
Презентація VR-виставки "Україна. Світ Трипілля"
Презентація VR-виставки "Україна. Світ Трипілля"
Андрій Сибіга. Презентація VR-виставки "Україна. Світ Трипілля"
Презентація VR-виставки "Україна. Світ Трипілля"
1 / 4
.mslider {
/* ——— Налаштування (змінюйте під свій дизайн) ——— */
--ms-bg: #ffffff;
--ms-fg: #cc2a42;
--ms-muted: #8a8a8a;
--ms-line: rgba(20,20,20,.14);
--ms-radius: 14px;
--ms-gap: 16px;
--ms-ratio: 16 / 9;
--ms-font: inherit; /* успадковує шрифт сайту з Webflow */
--ms-peek: 12%; /* частина наступного слайду, яка виглядає збоку */
width: 100%;
max-width: 1200px;
margin: 32px auto;
font-family: var(--ms-font);
color: var(--ms-fg);
box-sizing: border-box;
}
@media (prefers-color-scheme: dark) {
.mslider.is-auto-dark { --ms-bg:#0f0f0f; --ms-fg:#f2f2f2; --ms-muted:#8a8a8a; --ms-line:rgba(255,255,255,.18); }
}
.mslider *, .mslider *::before, .mslider *::after { box-sizing: border-box; }
.mslider__viewport {
overflow: hidden;
border-radius: var(--ms-radius);
touch-action: pan-y; /* вертикальний скрол сторінки працює */
cursor: grab;
}
.mslider__viewport.is-drag { cursor: grabbing; }
.mslider__track {
display: flex;
gap: var(--ms-gap);
transition: transform .4s cubic-bezier(.22,.8,.24,1);
will-change: transform;
}
.mslider__track.is-drag { transition: none; }
.mslider__slide {
flex: 0 0 calc(100% - var(--ms-peek));
margin: 0;
position: relative;
aspect-ratio: var(--ms-ratio);
border-radius: var(--ms-radius);
overflow: hidden;
background: #cc2a42;
opacity: .45;
transition: opacity .6s ease;
user-select: none;
}
.mslider__slide.is-active { opacity: 1; }
.mslider__slide img {
width: 100%; height: 100%;
object-fit: cover; display: block;
pointer-events: none;
-webkit-user-drag: none;
}
.mslider__slide figcaption {
position: absolute; left: 0; right: 0; bottom: 0;
padding: 56px clamp(16px, 3vw, 32px) clamp(16px, 2.4vw, 28px);
color: #fff;
background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.mslider__slide h3 {
margin: 0 0 4px;
font-size: clamp(18px, 2.4vw, 28px);
font-weight: 500;
letter-spacing: -.01em;
line-height: 1.15;
color: #fff;
}
.mslider__slide p {
margin: 0;
font-size: clamp(13px, 1.3vw, 15px);
opacity: .85;
color: #fff;
}
.mslider__bar {
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 24px);
margin-top: clamp(14px, 2vw, 22px);
}
.mslider__count {
font-size: 14px;
font-variant-numeric: tabular-nums;
color: var(--ms-muted);
min-width: 3.2em;
}
.mslider__count [data-cur] { color: var(--ms-fg); }
.mslider__progress {
flex: 1; height: 1px; background: var(--ms-line); position: relative;
}
.mslider__progress i {
position: absolute; left: 0; top: -0.5px; height: 2px;
background: var(--ms-fg);
width: 25%;
transition: width .7s cubic-bezier(.22,.8,.24,1);
}
.mslider__nav { display: flex; gap: 8px; }
.mslider__nav button {
width: 44px; height: 44px;
display: grid; place-items: center;
border: 1px solid var(--ms-line);
border-radius: 50%;
background: transparent;
color: var(--ms-fg);
cursor: pointer;
padding: 0;
transition: background .25s, color .25s, border-color .25s, opacity .25s;
}
.mslider__nav button:hover { background: var(--ms-fg); color: var(--ms-bg); border-color: var(--ms-fg); }
.mslider__nav button:focus-visible,
.mslider__viewport:focus-visible { outline: 2px solid var(--ms-fg); outline-offset: 3px; }
.mslider.is-jump .mslider__track,
.mslider.is-jump .mslider__slide { transition: none; }
/* Планшет */
@media (max-width: 991px) {
.mslider { --ms-peek: 8%; --ms-ratio: 4 / 3; }
}
/* Мобільні: слайд на всю ширину, 4:5 */
@media (max-width: 478px) {
.mslider { --ms-peek: 0%; --ms-gap: 10px; width: 100%; --ms-radius: 10px; }
.mslider__slide { opacity: 1; }
.mslider__nav button { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
.mslider__track, .mslider__progress i, .mslider__slide { transition: none; }
}
Такий погляд – обережний до фактів, але щедрий на сенси – дозволяє говорити про Трипілля як про спільний фундамент, на якому виросла вся європейська цивілізація. І тому передусім Трипілля – привід пишатися тим, що саме на наших землях закладалося одне з джерел європейської історії.
"Фактично ми отримуємо музей, який можна носити із собою в рюкзаку. Не потрібно перевозити через кордон вантажівку з експонатами, щоб розповісти про Трипільську цивілізацію у Варшаві, Берліні чи Вашингтоні", – пояснює Дмитро Матяш.
Театр: Трипілля як привід поговорити про сучасність
31 жовтня в Театрі драми і комедії на лівому березі Дніпра відбудеться прем’єра вистави "Не розходьтесь. Трипілля", яку ставить головна режисерка театру Тамара Трунова. Вона не відтворює трипільський побут буквально, а натомість створює театральну наукову конференцію на сцені, де сучасні люди дивляться в минуле.
"Мабуть, найбільше мене вразив розрив між тим, як мало ми насправді знаємо про людей, яких називаємо трипільцями, і тим, як багато ми готові про них стверджувати", – розповідає Тамара Трунова.
Тамара Трунова
"І в цю зону невідомого заходять сучасні люди, зі своїми страхами, політикою, національними міфами, містичним мисленням, езотеричними опорами, бажанням знайти предків, довести тяглість, отримати право на територію", – говорить режисерка. Саме це вона і хоче досліджувати у виставі.
Тому Трунова відмовилася від прямої реконструкції трипільського світу. Натомість на сцені говорять сучасні люди, які можуть сперечатися, інтерпретувати, помилятися, намагатися привласнити, захистити чи пояснити Трипілля.
Репетиція вистави "Не розходьтесь. Трипілля". Фото: Дара Соколова
Репетиція вистави "Не розходьтесь. Трипілля". Фото: Дара Соколова
Репетиція вистави "Не розходьтесь. Трипілля". Фото: Дара Соколова
Репетиція вистави "Не розходьтесь. Трипілля". Фото: Дара Соколова
1 / 4
.mslider {
/* ——— Налаштування (змінюйте під свій дизайн) ——— */
--ms-bg: #ffffff;
--ms-fg: #cc2a42;
--ms-muted: #8a8a8a;
--ms-line: rgba(20,20,20,.14);
--ms-radius: 14px;
--ms-gap: 16px;
--ms-ratio: 16 / 9;
--ms-font: inherit; /* успадковує шрифт сайту з Webflow */
--ms-peek: 12%; /* частина наступного слайду, яка виглядає збоку */
width: 100%;
max-width: 1200px;
margin: 32px auto;
font-family: var(--ms-font);
color: var(--ms-fg);
box-sizing: border-box;
}
@media (prefers-color-scheme: dark) {
.mslider.is-auto-dark { --ms-bg:#0f0f0f; --ms-fg:#f2f2f2; --ms-muted:#8a8a8a; --ms-line:rgba(255,255,255,.18); }
}
.mslider *, .mslider *::before, .mslider *::after { box-sizing: border-box; }
.mslider__viewport {
overflow: hidden;
border-radius: var(--ms-radius);
touch-action: pan-y; /* вертикальний скрол сторінки працює */
cursor: grab;
}
.mslider__viewport.is-drag { cursor: grabbing; }
.mslider__track {
display: flex;
gap: var(--ms-gap);
transition: transform .4s cubic-bezier(.22,.8,.24,1);
will-change: transform;
}
.mslider__track.is-drag { transition: none; }
.mslider__slide {
flex: 0 0 calc(100% - var(--ms-peek));
margin: 0;
position: relative;
aspect-ratio: var(--ms-ratio);
border-radius: var(--ms-radius);
overflow: hidden;
background: #cc2a42;
opacity: .45;
transition: opacity .6s ease;
user-select: none;
}
.mslider__slide.is-active { opacity: 1; }
.mslider__slide img {
width: 100%; height: 100%;
object-fit: cover; display: block;
pointer-events: none;
-webkit-user-drag: none;
}
.mslider__slide figcaption {
position: absolute; left: 0; right: 0; bottom: 0;
padding: 56px clamp(16px, 3vw, 32px) clamp(16px, 2.4vw, 28px);
color: #fff;
background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.mslider__slide h3 {
margin: 0 0 4px;
font-size: clamp(18px, 2.4vw, 28px);
font-weight: 500;
letter-spacing: -.01em;
line-height: 1.15;
color: #fff;
}
.mslider__slide p {
margin: 0;
font-size: clamp(13px, 1.3vw, 15px);
opacity: .85;
color: #fff;
}
.mslider__bar {
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 24px);
margin-top: clamp(14px, 2vw, 22px);
}
.mslider__count {
font-size: 14px;
font-variant-numeric: tabular-nums;
color: var(--ms-muted);
min-width: 3.2em;
}
.mslider__count [data-cur] { color: var(--ms-fg); }
.mslider__progress {
flex: 1; height: 1px; background: var(--ms-line); position: relative;
}
.mslider__progress i {
position: absolute; left: 0; top: -0.5px; height: 2px;
background: var(--ms-fg);
width: 25%;
transition: width .7s cubic-bezier(.22,.8,.24,1);
}
.mslider__nav { display: flex; gap: 8px; }
.mslider__nav button {
width: 44px; height: 44px;
display: grid; place-items: center;
border: 1px solid var(--ms-line);
border-radius: 50%;
background: transparent;
color: var(--ms-fg);
cursor: pointer;
padding: 0;
transition: background .25s, color .25s, border-color .25s, opacity .25s;
}
.mslider__nav button:hover { background: var(--ms-fg); color: var(--ms-bg); border-color: var(--ms-fg); }
.mslider__nav button:focus-visible,
.mslider__viewport:focus-visible { outline: 2px solid var(--ms-fg); outline-offset: 3px; }
.mslider.is-jump .mslider__track,
.mslider.is-jump .mslider__slide { transition: none; }
/* Планшет */
@media (max-width: 991px) {
.mslider { --ms-peek: 8%; --ms-ratio: 4 / 3; }
}
/* Мобільні: слайд на всю ширину, 4:5 */
@media (max-width: 478px) {
.mslider { --ms-peek: 0%; --ms-gap: 10px; width: 100%; --ms-radius: 10px; }
.mslider__slide { opacity: 1; }
.mslider__nav button { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
.mslider__track, .mslider__progress i, .mslider__slide { transition: none; }
}
Головна тема вистави – те, що режисерка називає "боротьбою за Трипілля". Її цікавить, як археологічний об’єкт стає аргументом у суперечках про походження, територію чи ідентичність. У виставі це питання стосується і самих персонажів, тому деякі з них створені на основі інтерв’ю з реальними українцями, інші – повністю вигадані.
У результаті театр для Трунової виникає саме з неможливості точно відновити минуле: "Ця відсутність і є головною драматургічною обставиною. Театр тут виникає саме з неможливості реконструкції. Я не відновлюю втрачений світ, а створюю машину, яка виробляє версії цього світу".
Чотири формати – єдиний проєкт
Для команди платформи "Україна. Світ Трипілля" – Тетяни Куц, Вікторії Горенштейн та Ірини Ванникової – найскладнішою частиною роботи виявилося навіть не звести в один проєкт книжку, журнал, VR і театр. Спочатку треба було переконати самих авторів, що з Трипілля справді можна зробити єдиний проєкт, котрим кожному з них буде цікаво займатися.
Вікторія Горенштейн, Ірина Ванникова, Тетяна Куц. Фото: ГО "Наша Основа"
"Усі автори наших проєктів – інтелектуали й серйозні професіонали з великим багажем успішних робіт. Їх неможливо просто найняти для виконання завдання. Їм має бути цікаво. Саме через це ми зустрічались і розмовляли багато разів, перш ніж вони погодились взятися за тему Трипілля", – розповідає Ірина Ванникова.
За її словами, передусім команда мала сама чітко зрозуміти, чому Трипілля важливе сьогодні й що саме вони хочуть про нього сказати. Саме звідси, пояснюють засновниці, й виникла різність форматів. Вони не намагалися зробити кілька версій одного продукту, а шукали для кожної команди власний спосіб говорити на цю тему.
"Коли людина починає бачити в Трипіллі не набір археологічних артефактів, а величезний світ і простір для сучасного осмислення, от тоді вже народжується власний творчий продукт", – каже Вікторія Горенштейн.
Цей принцип визначив і саму структуру платформи, пояснює Тетяна Куц: "Журнал «Антиквар» – це цілий майданчик, де зібрані висловлювання всіх наших сучасників – від широковідомих політиків та дієвців культури до вузьких спеціалістів на тему Трипілля. Книжка – це погляд письменника-історика з прекрасними ілюстраціями художника-графіка, VR – це надсучасний, дуже технічний і водночас художній спосіб розповіді, театр – це спроба «глибокого занурення» в Трипільську цивілізацію і можливість трансформації її в нашу сучасність і наше майбутнє".
Результати цієї роботи вже видно: журнал "Антиквар" щойно вийшов уже другим накладом і з’явилась його англомовна версія, книжка "Два мільйони світанків. Трипільська таємниця" – готується повторне видання, VR-виставка вже працює, а 31 жовтня в Театрі драми і комедії на лівому березі Дніпра відбудеться прем’єра "Не розходьтесь. Трипілля".
Водночас команда хоче, щоб ці проєкти не існували окремо один від одного. Для цього працюють над спільним сайтом платформи, а вже зараз із вебверсії VR-експозиції можна перейти до віртуального музею за QR-кодом.
Олександр Зінченко. Презентація VR-виставки "Україна. Світ Трипілля"
Юрій Мельник. Презентація VR-виставки "Україна. Світ Трипілля"
Презентація VR-виставки "Україна. Світ Трипілля"
Віктор Ющенко. Презентація VR-виставки "Україна. Світ Трипілля"
1 / 4
.mslider {
/* ——— Налаштування (змінюйте під свій дизайн) ——— */
--ms-bg: #ffffff;
--ms-fg: #cc2a42;
--ms-muted: #8a8a8a;
--ms-line: rgba(20,20,20,.14);
--ms-radius: 14px;
--ms-gap: 16px;
--ms-ratio: 16 / 9;
--ms-font: inherit; /* успадковує шрифт сайту з Webflow */
--ms-peek: 12%; /* частина наступного слайду, яка виглядає збоку */
width: 100%;
max-width: 1200px;
margin: 32px auto;
font-family: var(--ms-font);
color: var(--ms-fg);
box-sizing: border-box;
}
@media (prefers-color-scheme: dark) {
.mslider.is-auto-dark { --ms-bg:#0f0f0f; --ms-fg:#f2f2f2; --ms-muted:#8a8a8a; --ms-line:rgba(255,255,255,.18); }
}
.mslider *, .mslider *::before, .mslider *::after { box-sizing: border-box; }
.mslider__viewport {
overflow: hidden;
border-radius: var(--ms-radius);
touch-action: pan-y; /* вертикальний скрол сторінки працює */
cursor: grab;
}
.mslider__viewport.is-drag { cursor: grabbing; }
.mslider__track {
display: flex;
gap: var(--ms-gap);
transition: transform .4s cubic-bezier(.22,.8,.24,1);
will-change: transform;
}
.mslider__track.is-drag { transition: none; }
.mslider__slide {
flex: 0 0 calc(100% - var(--ms-peek));
margin: 0;
position: relative;
aspect-ratio: var(--ms-ratio);
border-radius: var(--ms-radius);
overflow: hidden;
background: #cc2a42;
opacity: .45;
transition: opacity .6s ease;
user-select: none;
}
.mslider__slide.is-active { opacity: 1; }
.mslider__slide img {
width: 100%; height: 100%;
object-fit: cover; display: block;
pointer-events: none;
-webkit-user-drag: none;
}
.mslider__slide figcaption {
position: absolute; left: 0; right: 0; bottom: 0;
padding: 56px clamp(16px, 3vw, 32px) clamp(16px, 2.4vw, 28px);
color: #fff;
background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.mslider__slide h3 {
margin: 0 0 4px;
font-size: clamp(18px, 2.4vw, 28px);
font-weight: 500;
letter-spacing: -.01em;
line-height: 1.15;
color: #fff;
}
.mslider__slide p {
margin: 0;
font-size: clamp(13px, 1.3vw, 15px);
opacity: .85;
color: #fff;
}
.mslider__bar {
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 24px);
margin-top: clamp(14px, 2vw, 22px);
}
.mslider__count {
font-size: 14px;
font-variant-numeric: tabular-nums;
color: var(--ms-muted);
min-width: 3.2em;
}
.mslider__count [data-cur] { color: var(--ms-fg); }
.mslider__progress {
flex: 1; height: 1px; background: var(--ms-line); position: relative;
}
.mslider__progress i {
position: absolute; left: 0; top: -0.5px; height: 2px;
background: var(--ms-fg);
width: 25%;
transition: width .7s cubic-bezier(.22,.8,.24,1);
}
.mslider__nav { display: flex; gap: 8px; }
.mslider__nav button {
width: 44px; height: 44px;
display: grid; place-items: center;
border: 1px solid var(--ms-line);
border-radius: 50%;
background: transparent;
color: var(--ms-fg);
cursor: pointer;
padding: 0;
transition: background .25s, color .25s, border-color .25s, opacity .25s;
}
.mslider__nav button:hover { background: var(--ms-fg); color: var(--ms-bg); border-color: var(--ms-fg); }
.mslider__nav button:focus-visible,
.mslider__viewport:focus-visible { outline: 2px solid var(--ms-fg); outline-offset: 3px; }
.mslider.is-jump .mslider__track,
.mslider.is-jump .mslider__slide { transition: none; }
/* Планшет */
@media (max-width: 991px) {
.mslider { --ms-peek: 8%; --ms-ratio: 4 / 3; }
}
/* Мобільні: слайд на всю ширину, 4:5 */
@media (max-width: 478px) {
.mslider { --ms-peek: 0%; --ms-gap: 10px; width: 100%; --ms-radius: 10px; }
.mslider__slide { opacity: 1; }
.mslider__nav button { width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
.mslider__track, .mslider__progress i, .mslider__slide { transition: none; }
}
"Ми розуміли, що нам потрібно достукатися до дуже різних аудиторій. Хтось прочитає книжку. Хтось піде в театр. Хтось зацікавиться спеціальним випуском журналу «Антиквар». А підліток, можливо, ніколи не почне знайомство з цією темою з підручника, натомість із задоволенням одягне VR-окуляри", – розповідає Ірина Ванникова.
За словами команди, важливо не лише зацікавити людину окремим продуктом, а дати їй можливість рухатися далі:
"Наше завдання – зацікавити. Щоб захотілося піти далі – дізнаватися про інші епохи, людей, культуру, зрештою більше пізнавати історію України".
Як проєкт може стати прикладом для наслідування
Юрій Мельник, представник стратегічного партнера платформи – Благодійного фонду "МХП-Громаді", говорить що результат є ширшим і всеохопнішим за окремі продукти. Для нього важливо, що навколо Трипілля вже працюють різні автори, інституції та команди.
"Трипілля дедалі менше сприймається як щось далеке, музейне чи виключно археологічне. За артефактами люди починають бачити людей: як вони жили, працювали, створювали мистецтво. Для мене в цьому і є головна цінність проєкту: історія перестає бути лише знанням про минуле і стає частиною того, як ми розуміємо себе сьогодні", – ділиться Юрій Мельник.
Юрій Мельник, один з ініціаторів платформи "Україна. Світ Трипілля", заступник СЕО МХП зі сталого розвитку та голова Наглядової ради Благодійного фонду "МХП-Громаді" / Фото: БФ "МХП-Громаді"
Наступним кроком він бачить нові освітні продукти, музейні проєкти й туристичні маршрути, зокрема за межами великих міст. Надалі нові знання про Трипілля можна буде розвивати на міжнародному рівні, адже трипільська спадщина пов’язана з територіями сучасних України, Молдови та Румунії, тому тут можливі спільні дослідження й культурні проєкти.
Юрій Мельник також говорить про розподіл ролей між державою, науковцями, музеями та бізнесом:
"Держава формує політику і правила гри. Науковці дають експертизу. Музеї мають колекції й досвід роботи з аудиторіями. А бізнес може швидше мобілізувати ресурси й допомогти хорошій ідеї отримати масштаб. Але є ще одна принципова річ – довіра і повага до експертизи одне одного. Бізнес не повинен приходити в культуру з готовою відповіддю, якою має бути історія".
© 2007-2026, Українська правдаТекстові матеріали, розміщені на сайті life.pravda.com.ua, можна безкоштовно використовувати в обсязі не більше 50% за умови прямого посилання у підзаголовку чи першому реченні матеріалу.Матеріали з плашкою PROMOTED є рекламними та публікуються на правах реклами. Редакція може не поділяти погляди, які в них промотуються. Матеріали з плашкою СПЕЦПРОЄКТ та ЗА ПІДТРИМКИ також є рекламними, проте редакція бере участь у підготовці цього контенту і поділяє думки, висловлені у цих матеріалах.Редакція не несе відповідальності за факти та оціночні судження, оприлюднені у рекламних матеріалах. Згідно з українським законодавством відповідальність за зміст реклами несе рекламодавець.Всі матеріали, які розміщені на цьому сайті із посиланням на агентство "Інтерфакс-Україна", не підлягають подальшому відтворенню та/чи розповсюдженню в будь-якій формі, інакше як з письмового дозволу агентства "Інтерфакс-Україна".
window._io_config = window._io_config || {};
window._io_config["0.2.0"] = window._io_config["0.2.0"] || [];
window._io_config["0.2.0"].push({
page_url: "https://life.pravda.com.ua/projects/ne-rozhodtesya-tripillya/yak-tripillya-ozhivaye-v-knizhci-zhurnali-u-vr-vistavci-y-teatri-318501/",
page_url_canonical: "/projects/ne-rozhodtesya-tripillya/yak-tripillya-ozhivaye-v-knizhci-zhurnali-u-vr-vistavci-y-teatri-318501/",
page_title: "Сім тисяч років потому: як Трипілля оживає в книжці, журналі, у VR-виставці й театрі",
page_type: "article",
page_language: "ua",
article_type: "article",
article_publication_date: "Wed, 21 Oct 2026 13:00:00 +0300"
});
document.querySelectorAll('.mslider').forEach(function (root) {
if (root.dataset.ready) return;
root.dataset.ready = '1';
var AUTOPLAY = 0; // мс між слайдами; 0 = вимкнено (напр. 5000)
var viewport = root.querySelector('.mslider__viewport');
var track = root.querySelector('.mslider__track');
var originals = Array.prototype.slice.call(root.querySelectorAll('.mslider__slide'));
var prev = root.querySelector('[data-prev]');
var next = root.querySelector('[data-next]');
var curEl = root.querySelector('[data-cur]');
var totalEl = root.querySelector('[data-total]');
var prog = root.querySelector('[data-progress]');
var total = originals.length;
totalEl.textContent = total;
if (total < 2) { root.querySelector('.mslider__bar').style.display = 'none'; originals[0] && originals[0].classList.add('is-active'); return; }
/* Клони по краях для нескінченного циклу */
var CL = Math.min(2, total);
function clone(el) {
var c = el.cloneNode(true);
c.setAttribute('aria-hidden', 'true');
var im = c.querySelector('img'); if (im) im.removeAttribute('loading');
return c;
}
for (var i = 0; i < CL; i++) {
track.insertBefore(clone(originals[total - 1 - i]), track.firstChild);
track.appendChild(clone(originals[i]));
}
var all = Array.prototype.slice.call(track.children);
var pos = CL, busy = false, timer = null, busyTimer = null;
viewport.setAttribute('tabindex', '0');
function step() {
var gap = parseFloat(getComputedStyle(track).columnGap) || 0;
return all[0].getBoundingClientRect().width + gap;
}
function realIndex() { return (((pos - CL) % total) + total) % total; }
function render() {
all.forEach(function (s, k) { s.classList.toggle('is-active', k === pos); });
var r = realIndex();
curEl.textContent = r + 1;
prog.style.width = ((r + 1) / total * 100) + '%';
}
function setX(x) { track.style.transform = 'translate3d(' + x + 'px,0,0)'; }
/* Миттєвий перенос з клону на справжній слайд (непомітний для ока) */
function normalize() {
clearTimeout(busyTimer);
busy = false;
var jump = 0;
if (pos < CL) jump = total;
else if (pos >= CL + total) jump = -total;
if (!jump) return;
root.classList.add('is-jump');
pos += jump;
setX(-pos * step());
render();
void track.offsetWidth; // примусовий reflow
root.classList.remove('is-jump');
}
function go(p) {
pos = p;
setX(-pos * step());
render();
busy = true;
clearTimeout(busyTimer);
busyTimer = setTimeout(normalize, 760); // запасний варіант, якщо transitionend не спрацює
}
track.addEventListener('transitionend', function (e) {
if (e.target === track && e.propertyName === 'transform') normalize();
});
function slideBy(n) { if (busy) return; go(pos + n); restart(); }
prev.addEventListener('click', function () { slideBy(-1); });
next.addEventListener('click', function () { slideBy(1); });
viewport.addEventListener('keydown', function (e) {
if (e.key === 'ArrowLeft') slideBy(-1);
if (e.key === 'ArrowRight') slideBy(1);
});
/* Свайп / drag мишею */
var startX = 0, startY = 0, dx = 0, dragging = false, locked = null, base = 0;
viewport.addEventListener('pointerdown', function (e) {
if (busy) return;
dragging = true; locked = null; dx = 0;
startX = e.clientX; startY = e.clientY;
base = -pos * step();
track.classList.add('is-drag'); viewport.classList.add('is-drag');
});
window.addEventListener('pointermove', function (e) {
if (!dragging) return;
dx = e.clientX - startX;
var dy = e.clientY - startY;
if (locked === null && (Math.abs(dx) > 6 || Math.abs(dy) > 6)) locked = Math.abs(dx) > Math.abs(dy);
if (locked === false) return;
setX(base + dx);
});
function up() {
if (!dragging) return;
dragging = false;
track.classList.remove('is-drag'); viewport.classList.remove('is-drag');
var threshold = Math.min(80, step() * 0.18);
if (locked && dx < -threshold) go(pos + 1);
else if (locked && dx > threshold) go(pos - 1);
else go(pos);
restart();
}
window.addEventListener('pointerup', up);
window.addEventListener('pointercancel', up);
/* Автопрогортання (опційно) */
function restart() {
clearInterval(timer);
if (!AUTOPLAY) return;
timer = setInterval(function () { if (!busy && !dragging) go(pos + 1); }, AUTOPLAY);
}
root.addEventListener('mouseenter', function () { clearInterval(timer); });
root.addEventListener('mouseleave', restart);
/* Перерахунок при зміні розміру */
var rt;
window.addEventListener('resize', function () {
clearTimeout(rt);
rt = setTimeout(function () {
root.classList.add('is-jump'); setX(-pos * step());
void track.offsetWidth; root.classList.remove('is-jump');
}, 80);
});
root.classList.add('is-jump'); setX(-pos * step()); render();
void track.offsetWidth; root.classList.remove('is-jump');
restart();
});
Источник: ЖИТТЯ
Поделиться