Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Aloitusnäytön Suunnittelu | Luodaan Kiinniottopeli Pakkaa Laukku
Pelien Rakentaminen Cursor AI:lla

bookAloitusnäytön Suunnittelu

Olet julkaisemassa uutta peliä nimeltä "Help Colin". Colin on nukkunut pommiin, bussi on melkein täällä, ja käyttäjän tehtävänä on auttaa häntä valmistautumaan keräämällä hyviä koulutarvikkeita ja välttelemällä huonoja. Ensimmäisenä luot kirkkaan ja ystävällisen aloitusnäytön, joka kertoo tämän tarinan.

Lataa valmiit kuvat (room.png, colin.png). Haluatko käyttää omia kuvituksiasi? Se sopii, pidä samat tiedostonimet tai päivitä kehotetta vastaavasti.

Aloitusnäytön rakentaminen
expand arrow
  1. Luo uusi kansio projektille (esim. help-colin-game) ja avaa se Cursorissa (File → Open Folder);
  2. Sijoita room.png ja colin.png projektin juureen;
  3. Avaa uusi keskustelu Cursorissa;
  4. Liitä alla oleva kehoteteksti ja suorita se;
  5. Napsauta Go Live esikatsellaksesi.
Mitä lopputuloksen tulisi sisältää
expand arrow
  • Taustalla on room.png pehmeällä peitekerroksella, jotta teksti erottuu;
  • Vasemmalla puolella on suuri kuva Colinista (colin.png);
  • Oikealla puolella näkyy pelin nimi sekä lyhyt, ystävällinen tarina siitä, että Colin on myöhässä;
  • Näytöllä on ensisijainen toimintopainike, jossa lukee "Help Colin!". Se on suuri ja värikäs, ja käynnistää pelin myöhemmin;
  • Tunnelma sisältää leijuvia kouluaiheisia emojeita leikkisän liikkeen luomiseksi, ja visuaalinen ilme on pyöristetty, lapsiystävällinen ja responsiivinen sekä puhelimilla että kannettavilla.
question mark

Ohjeen mukaan, mitä tulisi käyttää kotinäytön taustana 'Help Colin' -pelissä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 1

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

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

bookAloitusnäytön Suunnittelu

Pyyhkäise näyttääksesi valikon

Olet julkaisemassa uutta peliä nimeltä "Help Colin". Colin on nukkunut pommiin, bussi on melkein täällä, ja käyttäjän tehtävänä on auttaa häntä valmistautumaan keräämällä hyviä koulutarvikkeita ja välttelemällä huonoja. Ensimmäisenä luot kirkkaan ja ystävällisen aloitusnäytön, joka kertoo tämän tarinan.

Lataa valmiit kuvat (room.png, colin.png). Haluatko käyttää omia kuvituksiasi? Se sopii, pidä samat tiedostonimet tai päivitä kehotetta vastaavasti.

Aloitusnäytön rakentaminen
expand arrow
  1. Luo uusi kansio projektille (esim. help-colin-game) ja avaa se Cursorissa (File → Open Folder);
  2. Sijoita room.png ja colin.png projektin juureen;
  3. Avaa uusi keskustelu Cursorissa;
  4. Liitä alla oleva kehoteteksti ja suorita se;
  5. Napsauta Go Live esikatsellaksesi.
Mitä lopputuloksen tulisi sisältää
expand arrow
  • Taustalla on room.png pehmeällä peitekerroksella, jotta teksti erottuu;
  • Vasemmalla puolella on suuri kuva Colinista (colin.png);
  • Oikealla puolella näkyy pelin nimi sekä lyhyt, ystävällinen tarina siitä, että Colin on myöhässä;
  • Näytöllä on ensisijainen toimintopainike, jossa lukee "Help Colin!". Se on suuri ja värikäs, ja käynnistää pelin myöhemmin;
  • Tunnelma sisältää leijuvia kouluaiheisia emojeita leikkisän liikkeen luomiseksi, ja visuaalinen ilme on pyöristetty, lapsiystävällinen ja responsiivinen sekä puhelimilla että kannettavilla.
question mark

Ohjeen mukaan, mitä tulisi käyttää kotinäytön taustana 'Help Colin' -pelissä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 1
some-alt