Интерактивная раскраска
подробности
краткое описание
Простое приложение для раскрашивания изображений с выбором палитры и сохранением работы.
промпт
Создай простое интерактивное приложение для раскрашивания на английском языке. Обзор - Отображай выбор миниатюр для конкретных изображений. - Позволь пользователям выбирать изображение, раскрашивать его и сохранять результат. Начальный экран - Покажи маленькие, удобные миниатюры следующих изображений: 1. URL 1 2. URL 2 3. URL 3 4. URL 4 5. URL 5 6. URL 6 7. URL 7 8. URL 8 - Убедись, что миниатюры четкие и легко узнаваемые. Взаимодействие с изображением - При выборе миниатюры скачай и обработай PNG для возможности раскрашивания. - Отобрази изображение на весь экран в портретной ориентации. Верхний левый угол - Кнопка Назад: - Покажи диалог подтверждения перед возвратом к выбору изображений. - Сообщение: 'Do you want to return to the image selection?' - Кнопка Сохранить: - Позволяет пользователям напрямую скачать раскрашенное изображение. Верхний правый угол - Покажи большой красный круг как цвет по умолчанию (ярко-синий). - Нажми, чтобы открыть полноэкранную палитру цветов. Выбор цвета - Отобрази 24 ярких цвета в виде маленьких кружков в полноэкранной палитре. - Выбери цвет и закрой палитру. Интерактивное раскрашивание - Определи области внутри границ изображения. - Позволь заполнить область выбранным цветом при клике/тапе. Функция палитры - Запускается в центре экрана. - Автоматически закрывается после выбора цвета.
оригинальный промпт
Create a simple interactive coloring application: First screen: - Display thumbnails of the provided images (take exactly that images): 1. https://img.freepik.com/free-vector/hand-drawn-zoo-animals-illustration_23-2151199715.jpg 2. https://img.freepik.com/free-vector/hand-drawn-zoo-animals-illustration_23-2151199718.jpg 3. https://img.freepik.com/premium-vector/lion-giraffe-hand-drawn_185029-508.jpg 4. https://img.freepik.com/free-vector/hand-drawn-owl-outline-illustration_23-2149277379.jpg 5. https://img.freepik.com/free-vector/hand-drawn-fox-outline-illustration_23-2149272718.jpg 6. https://img.freepik.com/free-vector/hand-drawn-lion-outline-illustration_23-2149285355.jpg 7. https://img.freepik.com/free-vector/hand-drawn-penguin-outline-illustration_23-2150582038.jpg 8. https://img.freepik.com/free-vector/animal-doodle-outline-cute-giraffe_1308-81895.jpg - Thumbnails should be small and easy to navigate. After selecting an image: - Download and use the selected PNG to allow drawing on it, parsing contours if needed. - Display the chosen image full-screen vertically. - Top-left corner: - "Back" button: returns to image selection after confirmation dialog. - "Save" button: downloads the colored image. - Top-right corner: - Large red circle indicating the current selected color (default is bright blue). - On clicking the circle, display a fullscreen palette with 24 vibrant color options arranged as small circles. After selecting a color, close the palette. Coloring interaction: - Detect boundaries of image areas. - On click/tap within boundaries, fill the area with the selected color. Q: What specific functionalities should the confirmation dialog include when clicking the 'Back' button? A: A simple message asking if they want to return to the image selection. Q: How should the color selection palette be displayed and dismissed? A: On the center of screen.
стоимость генерации
название модели: claude-3-7-sonnet-latest
время ответа: 69.85 sec.
токены результата: 6,015
стоимость: $0.09262200