Mewarnai Interaktif
rincian
ringkasan
Aplikasi interaktif untuk memilih gambar dan mewarnai area tertentu.
prompt
Buat aplikasi mewarnai interaktif sederhana dengan fitur-fitur berikut: ### Gambaran Proyek - Aplikasi yang memungkinkan pengguna memilih gambar dan mewarnai area yang berbeda. - Mendukung format gambar umum seperti JPEG dan PNG. ### Desain UI/UX dan Alur - **Layar Pertama**: - Tampilkan tombol utama berlabel "Pilih Gambar dari Komputer." - Saat tombol diklik, buka file browser untuk pemilihan gambar. - **Setelah Memilih Gambar**: - Tampilkan pratinjau gambar yang terpusat di layar. - Tampilkan tombol di bawahnya berlabel "Mulai Mewarnai." - **Layar Mulai Mewarnai**: - Analisis gambar untuk mendeteksi setidaknya dua area yang bisa diwarnai, tampilkan gambar penuh dengan batas yang terdeteksi. - **Pojok Kiri Atas**: - Tombol "Kembali": Kembali ke pemilihan gambar dengan konfirmasi. - Tombol "Simpan": Mengunduh gambar yang telah diwarnai. - **Pojok Kanan Atas**: - Lingkaran merah besar menunjukkan warna yang sedang dipilih (default biru cerah). - Saat diklik, buka palet layar penuh dengan 24 warna cerah tersusun melingkar; palet menutup setelah warna dipilih. ### Fungsionalitas Inti dan Logika - Implementasikan deteksi batas untuk mengidentifikasi area yang dapat diwarnai. - Izinkan pengisian warna dengan ketukan/klik di dalam batas menggunakan warna yang dipilih. - Pastikan mendukung tipe gambar seperti JPEG dan PNG untuk analisis pewarnaan yang andal. ### Praktik Terbaik - Jika area yang dapat diwarnai kurang dari dua, tampilkan pesan "Ups! Kami tidak menemukan area untuk diwarnai pada gambar ini. Silakan coba gambar lain dengan garis yang lebih jelas." - Pastikan navigasi yang intuitif dengan konfirmasi untuk aksi seperti kembali. - Pertahankan desain interaktif dan responsif dengan transisi layar yang mudah.
prompt asli
Create a simple interactive coloring application: First screen: - Display a prominent button labeled "Select Image from Computer." - Upon clicking, open file browser to let the user select an image. After selecting an image: - Show a preview of the chosen image centered on the screen. - Below the preview, display a button labeled "Start Coloring." After clicking "Start Coloring": - Attempt to parse the image to detect at least two distinct areas suitable for coloring. - If successful, display the image fullscreen vertically with detected boundaries. Top-left corner: - "Back" button: returns to image selection after confirmation. - "Save" button: downloads the colored image. Top-right corner: - Large red circle indicating the current selected color (default bright blue). - On click, open fullscreen palette with 24 vibrant colors arranged in circles. Close palette upon selection. Coloring interaction: - Detect boundaries automatically. - On tap/click within boundaries, fill the area with the selected color. Error handling: - If fewer than two colorable areas are detected, display an error message: "Oops! We couldn't find areas to color in this image. Please try another image with clearer outlines." Q: What types of images should the application support for coloring? A: JPEG, PNG, etc. Q: Do you have a specific design in mind for the layout of the color palette? A: Circular layout with vibrant colors
ringkasan biaya pembuatan
nama model: claude-3-7-sonnet-latest
waktu respons: 67.00 sec.
token hasil: 5,770
biaya: $0.08902500