Полный гайд: bs2web at — как использовать стиль Burniish в DLE-проектах

Burniish, стиль визуальной новеллы 2010-х с высокой контрастностью, яркими градиентами и неестественной цветовой палитрой, вдохновлённый Doki Doki Literature Club, Undertale и аниме-индустрией эпохи. Голубые и розовые градиенты с насыщенностью 100%, чёрные контуры, неестественно яркие тени, всё это часть системы, а не просто эстетика. Стиль стал культовым в фан-сообществе, где «bs2web at», не просто фраза, а код, обозначающий настройки визуального стиля для пиксельных новелл. Умение его применять, разница между «как у всех» и «как у профессионалов».

Что понадобится

• Редактор спрайтов (рекомендую Aseprite, он поддерживает палитры с ограниченным числом цветов, что критично)
• Программа для редактирования анимации (например, OpenToonz или Blender, если нужна 3D-анимация)
• Шаблон DLE с поддержкой пиксельной графики и кастомного CSS-файла
• Библиотека текстовых эффектов (например, GSAP для всплывающего шрифта)

Пошаговая инструкция

1. Определите цветовую палитру. Burniish не использует реалистичные тени. Цвета, яркие, часто неестественные. Используйте палитру из 8–12 основных цветов. Пример: тёмно-синий фон, фуксия для одежды, неоново-зелёный для глаз. Смешивайте цвета с насыщенностью 100% и яркостью 90–100%. Проверяйте в Aseprite: если цвет выглядит «сильно», он подходит.
2. Создайте спрайты по принципу «модного визуала». Персонажи, с преувеличенными пропорциями: голова крупнее тела, глаза, 1/3 лица. Используйте анимацию с ускорением (например, всплывающий шрифт, 100px за 0.3 секунды, затем резко тормозится). В Aseprite задайте ключевые кадры с разницей в 1–2 кадра для эффекта резкого движения.
3. Настройте композицию. Располагайте элементы с нарушением закона физики. Персонажи могут «всплывать» в кадре, не пересекая землю. Фон, с несбалансированным композиционным центром. В DLE используйте position: absolute и z-index для слоев. Это создает ощущение «неловкого» визуального напряжения, ключевой момент здесь.
4. Настройте текстовые эффекты. Включите «всплывающий» шрифт: анимация появления с 0 до 100% масштаба за 0.4 секунды. Используйте CSS-анимации с transform: scale(1.1) и opacity: 0.7. Протестируйте в разных браузерах, на IE11 может не работать, но для DLE-сайтов это допустимо.
5. Опубликуйте в нужном формате. В DLE настройте модуль «Истории и фанфики» с категорией «Burniish». Загрузите изображения в формате PNG-8 с ограничением 256 цветов. Убедитесь, что CSS-файл подключен через <link rel='stylesheet' href='burniish.css'>. Проверьте на мобильном: текст должен не «рвать» при масштабировании.

Частые ошибки и как их избежать

• Не перегружайте сцену. Даже при использовании bs2web at, избегайте переполнения деталями. Один объект на кадр, достаточное правило.
• Не используйте реалистичные тени. Burniish не поддерживает «тень от персонажа», если она есть, стиль теряет смысл.
• Не путайте с «высококонтрастным», Burniish, это не просто цвета. Это правила композиции, анимации, палитры. Если вы не следите за всеми правилами, это не Burniish, а «взятый на вооружение» стиль.

Если вы думаете, что «нравится», это достаточное основание, то вы ошибаетесь. key moment: Burniish, не эстетика. Это система. Попробуйте создать мини-проект из 3 сцен. Используйте только 8 цветов, 1 тип анимации, 1 шрифт. Если получится, вы поняли суть.

Вопросы и ответы

• Можно ли использовать Burniish в DLE-сайте с русским интерфейсом?, Да, никаких ограничений. Только убедитесь, что шрифт поддерживает кириллицу и не искажает символы.
• Что делать, если изображения не загружаются?, Проверьте права на папку /uploads/burniish/. Убедитесь, что .htaccess не блокирует PNG-файлы.
• Как проверить, что стиль правильный?, Сравните с «Doki Doki Literature Club!» хотя стиль не был назван так в игре, он стал образцом для подражания. Если ваш проект вызывает у зрителя «это похоже на 2017-й, но не то», вы на верном пути.
• Что делает Burniish уникальным?, Несоответствие реалистичным цветам, использование чрезмерной насыщенности и градиентов, а также характерные черные контуры и стилизация под 2D-анимацию.
• Где можно увидеть Burniish в действии?, В фан-играх, визуальных новеллах, созданных на движках вроде Doki Doki Literature Club Engine, и в контенте на платформах вроде itch.io и DeviantArt.

blacksprut blacksprut pl