Përmbajtje:

JeuTropFacile - WayTooEasyGame: 3 hapa
JeuTropFacile - WayTooEasyGame: 3 hapa

Video: JeuTropFacile - WayTooEasyGame: 3 hapa

Video: JeuTropFacile - WayTooEasyGame: 3 hapa
Video: Medical Legend heart sounds & murmurs Quiz: Part 2 2024, Nëntor
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Kjo është një lojë e bërë tërësisht në HTML dhe JavaScript me bibliotekën P5js. Ka 2 skedarë të quajtur index.html dhe sketch.js. Unë jam shumë fillestar në kod, kështu që më vjen keq nëse është e paqartë.

Ju mund ta luani lojën me këtë lidhje

Ju kontrolloni një top të bardhë me çelësat e shigjetave dhe ju duhet të shmangni topin e kuq (aktualisht, ekziston vetëm një).

Kam krijuar 2 ndryshore: posX = 200 dhe posY = 200

Në sketch.js, unë krijova një kanavacë në konfigurimin e funksionit me 640x me 480y me një sfond gri në vizatimin e funksionit, pastaj krijova një rreth të bardhë me pozicion në pozX, posY, 75, 75.

Hapi 1: Lëvizja e Rrethit

Lëvizja e Rrethit
Lëvizja e Rrethit

Siç thashë më parë, mund të përdorni butonat me shigjeta për të lëvizur rrethin.

Për ta bërë këtë, unë krijova një funksion updatePositionEllipse ().

Unë e përdor këtë kusht për ta bërë atë të funksionojë: nëse (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Kur shtypet tasti poshtë, rrethi lëviz poshtë.

E kam përdorur në çdo çelës tjetër për të lëvizur majtas, djathtas, lart e poshtë.

Hapi 2: Krijimi i kufijve të kufirit

Krijimi i kufijve të kufirit
Krijimi i kufijve të kufirit

Për të ndaluar topin e bardhë në fund të kanavacës, unë përdor funksionin testOutOfScreen.

Brenda tij, kam përdorur gjendjen nëse (posX> 600) {

posX = 600; goditje Pesha (6); goditje ("blu"); linjë (637, 0, 637, 480); }

nëse pozicioni i x është superior ndaj 600: bllokon topin dhe tërheq një vijë blu me një kufi 6 të vendosur në anën e djathtë të kanavacës.

Unë e bëj këtë për çdo kufi.

Recommended: