Проєктування Домашнього Екрана
Ви запускаєте нову гру під назвою "Допоможи Коліну". Колін проспав, автобус майже приїхав, і завдання користувача — допомогти йому зібратися, ловлячи хороше шкільне приладдя та уникаючи поганого. Спочатку ви створите яскравий і дружній домашній екран, який розповідає цю історію.
Завантажте підготовлені зображення (room.png, colin.png). Бажаєте використати власні ресурси? Це не проблема, залиште ті ж імена файлів або відповідно змініть підказку.
- Створіть нову папку для проєкту (наприклад,
help-colin-game) і відкрийте її у Cursor (File → Open Folder); - Розмістіть
room.pngтаcolin.pngу корені проєкту; - Відкрийте новий чат у Cursor;
- Вставте підказку нижче та запустіть її;
- Натисніть Go Live для попереднього перегляду.
- Фоном є
room.pngз м'яким затемненням для кращої читабельності тексту; - Ліворуч розташоване велике зображення Коліна (
colin.png); - Праворуч відображається назва гри та коротка, дружня історія про те, що Колін запізнюється;
- Є основна кнопка дії з написом "Допоможи Коліну!" — велика та яскрава, яка згодом запускатиме гру;
- Загальний настрій доповнюють плаваючі шкільні емодзі для ігрового руху, з округлими, дружніми для дітей візуальними елементами, адаптованими для телефонів і ноутбуків.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
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.67Проєктування Домашнього Екрана
Свайпніть щоб показати меню
Ви запускаєте нову гру під назвою "Допоможи Коліну". Колін проспав, автобус майже приїхав, і завдання користувача — допомогти йому зібратися, ловлячи хороше шкільне приладдя та уникаючи поганого. Спочатку ви створите яскравий і дружній домашній екран, який розповідає цю історію.
Завантажте підготовлені зображення (room.png, colin.png). Бажаєте використати власні ресурси? Це не проблема, залиште ті ж імена файлів або відповідно змініть підказку.
- Створіть нову папку для проєкту (наприклад,
help-colin-game) і відкрийте її у Cursor (File → Open Folder); - Розмістіть
room.pngтаcolin.pngу корені проєкту; - Відкрийте новий чат у Cursor;
- Вставте підказку нижче та запустіть її;
- Натисніть Go Live для попереднього перегляду.
- Фоном є
room.pngз м'яким затемненням для кращої читабельності тексту; - Ліворуч розташоване велике зображення Коліна (
colin.png); - Праворуч відображається назва гри та коротка, дружня історія про те, що Колін запізнюється;
- Є основна кнопка дії з написом "Допоможи Коліну!" — велика та яскрава, яка згодом запускатиме гру;
- Загальний настрій доповнюють плаваючі шкільні емодзі для ігрового руху, з округлими, дружніми для дітей візуальними елементами, адаптованими для телефонів і ноутбуків.
Дякуємо за ваш відгук!
