Прошлых версий пока нет.
OneHTML Lab
0.2.1.1Медиа
Отметьте файлы для запроса и опишите их назначение: «1.png — герой, win.wav — звук победы». Имена попадут в запрос; при сохранении файлы можно встроить в HTML. Для анализа картинки прикрепите её в чате ИИ-бота.
Если браузер не поддерживает вставку картинки, используйте «Добавить файлы». Звук добавляется через выбор файла.
Хранение и удаление
Файлы хранятся в браузере. Удалить копии и посмотреть привязки истории можно в «Диагностика и библиотеки» → «Ресурсы». Список имён не передаёт содержимое файлов ИИ-боту; для анализа картинки прикрепите её в чате бота.
Как пользоваться
От идеи до своей игры — на телефоне или компьютере.
- Получите код у ИИ
Попросите сделать игру одним HTML-файлом. В экспертном режиме (шестерёнка) откройте «ИИ и запросы»: выберите основное устройство, опишите идею и скопируйте запрос в ИИ-бота.
- Вставьте HTML целиком
Скопируйте код из ответа без пояснений и ограждений из трёх обратных кавычек. Кнопка «Вставить» заменяет весь текст. Если она недоступна, удерживайте палец в поле и выберите «Вставить»; для замены сначала выделите всё.
- Запустите и попробуйте
Нажмите треугольник «Запустить». Проверьте управление и правила. Квадрат «Стоп» вернёт код.
- Исправьте или улучшите
В «ИИ и запросы» выберите «Изменить» или «Исправить», опишите задачу и отправьте запрос боту. Вставьте полный новый HTML. В экспертной «Истории версий» можно сравнить результат и вернуть прошлый код.
- Сохраните свою игру
Нажмите «Сохранить» и подтвердите имя game.html или задайте своё. Для подготовленных библиотек выберите встраивание «Внутри HTML», чтобы получить один файл. Откройте скачанную игру отдельно и проверьте её.
- Поделитесь результатом
Кнопка «Поделиться» открывает меню отправки файла. Если браузер его не поддерживает, отправьте сохранённый HTML через файловый менеджер.
Без интернета
Заранее скачайте onehtml-lab.html и откройте его в браузере. В экспертном режиме выберите «Примеры» → «Готовые игры» или «Мультимедиа»: они уже внутри редактора и не требуют сети.
Начните с «Поймай круг» на вкладке «Телефон» или выберите мультимедийный пример. Кнопка «Задание» раскрывает правку, подсказку и проверку результата. Откройте копию, измените код, запустите и сохраните результат. ИИ-боту потребуется отдельное подключение к интернету.
Библиотеки не входят в редактор. Игры с ними подготовьте заранее: загрузите нужные копии, сохраните с встраиванием и проверьте скачанный HTML без сети. Свои изображения и звук добавьте кнопкой «Медиа», укажите их имена в запросе ИИ и сохраните HTML с встраиванием. Другие внешние ресурсы автоматически не упаковываются.
Если не получается
Вставился только кусок: скопируйте весь HTML, выделите всё в поле и вставьте заново. Обычная вставка работает в позиции курсора.
Ошибка или пустой экран: откройте строку сообщений. В экспертном режиме доступна «Диагностика и библиотеки»: скопируйте отчёт для ИИ. Если ошибок нет, опишите боту, что видите и что ожидали.
Нужна библиотека: подключитесь к сети и подтвердите её загрузку в сообщениях. Для занятия без сети выберите готовый пример без библиотек.
Не найти файл: проверьте загрузки браузера или папку «Загрузки». Если скачалось несколько файлов, соберите HTML и JS в одной папке с исходными именами.
Перед завершением сохраните HTML-файл. Черновик в браузере помогает продолжить работу, но не заменяет отдельную копию.
Вставьте HTML-код, запустите приложение и сохраните его файлом.
В экспертном режиме доступны примеры, запросы к ИИ, история и дополнительные инструменты. Чтобы включить его, нажмите шестерёнку справа от кнопки запуска.
Редактирование
Подготовить запрос внешнему ИИ. Для объяснения можно заранее выделить фрагмент в редакторе.
Разбор примера
Нажмите на название участка, чтобы выделить его в текущем коде.
Разбор участков доступен для открытых копий «Поймай круг» и мультимедийных примеров. Для другого HTML используйте поиск и объяснение кода.
Вид текста
Подсветка не меняет код. Большие файлы автоматически показываются обычным текстом.
История версий
Библиотеки в коде
Встройте библиотеки в HTML или замените их ссылками, чтобы сократить код для ИИ. Изменения появятся в редакторе после нажатия «Применить». Предыдущая версия останется в истории.
Диагностика
Черновик изменён в другой вкладке. Автосохранение здесь приостановлено; ваш код остаётся в редакторе. Можно сохранить его HTML-файлом или продолжить здесь: версия другой вкладки попадёт в историю.
Игра ещё не запускалась.
Наблюдения помогают найти проблемы, но не подтверждают качество всего приложения.
Наблюдения
Проверить вручную
«Скопировать отчёт» включает наблюдения и отметки. Для показа сохраните файл, откройте его отдельно и продемонстрируйте основной сценарий.
Скачайте нужные версии заранее. Копии можно сохранить набором и установить из файлов на другом устройстве. Подготовка библиотек не меняет код приложения. Экспериментальные не входят в общую загрузку, пока вы не включите их в меню «Ещё».
Экспериментальные
Ничего не найдено. Измените поиск или категорию.
Файлы набора
Браузер может запросить разрешение на несколько скачиваний. Каждый файл также можно скачать отдельно.
Свои медиа и модели
Как использовать файлы
«Вставить» добавляет img, audio или data-model-src на место курсора. «Привязать» использует точный относительный путь из HTML или встроенного CSS. Для изменения кода остановите игру и включите редактирование. Большие файлы вызывают предупреждение; доступный объём определяется браузером.
Привязки текущего кода
В текущем коде
Обращения при запуске
Для проверки выключите сеть кнопкой с глобусом и попробуйте разные действия в игре. Открытие первого экрана ещё не подтверждает автономность всей игры.
Что означают показатели
Средний FPS, самая длинная пауза между кадрами и число пауз больше 100 мс. Это частота кадров браузера; частота отрисовки самой игры может отличаться. Фоновые паузы и вспомогательные экраны исключены.
ИИ и запросы
Заготовка допишется к пожеланиям. Замените текст в квадратных скобках своей идеей.
Скопируйте запрос и отправьте его ИИ-боту. Полученный HTML добавьте через «Принять ответ».
Куда отправить запрос ИИ-боты
- Алиса AIСайтGoogle PlayApp Store
- GigaChatСайт
- DeepSeekСайтGoogle PlayApp Store
- Qwen StudioСайтGoogle PlayApp Store
История запросов
Скопированные запросы появятся здесь. Сохраняются последние 20.
Ответ ИИ
Примеры
Откройте копию примера, измените код и сохраните свою версию.
Скопируйте текст
Браузер не разрешил автоматическое копирование. Выделенный текст можно скопировать через меню поля.