Все миссии / 3D

Мой 3D-домик: день, ночь и вращение

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

Играть в пример

✓ Промпт проверен в Gemini (без входа): сработал 3 из 3 раз

Уровень
Продвинутый
Результат
3D-сцена в одном HTML-файле
Возраст
12+
Время
≈ 40 мин
Инструменты
Gemini
Аккаунт
Не нужен

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

Домик на лужайке с деревом: крутишь пальцем — он поворачивается в 3D, щипком приближаешь, кнопкой включаешь ночь со звёздами и светящимися окнами. Нажми «Играть в пример» выше — это сделал Gemini по промпту ниже.

Шаги

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

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

    Сделай 3D-домик в одном HTML-файле. Не подключай ничего из интернета: никакого Tailwind, CDN, шрифтов, картинок и библиотек — только свой CSS и JavaScript внутри файла. Не сохраняй ничего в памяти браузера. Нарисуй 3D сам на canvas через простую перспективную проекцию на JavaScript (без three.js). На зелёной лужайке стоит домик: стены, треугольная крыша, дверь, два окна и труба; рядом дерево. Опиши домик списком вершин и граней; каждый кадр сортируй грани по удалённости от камеры (сначала дальние) и рисуй только грани, у которых есть все вершины. Грани закрашены разными оттенками, дальние грани не видны сквозь ближние. Я верчу домик пальцем (на компьютере — мышкой), и он поворачивается в 3D; двумя пальцами или колёсиком приближаю. Внизу две кнопки: «День/Ночь» (ночью тёмное небо, звёзды и светятся окна) и «Крутить» (домик сам медленно вращается). Перед ответом проверь, что все переменные, классы и функции объявлены и написаны без опечаток. Всё должно хорошо выглядеть на телефоне. Точки храни как простые массивы [x, y, z], без классов и вспомогательных конструкторов; все функции для поворота и проекции напиши сам и объяви до использования. Покажи результат в Canvas.
    
  3. Подожди около минуты, нажми Предпросмотр (Preview) и попробуй все кнопки и ползунки.

  4. Проверь ИИ (вопрос ниже).

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

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

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

  • «два окна и труба» → «четыре окна, балкон и труба»
  • «рядом дерево» → «рядом два дерева и забор»

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

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

Отправка работ в галерею откроется скоро.

Сделал что-то крутое с ИИ?Пришли свой промпт. Мы проверим его три раза и опубликуем как миссию — чтобы другие дети сделали так же.Придумать свою миссию