Mewarnai Interaktif
rincian
ringkasan
Aplikasi sederhana untuk mewarnai gambar secara interaktif.
prompt
Buat aplikasi mewarnai interaktif sederhana. Gambaran Proyek: - Kembangkan aplikasi yang memungkinkan pengguna memilih gambar dan mewarnai area yang berbeda secara interaktif. Desain UI/UX dan Alur: - Layar Pertama: - Tampilkan tombol yang mencolok dengan label 'Pilih Gambar'. - Saat diklik, buka file browser untuk membiarkan pengguna memilih gambar atau mengambil foto jika di mobile. - Setelah Pemilihan Gambar: - Tampilkan pratinjau gambar yang dipilih di tengah layar. - Tampilkan tombol dengan label 'Mulai Mewarnai' di bawah pratinjau. - Setelah Mengklik 'Mulai Mewarnai': - Analisis gambar untuk mendeteksi setidaknya dua area yang bisa diwarnai. - Tampilkan gambar dalam mode layar penuh dengan batas yang terdeteksi jika berhasil. Fungsi Inti dan Logika: - Analisis Gambar: - Gunakan deteksi otomatis untuk mengenali area-area yang bisa diwarnai dalam gambar. - Interaksi Pewarnaan: - Izinkan pengguna mengetuk/klik dalam batas untuk mengisi area dengan warna yang dipilih. - Pertahankan pengaturan warna default dengan lingkaran merah besar yang menunjukkan warna saat ini. Praktik Terbaik: - Penanganan Error: - Tampilkan pesan error jika tidak terdeteksi setidaknya dua area pewarnaan: 'Ups! Kami tidak dapat menemukan area untuk diwarnai dalam gambar ini. Silakan coba gambar lain dengan kontur yang lebih jelas.' - Navigasi: - Implementasikan tombol 'Kembali' di pojok kiri atas untuk kembali ke layar pertama. - Sertakan tombol 'Simpan' untuk mengunduh gambar yang sudah diwarnai. - Palet Warna: - Buat palet layar penuh yang berisi 24 warna cerah yang disusun dalam lingkaran, termasuk merah, hijau, biru, kuning, dll. - Izinkan palet ditutup setelah memilih warna.
prompt asli
Create a simple interactive coloring application: First screen: - Display a prominent button labeled "Select Image" (select/take photo if on mobile). - 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 first screen. - "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 kind of images should the application support? A: any kind of images Q: Should the color palette have any specific colors or just vibrant ones? A: Include red, green, blue, yellow, etc.
ringkasan biaya pembuatan
nama model: o3-mini-high
waktu respons: 133.74 sec.
token hasil: 15,424
biaya: $0.06865980