Найти в Дзене
madnicko_AI

GigaChat как художник, DeepSeek как программист. Создаем уникальный Тетрис без кода

Знаете, я вот часто ловлю себя на мысли, что самые теплые воспоминания из детства — это не что-то грандиозное, а вот такие простые, почти медитативные моменты. В моем случае — это пиксельные фигурки Тетриса на потрепанном игровом автомате. Они и сейчас, когда мелькают в сторис, вызывают какую-то ностальгическую улыбку. И мне подумалось... а что, если оживить эти воспоминания? Не просто скачать готовую игру, а вдохнуть в нее новую, свою собственную душу. Сделать ее визуал не пиксельным, а, скажем, в стиле «Матрицы»? Или, наоборот, в духе той самой ламповой советской радиоэлектроники. Сегодня я хочу просто по-соседски, без пафоса, показать, как я это сделал. Без программирования. Используя двух «помощников»: GigaChat, который выступит нашим художником-вдохновителем, и DeepSeek, который, как послушный кодер, воплотит все наши фантазии. Поехали? Самое сложное в любом деле — начать. Но здесь все просто. Можно сказать DeepSeek: «Напиши Тетрис». Но он, честный работяга, скорее всего, выдаст к
Оглавление

Знаете, я вот часто ловлю себя на мысли, что самые теплые воспоминания из детства — это не что-то грандиозное, а вот такие простые, почти медитативные моменты. В моем случае — это пиксельные фигурки Тетриса на потрепанном игровом автомате. Они и сейчас, когда мелькают в сторис, вызывают какую-то ностальгическую улыбку.

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

Сегодня я хочу просто по-соседски, без пафоса, показать, как я это сделал. Без программирования. Используя двух «помощников»: GigaChat, который выступит нашим художником-вдохновителем, и DeepSeek, который, как послушный кодер, воплотит все наши фантазии. Поехали?

Начинаем с самого простого: добываем «скелет» игры

Самое сложное в любом деле — начать. Но здесь все просто. Можно сказать DeepSeek: «Напиши Тетрис». Но он, честный работяга, скорее всего, выдаст код на Python. А это уже какие-то лишние телодвижения, установки библиотек... А мы с вами люди ленивые (в хорошем смысле слова!), и нам надо, чтобы все работало вот прямо сейчас.

Поэтому используем первый маленький лайфхак. Говорим ему вот так:

Промт: «Напиши SPA приложение с игрой Тетрис в одном файле».

Что это за SPA? Если коротко — это такая штука, которая работает прямо в браузере. Один файл, двойной щелчок — и вот он, ваш Тетрис, уже живет своей жизнью. Не нужно ничего усложнять.

Ждем пару минут... и вот он, наш «чистый холст» — работающий, но пока скучноватый классический Тетрис.

Смотрите, он уже живой! Пока простенький, но это наша основа
Смотрите, он уже живой! Пока простенький, но это наша основа

Бывает, конечно, что с первого раза что-то не работает. Фигура не поворачивается или не падает. Не страшно. Тут два пути: просто попросить заново... или поправить его. Но чтобы наш ленивый друг DeepSeek не поленился вместе с нами, используем второй лайфхак.

Не говорим ему: «Исправь ошибку». Он может выдать только кусочек кода. Мы говорим так:

Промт: «Доработай приложение: [тут вставляем, что именно не работает]. Предоставь исправленный код полностью и без сокращений».

Вот эти волшебные слова «полностью и без сокращений» творят чудеса. Мы же не хотим сами копаться в коде, правда? Так что пусть делает свою работу до конца.

А теперь — магия преображения. Даем игре душу

И вот тут начинается самое интересное. У нас есть основа. Теперь мы — творцы, которые будут лепить из этой глины что-то свое.

Способ первый: Прямое внушение.
Можно просто описать словами. DeepSeek на удивление хорошо нас понимает. «Сделай игру в стиле фильма "Матрица": черный фон, зеленые фигуры, шрифт как бегущие цифровые коды». И он сделает. Возможно, неидеально, но дух уловит.

