Удар — пробел или свайп по монстру
Заклинания — Q / W / E, три школы магии
Каждый уровень — выбор одной из трёх способностей
Путь — шесть локаций, за каждой свой Владыка
Шесть проклятых земель

Ночные Поля — жатва мёртвых. Тёмный Лес — шелест и голодные тени. Подземелье — там, где гниёт свет. Мёртвые Горы — холодные троны. Проклятый Собор — молитвы не услышаны. Бездна — конец всякой дороги.
У каждой локации свой Владыка: Жнец Полей, Древень-Душегуб, Камнерождённый, Горный Вивёрн, Король-Лич, Древний Дракон. Между локациями идут круги тьмы — путь не заканчивается, враги просто становятся злее.
Древо Знаний

Пламя, Лёд и Молния. В каждой ветке пятнадцать узлов, и они открываются строго по порядку. Покупаются за очки знаний — те падают с тварей, Владык, новых уровней и сундуков.
Узлы дают разное: силу школы, урон заклинания, скорость перезарядки, дешевизну каста, шанс крита, ману, лечение от каста. Ближе к вершине — прожигание, отголосок (каст бьёт второй раз) и венец ветки.
Снаряжение и редкости

Десять слотов: оружие, щит, шлем, нагрудник, перчатки, поножи, сапоги, плащ, амулет, кольцо. Шесть редкостей: обычный, необычный, редкий, эпический, легендарный, проклятый.
Предметы падают с монстров и выпадают из сундуков. Сундуки бывают разные — от обычного до Проклятого Ларца. В сумке можно надеть лучшее одним нажатием, продать обычное или продать всё разом.
Способности
На каждом уровне даётся выбор из трёх способностей, и выбор постоянен — переиграть не получится. Они делятся на физические, баффы и магические: Острое Лезвие, Сокрушение, Жажда Крови, Каменная Кожа, Ярость Битвы, Бастион, Пламя Бездны, Манаприток, Дренаж и другие. Билд собирается под свой стиль.
Монстры
Двадцать одно существо: Чумная Мышь, Ночной Кровосос, Могильный Паук, Пожирающая Слизь, Лютый Волк, Восставший Скелет, Пугало Жатвы, Крыса-Падальщик, Камнерождённый, Горгулья, Рогатый Демон, Падший Рыцарь, Горный Вивёрн, Пепельная Моль, Древень-Душегуб, Жнец Полей, Выводок Тьмы, Стоглавая Гидра, Око Пустоты, Король-Лич, Древний Дракон.
Вся графика нарисована кодом. Каждое существо — это слои: контур, объём, блики, анатомия с когтями и клыками, рёбрами и шипами. Плюс своя анимация. Локации тоже нарисованы кодом: небо, луна с кратерами, силуэты построек, стволы, сталагмиты, трава и кости.
Пять языков
Русский, английский, китайский, испанский, польский. Переключается на ходу: интерфейс, названия предметов, способностей, монстров и подсказки.
Настройки
Графика — качество деталей, ограничение кадров, показ FPS
Звук — общая громкость, музыка, эффекты
Язык интерфейса — на выбор из пяти
Прогресс сохраняется сам
Как это сделано
Без игрового движка и без фреймворков. Чистые HTML, CSS и JavaScript.
Канвас — эффекты, частицы, следы ударов
SVG с SMIL-анимацией — монстры и пейзажи
Web Audio — звук генерируется на месте, без файлов
localStorage — сохранение прогресса и настроек
После первой загрузки игра работает офлайн, а на телефон ставится как приложение.
Кому это будет интересно
Если любите кликеры и ARPG, где можно зайти на пять минут и увидеть рост — попробуйте. А если нужна такая игра под ваш мир, бренд или обучение — это тоже ко мне.
Заполнить бриф за 2 минуты: бриф на сайт
Мой канал: ВебФабрика
Как я работаю над сайтами — честный разбор: читать
Играть в «Пожирателя Пустоты»: открыть игру

Расскажу, что там есть, зачем каждая вещь и как этим пользоваться.

Сам сайт: grigoriy131112-sketch.github.io/deeprealm-site

Что есть на сайте

