Это вторая часть о создании браузерной игры. И мы подошли к исходам графики, когда я понял, как именно будет выглядеть игра, всю визуализацию мне предоставил chatGPT, сгенерировав прикольную картинку. В голове у меня было более сырое представление, я ему просто описал суть, что должна быть платформа, желейный куб и тд. Вот что он сделал:

Меня этот вид очень вдохновил и я захотел в это поиграть

Оглавление

1. Пластик

2. Камень

3. Куб

Пластик

Всё на месте: трава, камень, тени, туман. И всё равно игрушечно.

Вот кадр «до». Выглядит как пластиковый конструктор, и это чувствуется мгновенно, ещё до того, как успеваешь понять почему.

Настоящая причина простая: в этом кадре всё однородно. Каждая плитка похожа на соседнюю. Каждая поверхность одинаково гладкая. Свет ровный. За краем мира - пустота. Реальный мир так не выглядит нигде и никогда, и глаз это ловит быстрее, чем вы успеваете подумать.

Камень

Первое, что я сделал по-настоящему правильно, - перестал рисовать камень.

Раньше текстура генерировалась кодом: серые пятна, швы, немного шума. Выглядело прилично на скриншоте и разваливалось вблизи, потому что рисованное пятно - это просто цвет. У настоящего камня цвет вообще не главное.

Взял готовый PBR-набор с ambientCG - «Rock 030»

Дополнительно каждая плита получила фаску в 0.055 - микроскопическую, но она ловит свет по кромке, и блок перестаёт выглядеть вырезанным ножом из бумаги.

Куб

На него я потратил прилично времени. Вообще желейка должна быть чуть прозрачная, по логике. Это же желе. В моем случае, мне прозрачность вообще не понравилась

На этом этапе я еще не давал кубу всяких потертостей, он также выглядел как пластик, но первое, что я решил убрать - прозрачность. Затем добавить впадин на нем и чуть маленьких сколов, а также бликов. Но это еще будет дорабатываться, уж слишком много времени у меня уходит на один куб.

И это первый прототип игры, при котором я стал замечать результаты, кадр уже лучше! Стоит учесть, что разница между этими двумя картинками не только в изменении куба, но и смена текстур, переработка сетки карты, чтобы блоки стояли произвольно, переработка механики движения куба - как вы видите, он стоит чуть боком, и, как по мне, это хорошая доработка. И… я добавил фон картинкой, просто сгенерировал картинку и округлил ее, якобы это реальные облака в дали, это реально улучшило общую картину.

Теперь, когда уже есть что показать, держите видео

Я считаю, что результаты неплохие, на этом 2 часть подошла к концу. Как думаете, стоит ли продолжать дальше? Может сделать сайт с обратной связью, чтобы люди могли тестировать и писать об ошибках?