JeuTropFacile - WayTooEasyGame: 3 Kauj Ruam

2024 Tus sau: John Day | [email protected]. Kawg hloov kho: 2024-01-30 09:26

Nov yog qhov kev ua si ua tiav ntawm HTML thiab JavaScript nrog lub tsev qiv ntawv P5js. Muaj 2 cov ntaub ntawv npe index.html thiab sketch.js. Kuv yog tus pib heev hauv txoj cai yog li kuv thov txim yog tias nws tsis meej.

Koj tuaj yeem ua si game nrog qhov txuas no

Koj tswj lub pob dawb nrog cov xub tuav thiab koj yuav tsum zam lub pob liab liab (tam sim no, tsuas muaj ib qho).

Kuv tsim 2 qhov sib txawv: posX = 200 thiab posY = 200

Ntawm sketch.js, Kuv tsim lub canva hauv kev teeb tsa ua haujlwm nrog 640x los ntawm 480y nrog cov keeb kwm yav dhau grey hauv txoj haujlwm kos, tom qab ntawd kuv tsim lub voj voog dawb nrog txoj haujlwm ntawm posX, posY, 75, 75.

Kauj Ruam 1: Tsiv Lub Vajvoog

Zoo li kuv tau hais ua ntej, koj tuaj yeem siv cov xub tuav kom txav lub voj voog.

Txhawm rau ua qhov ntawd kuv tsim txoj haujlwm hloov kho tshiabPositionEllipse ().

Kuv siv qhov xwm txheej no los ua kom nws ua haujlwm: yog (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Thaum tus yuam sij qis raug nias, lub voj voos txav mus.

Kuv siv nws ntawm txhua lwm tus yuam sij kom koj tuaj yeem txav mus rau sab laug, sab xis, nce thiab nqis.

Kauj Ruam 2: Tsim Txwv Ciam Tebchaws

Txhawm rau ua kom lub pob dawb nres ntawm qhov kawg ntawm canva Kuv tau siv qhov kev ntsuas ua haujlwmOutOfScreen.

Hauv nws, Kuv siv qhov xwm txheej yog (posX> 600) {

posX = 600; Qhov hnyav (6); mob stroke ('xiav'); kab (637, 0, 637, 480); }

yog tias txoj haujlwm ntawm x zoo dua 600: nws thaiv pob thiab nws kos kab xiav nrog ciam teb 6 tso rau sab xis ntawm lub canva.

Kuv ua qhov no rau txhua tus ciam teb.