Девять разделов — от лора до анкеты
Сайт устроен как навигация: сверху переключатели, каждый открывает свой раздел. Ничего не спрятано в переписках — новичок открывает и читает.

Главная — кратко: что это за мир, расы, классы, правила, как вступить
Лор мира — история от создания мира до наших дней
Правила — семь разделов и система наказаний
Расы — шесть базовых плюс расы, придуманные игроками
Классы — пять базовых плюс свои классы
Статьи — с поиском и фильтрами
Пасс уровней — что дают за каждый уровень
Администрация — состав команды и их роли
Проводник — ИИ-справочник, отвечает на вопросы
Лор — не пара абзацев
Раздел «Лор» — это полноценная история по главам: создание мира высшими существами, эпоха Единого Королевства, Великая Битва, Подземелье, смерть короля и раскол, Грохот. Заканчивается тем, что происходит сейчас.

Есть и три континента. Элдария — обжитая. Кхарад и Вел'Мора — не исследованы: туда никто не вернулся. Это не пустое украшение, а задел для будущих сюжетов.

Расы и классы

Шесть базовых рас и пять базовых классов
Базовая раса: Человек, Эльф, Драконорождённый, Дворф, Орк, Павший.

Базовый класс: Воин, Лучник, Маг, Некромант, Чернокнижник.

У каждого класса свой ресурс и своя механика. Воин тратит Выносливость, Маг — Ману, Лучник — стрелы и выносливость, Некромант — энергию жизни, Чернокнижник — тёмную энергию. Это не названия ради красоты: у класса есть базовая атака и способности.

А главное — можно придумать своё. Игроки уже добавили свои расы: Разумные цветы, Разумный слайм, Синтетики, Куклы. Свои классы: Магистр сфер, Трикстер, Секироносец, Флагеллант.

Правила создания расы: смотреть
Расы игроков: смотреть
Создание своего класса: смотреть
Базовая раса Человек — пример: смотреть
Три ИИ-помощника

Проводник, Анкетолог и Анкетолог по кандидатам
Это, на мой взгляд, самое интересное на сайте. Здесь работают три ИИ-помощника, и каждый решает свою задачу.

Проводник
Справочник по миру. Спрашиваете про правила, лор, расы, классы или вступление — отвечает. Без ролевой игры: это именно консультация. Можно спросить «Какие есть расы?», «Что такое Подземелье?», «Кто в администрации?».

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

Анкетолог по кандидатам
Для тех, кто хочет в команду проекта. Можно спросить про направления: зам владельца, пиарщик, модератор, разработчик, гейм-мастер. Он задаёт вопросы, смотрит заявку и передаёт владельцу.

Как вступить
Путь такой: придумать персонажа, при желании — свою расу и класс, пройти диалог с анкетологом и проверку. После одобрения вы получаете ссылку на чат.

Если хочется предложить сюжет — в анкетологе есть шаблон заявки для гейм-мастера. Можно развернуть шаблон или просто написать «Хочу предложить сюжет».

Постоянная ссылка на чат: t.me/Deeprealm5

Связь с владельцем: @Omega_Gribcha

Пасс уровней

Награды за уровни: от Новичка до Профи
За каждый новый уровень персонаж сразу получает награду — от монет и кинжала на первых уровнях до меча «Вольный ветер» и кирасы из закалённой стали на высоких. Награда выдаётся в момент перехода порога: задним числом её не получить. Это честно по отношению ко всем, кто играет с начала.
Мелочи, которые делают разницу
Поиск по статьям — если статей станет много, нужное находится за секунду
Фильтры — статьи можно разложить по категориям
Переключение языка — RU и EN на одной странице
Работает на телефоне — разделы адаптируются под экран
Оформление под мир — тёмные тона и шрифты под тёмное фэнтези
Про язык скажу отдельно. Пока переведено не всё, но задел есть: проект не хочет оставаться только для русскоязычных.
Работа над проектом
Состав администрации и их роли: открыть
Команда не декоративная. У каждого направления своя зона ответственности — от модерации до разработки и пиара.
Кому это будет интересно
Если вы играли в текстовые ролевые и устали от того, что весь мир живёт в переписках — тут всё собрано в одном месте. Лор, правила, расы, классы, награды. Можно прийти новичком, не зная ничего, и постепенно разобраться — с человеком или с ИИ-помощником.
И ещё: сайт я делаю не только для этого проекта. Если вам нужен такой же — с разделами, анкетами и ИИ-помощниками под ваш мир, правила или сообщество —
заполните бриф на 2 минуты, и я подскажу, что подойдёт.
Мой канал: ВебФабрика
Как я работаю над сайтами — разбор: открыть статью
Присоединяйтесь
Deeprealm открыт для тех, кто любит тёмное фэнтези и хочет не просто играть, а придумывать мир вместе. Своя раса, свой класс, свой сюжет — всё это здесь приветствуется.
Чат: t.me/Deeprealm5 · Владелец: @Omega_Gribcha
Мой псевдоним — Гриб. Пишите, даже если пока просто смотрите.

