Progettazione della Schermata Principale
Stai lanciando un nuovo gioco chiamato "Aiuta Colin". Colin si è svegliato tardi, l'autobus sta per arrivare e il compito dell'utente è aiutarlo a prepararsi raccogliendo i materiali scolastici giusti ed evitando quelli sbagliati. Per prima cosa, creerai una schermata iniziale luminosa e accogliente che racconta questa storia.
Scarica le immagini preparate (room.png, colin.png). Preferisci usare le tue risorse? Va bene, mantieni gli stessi nomi dei file oppure aggiorna il prompt di conseguenza.
- Crea una nuova cartella per il progetto (ad esempio,
help-colin-game) e aprila in Cursor (File → Apri cartella); - Inserisci
room.pngecolin.pngnella root del progetto; - Apri una nuova chat in Cursor;
- Incolla il prompt qui sotto ed eseguilo;
- Fai clic su Go Live per visualizzare l'anteprima.
- Lo sfondo presenta
room.pngcon una sovrapposizione morbida per garantire la leggibilità del testo; - Sul lato sinistro è presente una grande immagine di Colin (
colin.png); - Il lato destro mostra il titolo del gioco insieme a una breve e simpatica storia su Colin in ritardo;
- È presente un pulsante di azione principale con la scritta "Aiuta Colin!", grande e colorato, che avvierà il gioco successivamente;
- L'atmosfera generale include emoji scolastici fluttuanti per un effetto giocoso, con elementi visivi arrotondati e adatti ai bambini, progettati per essere reattivi sia su telefoni che su laptop.
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Can you explain how to customize the home screen design?
What should I do if I want to use my own images instead of the provided ones?
How do I add more floating emojis or change their style?
Awesome!
Completion rate improved to 6.67Progettazione della Schermata Principale
Scorri per mostrare il menu
Stai lanciando un nuovo gioco chiamato "Aiuta Colin". Colin si è svegliato tardi, l'autobus sta per arrivare e il compito dell'utente è aiutarlo a prepararsi raccogliendo i materiali scolastici giusti ed evitando quelli sbagliati. Per prima cosa, creerai una schermata iniziale luminosa e accogliente che racconta questa storia.
Scarica le immagini preparate (room.png, colin.png). Preferisci usare le tue risorse? Va bene, mantieni gli stessi nomi dei file oppure aggiorna il prompt di conseguenza.
- Crea una nuova cartella per il progetto (ad esempio,
help-colin-game) e aprila in Cursor (File → Apri cartella); - Inserisci
room.pngecolin.pngnella root del progetto; - Apri una nuova chat in Cursor;
- Incolla il prompt qui sotto ed eseguilo;
- Fai clic su Go Live per visualizzare l'anteprima.
- Lo sfondo presenta
room.pngcon una sovrapposizione morbida per garantire la leggibilità del testo; - Sul lato sinistro è presente una grande immagine di Colin (
colin.png); - Il lato destro mostra il titolo del gioco insieme a una breve e simpatica storia su Colin in ritardo;
- È presente un pulsante di azione principale con la scritta "Aiuta Colin!", grande e colorato, che avvierà il gioco successivamente;
- L'atmosfera generale include emoji scolastici fluttuanti per un effetto giocoso, con elementi visivi arrotondati e adatti ai bambini, progettati per essere reattivi sia su telefoni che su laptop.
Grazie per i tuoi commenti!
