КОНСТРУКТОР САЙТА ДЛЯ ИГРЫ

Конструктор сайта для игры — страница, которую листают

Сайт для вашей игры из одного предложения — три главы, у каждой свой арт и заголовок, и камера, которая движется между ними.

Shibuya, After the Rain — глава 03, переулок: Нобара с занесённым молотом, за ней силуэт проклятия, внизу заголовок главы.

Katagiri, After the Bell — глава 03, крыша: Хори и Миямура у сетки, внизу огни города, заголовок в нижней трети.

Aegis Global, After Midnight — глава 03, вертолётная площадка: фигура в плаще на нарисованной H, позади светящаяся корона башни.

Liyue, After Dark — раздел с содержанием: три точки маршрута по строке каждая, ниже финальная карточка с одной кнопкой.

Liyue, After Dark — глава 01, девятый причал: Чжун Ли у перил над водой порта, залитой светом фонарей. — **Гл. 01 — Девятый причал** — Чжун Ли у перил; текст под заголовком называет его по имени.

Liyue, After Dark — глава 02, улица фонарей: Ху Тао смеётся с шампуром, позади пар от прилавков и ряды фонарей. — **Гл. 02 — Улица фонарей** — Ху Тао, шампур и строка, которая задаёт час.

Liyue, After Dark — глава 03, лестница Журавля: Чжун Ли и Люмин со спины над освещённым портом, полная луна над водой. — **Гл. 03 — Лестница Журавля** — Две фигуры, одна луна, последняя глава прогулки.

Shibuya, After the Rain — глава 01, перекрёсток: Юдзи и Нобара входят в толпу под зонтами, неон в дожде. — **Гл. 01 — Перекрёсток** — Юдзи и Нобара шагают на перекрёсток, дождь на каждом зонте.

Shibuya, After the Rain — глава 02, подземный коридор: Годзё выходит из туннеля станции, Юдзи за ним, неон на розовой плитке. — **Гл. 02 — Подземный коридор** — Годзё идёт через станцию кружным путём, и неон следует за ним.

Katagiri, After the Bell — глава 01, ворота: Хори ждёт под фонарём, Миямура у ворот, сакура и сумерки. — **Гл. 01 — Ворота** — Шесть часов в школе Катагири: Хори под фонарём, Миямура у ворот.

Katagiri, After the Bell — глава 02, класс: Хори сидит на парте в последнем солнечном свете, Миямура стоит в дверях. — **Гл. 02 — Класс на третьем этаже** — Последний свет в классе, и никто из них не говорит о времени.

Aegis Global, After Midnight — глава 01, площадь: фигура в плаще перед светящейся башней, огни отражаются в воде. — **Гл. 01 — Площадь** — Башня, давшая имя сайту, и одна фигура на плитах.

Aegis Global, After Midnight — глава 02, девяносто девятый этаж: мужчина в плаще и женщина в костюме идут по стеклянному коридору над городом. — **Гл. 02 — Девяносто девятый этаж** — Мужчина в плаще, который не пользуется дверью.

01 / 05

Liyue, After Dark

Genshin Impact · три главы вдоль порта, Чжун Ли у перил.

Что конструктор делает на самом деле

Вы даёте игру и три места. Studio пишет текст глав, генерирует три сцены в одном стиле и собирает из них одну страницу со скроллом, навигацией по прогрессу и финальной карточкой. Страница — обычный HTML в вашем мире: её можно форкнуть, переписать главу или заменить сцену своим скриншотом.

Главы, а не секции — у каждой точки есть номер, метка, заголовок и две строки, которые называют того, кто там стоит.
Скролл двигает сцену — картинка наезжает и замирает, пока вы листаете, а текст проявляется следом. Ничего не запускается само, ничего не требует клика.
Ссылка, которую можно отправить — вы получаете публичный URL и страницу, которую можно форкнуть. В карточку магазина, в пресс-кит или в следующий дневник разработки.

Вопросы до первой сборки

Что такое конструктор сайта для игры?

Инструмент, который пишет сайт вокруг вашей игры, а не выдаёт шаблон. Вы описываете игру и три места — возвращается страница с главами, артом сцен и текстом.

Нужны движок, CMS или хостинг?

Нет. Страница создаётся и публикуется в вашем мире и работает в браузере. Без плагинов, папок с темой и шага сборки.

С какого числа глав начать?

С трёх. Это читается как путь и держит страницу лёгкой. Четвёртую точку можно добавить позже — навигация её подхватит.

Можно взять свои скриншоты или ключевой арт?

Да. Попросите свои изображения вместо сгенерированных сцен — вёрстке всё равно, откуда арт. Для вышедшей игры это обычный путь.

Сайт — это просто видео?

Нет. Сцены — изображения, а текст лежит на странице по-настоящему: заголовки выделяются, индексируются и правятся без повторного рендера.

Тексты можно переписать потом?

Да. Форкните страницу и меняйте слова. Метки глав, заголовки и текст — обычный HTML.

А если игра не моя?

Примеры выше — фан-сайты, для себя их делать нормально. Для коммерческого сайта берите свой арт и свои названия.

На телефоне работает?

Да. Сцена занимает экран, и скролл по-прежнему ею управляет; текст стоит внизу, где палец его не закрывает.

Назовите игру — будет сайт.

Три места, три сцены, одна страница, которую можно отправить. Начните с ночи в Мондштадте ниже или напишите свою игру.

Сделать сайт ночи в Мондштадте