Разберу по шагам, как это устроено у меня на самом деле.

Как проходит работа

Четыре шага от разговора до готового сайта
Всё начинается не с денег и не с договора, а с разговора.

Шаг 1. Вы рассказываете, что вам нужно. Не надо технических слов. Достаточно ответить своими словами: чем вы занимаетесь, кто ваш клиент, что человек должен сделать на сайте — позвонить, написать, купить.

Шаг 2. Согласуем структуру. Я предлагаю, какие страницы нужны и что на них будет. Вы смотрите и говорите, что поправить. На этом этапе менять легко и бесплатно — сайта ещё нет, есть только план.

Шаг 3. Делаю сайт. Показываю промежуточный результат. Если что-то не нравится — правим сразу, пока не поздно. Я не жду конца работы, чтобы показать всё разом.

Шаг 4. Отдаю готовое. Настраиваю, проверяю на телефоне и компьютере, показываю, где смотреть и как этим пользоваться.

Где обычно подвох
Самая частая проблема — не техника, а непонятное задание.

Человек заказывает «сайт», а на деле ему нужна одна страница с ценами и кнопкой «написать». Или наоборот: нужен каталог на сотни товаров, а он думает, что хватит визитки.

Поэтому я всегда начинаю с вопросов. Пять минут разговора экономят неделю переделок.

Какие сайты я делаю

Шесть видов сайтов под разные задачи
Не всё нужно продавать. Иногда сайт нужен просто для себя — чтобы было своё место в сети.

Если не уверены, какой вариант вам подходит, — так и напишите «не знаю, что мне нужно». Это нормальная ситуация, разберёмся вместе.

Что даёт сайт небольшому делу

Три главные причины завести сайт
Главное — вас перестают терять. Человек увидел вашу работу, захотел написать, но не записал телефон. Через день он уже не может вас найти, и заказ уходит к другому. Сайт решает именно эту проблему.

И ещё одна частая ошибка: думать, что нужен «серьёзный сайт как у корпораций». На деле маленькая страница с услугами и кнопкой «написать» часто работает лучше огромного сайта, который никто не дочитывает.

Честно про страхи
«Это дорого» — цену я говорю до начала работы и предлагаю вариант под ваш бюджет, а не наоборот.

«Я не разбираюсь в технике» — и не нужно. Вы отвечаете на 10 простых вопросов, остальное моя работа.

«Вдруг получится не то» — поэтому показываю сайт по ходу работы, а не в конце, когда уже поздно.

«А если вы пропадёте» — справедливый страх. Поэтому я веду канал открыто и под своим именем. Люди, которые собираются обмануть, каналов не ведут.

С чего начать

Три шага, чтобы начать
Самый простой шаг — заполнить бриф. Это 10 вопросов, 2 минуты. Он ничего не стоит и ни к чему не обязывает.
Бриф тут: заполнить за 2 минуты
Если не уверены, какой сайт нужен, — напишите мне слово «бриф» в личку. Пришлю шаблон и подскажу под вашу задачу. Бесплатно, без давления.
Мой канал, где я показываю примеры и разбираю вопросы: ВебФабрика
Все статьи в одном месте: собрание статей
Мой псевдоним — Гриб, канал «ВебФабрика». Пишите, даже если пока просто думаете