pH-детектив: химическая лаборатория онлайн

Лимонный сок, кола, молоко, мыло, отбеливатель: наливай в стакан и смотри, как меняется цвет индикатора. Симулятор для урока химии — один промпт.

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

Шкала pH от 0 до 14 цветами индикатора, восемь жидкостей и стакан. Нажал — жидкость налилась, стакан окрасился, стрелка показала pH, подпись — «Кислота», «Нейтрально» или «Щёлочь». Нажми «Играть в пример» выше — это сделал Gemini по промпту ниже.

Шаги

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

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

Сделай «pH-детектив» в одном HTML-файле. Не подключай ничего из интернета: никакого Tailwind, CDN, шрифтов, картинок и библиотек — только свой CSS и JavaScript внутри файла. Не сохраняй ничего в памяти браузера. Сверху шкала pH от 0 до 14 с цветами универсального индикатора. Ниже 8 кнопок-жидкостей с настоящими значениями pH: лимонный сок, кола, кофе, молоко, чистая вода, морская вода, мыльная вода, отбеливатель. Нажимаешь на жидкость — она наливается в стакан, нарисованный в SVG, и стакан окрашивается в цвет индикатора, стрелка на шкале показывает pH, а подпись говорит «Кислота», «Нейтрально» или «Щёлочь». Кнопка «Разбавить водой» постепенно приближает pH к 7, но не перескакивает через 7. Всё должно хорошо выглядеть на телефоне. Покажи результат в Canvas.

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

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

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

«лимонный сок, кола» → «томатный сок, уксус»
«8 кнопок-жидкостей» → «10 кнопок-жидкостей» (и допиши две жидкости)

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

ИИ пишет, что всё поменял, а результат прежний? Напиши: Ничего не поменялось. Покажи обновлённую версию в Canvas.
Нет кнопки «Предпросмотр» (Preview)? Напиши: Покажи результат в Canvas.
«Разбавить водой» перескакивает через 7? Напиши: «При разбавлении pH перескакивает через 7. Сделай, чтобы он только приближался к 7.»