Все миссии / 3D
Мой 3D-домик: день, ночь и вращение
Домик с крышей, окнами и деревом, который можно крутить пальцем, — с переключателем дня и ночи. Настоящее 3D на чистом JavaScript, один промпт.

✓ Промпт проверен в Gemini (без входа): сработал 3 из 3 раз
- Уровень
- Продвинутый
- Результат
- 3D-сцена в одном HTML-файле
- Возраст
- 12+
- Время
- ≈ 40 мин
- Инструменты
- Gemini
- Аккаунт
- Не нужен
Что получится
Домик на лужайке с деревом: крутишь пальцем — он поворачивается в 3D, щипком приближаешь, кнопкой включаешь ночь со звёздами и светящимися окнами. Нажми «Играть в пример» выше — это сделал Gemini по промпту ниже.
Шаги
-
Открой gemini.google.com. Младше 13 — вместе с родителем, на его устройстве.
-
Скопируй промпт целиком и отправь:
Сделай 3D-домик в одном HTML-файле. Не подключай ничего из интернета: никакого Tailwind, CDN, шрифтов, картинок и библиотек — только свой CSS и JavaScript внутри файла. Не сохраняй ничего в памяти браузера. Нарисуй 3D сам на canvas через простую перспективную проекцию на JavaScript (без three.js). На зелёной лужайке стоит домик: стены, треугольная крыша, дверь, два окна и труба; рядом дерево. Опиши домик списком вершин и граней; каждый кадр сортируй грани по удалённости от камеры (сначала дальние) и рисуй только грани, у которых есть все вершины. Грани закрашены разными оттенками, дальние грани не видны сквозь ближние. Я верчу домик пальцем (на компьютере — мышкой), и он поворачивается в 3D; двумя пальцами или колёсиком приближаю. Внизу две кнопки: «День/Ночь» (ночью тёмное небо, звёзды и светятся окна) и «Крутить» (домик сам медленно вращается). Перед ответом проверь, что все переменные, классы и функции объявлены и написаны без опечаток. Всё должно хорошо выглядеть на телефоне. Точки храни как простые массивы [x, y, z], без классов и вспомогательных конструкторов; все функции для поворота и проекции напиши сам и объяви до использования. Покажи результат в Canvas. -
Подожди около минуты, нажми Предпросмотр (Preview) и попробуй все кнопки и ползунки.
-
Проверь ИИ (вопрос ниже).
-
Нажми Скачать (Download; иногда это меню Экспортировать) — файл откроется в любом браузере. Покажи его на уроке!
Поменяй промпт
Перед отправкой замени несколько слов — получится твоя версия. Меняй только слова, а правила про интернет и Canvas оставь.
- «два окна и труба» → «четыре окна, балкон и труба»
- «рядом дерево» → «рядом два дерева и забор»
Если не получается
- ИИ пишет, что всё поменял, а результат прежний? Напиши:
Ничего не поменялось. Покажи обновлённую версию в Canvas. - Нет кнопки «Предпросмотр» (Preview)? Напиши:
Покажи результат в Canvas.
Отправка работ в галерею откроется скоро.