Projetando a Tela Inicial
Você está lançando um novo jogo chamado "Ajude o Colin". Colin dormiu demais, o ônibus está quase chegando e a tarefa do usuário é ajudá-lo a se preparar pegando bons materiais escolares enquanto evita os ruins. Primeiro, você criará uma tela inicial vibrante e amigável que conta essa história.
Baixe as imagens preparadas (room.png, colin.png). Prefere usar seus próprios recursos? Sem problemas, mantenha os mesmos nomes de arquivo ou atualize o prompt conforme necessário.
- Crie uma nova pasta para o projeto (por exemplo,
help-colin-game) e abra-a no Cursor (Arquivo → Abrir Pasta); - Coloque
room.pngecolin.pngna raiz do projeto; - Abra um novo chat no Cursor;
- Cole o prompt abaixo e execute-o;
- Clique em Go Live para visualizar.
- O plano de fundo apresenta
room.pngcom uma sobreposição suave para garantir a legibilidade do texto; - No lado esquerdo, há uma imagem grande do Colin (
colin.png); - O lado direito exibe o título do jogo junto com uma breve e amigável história sobre Colin estar atrasado;
- Há um botão de ação principal com o texto "Ajude o Colin!" que é grande e colorido, e iniciará o jogo posteriormente;
- O clima geral inclui emojis escolares flutuantes para um movimento lúdico, com visuais arredondados e amigáveis para crianças, projetados para serem responsivos tanto em celulares quanto em laptops.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 6.67Projetando a Tela Inicial
Deslize para mostrar o menu
Você está lançando um novo jogo chamado "Ajude o Colin". Colin dormiu demais, o ônibus está quase chegando e a tarefa do usuário é ajudá-lo a se preparar pegando bons materiais escolares enquanto evita os ruins. Primeiro, você criará uma tela inicial vibrante e amigável que conta essa história.
Baixe as imagens preparadas (room.png, colin.png). Prefere usar seus próprios recursos? Sem problemas, mantenha os mesmos nomes de arquivo ou atualize o prompt conforme necessário.
- Crie uma nova pasta para o projeto (por exemplo,
help-colin-game) e abra-a no Cursor (Arquivo → Abrir Pasta); - Coloque
room.pngecolin.pngna raiz do projeto; - Abra um novo chat no Cursor;
- Cole o prompt abaixo e execute-o;
- Clique em Go Live para visualizar.
- O plano de fundo apresenta
room.pngcom uma sobreposição suave para garantir a legibilidade do texto; - No lado esquerdo, há uma imagem grande do Colin (
colin.png); - O lado direito exibe o título do jogo junto com uma breve e amigável história sobre Colin estar atrasado;
- Há um botão de ação principal com o texto "Ajude o Colin!" que é grande e colorido, e iniciará o jogo posteriormente;
- O clima geral inclui emojis escolares flutuantes para um movimento lúdico, com visuais arredondados e amigáveis para crianças, projetados para serem responsivos tanto em celulares quanto em laptops.
Obrigado pelo seu feedback!
