Виртуальный питомец: свой тамагочи в браузере

Свой тамагочи в телефоне: дракончика нужно кормить, развлекать и укладывать спать. Мини-приложение за один промпт в Gemini.

Что получится

Дракончик и три шкалы — Сытость, Веселье, Сон. Они сами медленно падают, а ты нажимаешь кнопки, чтобы питомцу было хорошо. Нажми «Играть в пример» выше — это ровно то, что сделал Gemini.

Шаги

Открой gemini.google.com. Младше 13 — вместе с родителем, на его устройстве.

Скопируй промпт целиком и отправь:

Сделай виртуального питомца для телефона в одном HTML-файле. Не подключай ничего из интернета: никакого Tailwind, CDN, шрифтов и картинок — только свой CSS и JavaScript внутри файла. Ничего не сохраняй в памяти браузера. В центре милый дракончик, нарисованный в SVG. Под ним три шкалы: Сытость, Веселье, Сон — от 0 до 100, каждая медленно уменьшается сама. Три кнопки: «Покормить», «Поиграть», «Уложить спать» — каждая поднимает свою шкалу. Если любая шкала ниже 30, дракончик грустит. Покажи результат в Canvas.

Подожди около минуты, нажми Предпросмотр (Preview) и поухаживай за дракончиком.
Проверь ИИ (вопрос ниже).
Нажми Скачать (Download; иногда это меню Экспортировать) — файл откроется в любом браузере.

Поменяй промпт

Перед отправкой замени несколько слов — получится твоя версия. Меняй только слова, а правила про интернет и Canvas оставь.

«милый дракончик» → «милый котёнок» (и «дракончик грустит» → «котёнок грустит»)
«медленно уменьшается» → «быстро уменьшается» — ухаживать станет сложнее

Сделай питомца своим

Отправляй по одному изменению и проверяй результат:

Замени дракончика на котёнка.
Добавь четвёртую шкалу «Чистота» и кнопку «Помыть».

Если не получается

ИИ пишет, что всё поменял, а питомец прежний? Так бывает часто. Напиши: Питомец не поменялся. Покажи обновлённую версию в Canvas.
Нет кнопки «Предпросмотр» (Preview)? Напиши: Покажи результат в Canvas.
Кнопки не работают? Опиши, что видишь: «Нажимаю „Покормить“, а шкала не растёт».