На фоне видно дождь из символов, а в игре палка летит вниз с заданным ускорением. Эффект похож на эффект из фильма, когда Нео или агенты двигались очень быстро.
На фоне видно дождь из символов, а в игре палка летит вниз с заданным ускорением. Эффект похож на эффект из фильма, когда Нео или агенты двигались очень быстро.

Способ второй (более хитрый): Переводчик с языка картинок.
А что, если у нас в голове не слова, а образ? Картинка из интернета, скриншот из игры, обои... DeepSeek, увы, картинки не видит. А вот GigaChat — видит. И он может стать нашим переводчиком.

Я нашел картинку в стиле «неоновый киберпанк». И сказал GigaChat вот что:

Промт: «Ты — гейм дизайнер. Проанализируй стиль, в котором выполнена игра представленная на картинке. Опиши уникальные особенности стиля, применяя сравнительные аналогии и технические термины для дизайнеров уровней. Опиши только по существу вид основных элементов и фона, а также эффекты при взаимодействии элементов. Например, подсветка фона сзади падающей фигуры. Найди все это на картинке и опиши»

Почему именно так? «Ты — гейм дизайнер» — это как дать ему роль. Он сразу понимает, в какой области искать ответы. Без этого он может выдать что-то очень общее и абстрактное. А нам нужно точное, детальное техническое задание для DeepSeek.

GigaChat выдал мне что-то вроде: «На изображении представлена игра в стиле "Тетрис", выполненная в футуристическом и неоновом дизайне. Основные элементы и фон имеют следующие особенности:..»

Это референс, который я загружал в GigaChat
Это референс, который я загружал в GigaChat

Вот этот текст я копирую и отдаю DeepSeek, используя наш второй лайфхак:

Промт: «Доработай приложение: примени к игре описанный ниже стиль. [Вставляем текст от GigaChat]. Предоставь полный код без сокращений».

И... вуаля. Наш Тетрис преображается. Он уже не просто сборник фигур, а кусочек того самого неонового мира, который я нашел в интернете.

А это результат. Если что-то не нравится, всегда описание стиля можно скорректировать вручную, сделав акцент на важных для вас моментах. И повторить запрос еще раз.
А это результат. Если что-то не нравится, всегда описание стиля можно скорректировать вручную, сделав акцент на важных для вас моментах. И повторить запрос еще раз.

Способ третий (мой самый любимый, почти алхимический): Наследование стиля.
Я экспериментировал и придумал еще один способ. Помните, в прошлом посте я показывал ретро-часы на газоразрядных лампах? И я подумал — а что, если скормить этот код DeepSeek и сказать: «Слушай, а сделай-ка мне Тетрис в таком же стиле, как эти часы»?

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

Сами фигурки хотелось бы тоже приблизить к основному стилю. Но мне кажется такой вариант тоже отражает ретро стиль.
Сами фигурки хотелось бы тоже приблизить к основному стилю. Но мне кажется такой вариант тоже отражает ретро стиль.

Ну и куда же без экспериментов?

Меня, как обычно, понесло. SPA-приложениями и браузером я не ограничился. Тот же ChatGPT (у него, если есть доступ, картинки анализирует просто блестяще) сделал мне по скриншоту еще несколько вариаций. А потом я и вовсе ушел в 3D и сделал Тетрис... в цилиндре. Это невероятно затягивает, честное слово.

Цилиндрический тетрис в стиле E-Ink. Тут даже мозг начинает иначе работать.
Цилиндрический тетрис в стиле E-Ink. Тут даже мозг начинает иначе работать.
Результат забавный, хотя еще сыроват.
Результат забавный, хотя еще сыроват.

Все эти безумные эксперименты я буду потихоньку выкладывать в нашем Telegram-канале. Заходите, как к себе домой — посидим, посмотрим, обсудим.

madnicko_AI

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

P.s.: Дарю вам интересный ресурс, где можно взять исходники цифрового дождя для стиля "Матрица". Все что вам потребуется это воспользоваться 3м способом описанным выше. В качестве источника DeepSeek можно скормить сами ссылки на содержимое файлов html, css, js (всего три ссылки).
У меня получилось довольно реалистично:

Цифровой дождь в стиле "Матрица".
Цифровой дождь в стиле "Матрица".

Deep Seek
20,9 тыс интересуются