JeuTropFacile - WayTooEasyGame: 3 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:24

Бұл ойын P5js кітапханасымен толығымен HTML және JavaScript -те жасалған. Index.html және sketch.js деп аталатын 2 файл бар. Мен кодты жаңадан бастаймын, сондықтан түсініксіз болса кешірім сұраймын.

Сіз мына сілтеме арқылы ойнай аласыз

Сіз ақ допты көрсеткі пернелермен басқарасыз және қызыл доптан аулақ болуыңыз керек (қазіргі уақытта тек біреуі бар).

Мен 2 айнымалы құрдым: posX = 200 және posY = 200

Sketch.js -те мен 640x -тен 480y -ге дейінгі функцияны орнатуда кенебе құрдым, онда сурет сызығында сұр фон бар, содан кейін posX, posY, 75, 75 -те орналасқан ақ шеңбер құрдым.

1 -қадам: Шеңберді жылжыту

Жоғарыда айтқанымдай, шеңберді жылжыту үшін көрсеткі пернелерін қолдануға болады.

Ол үшін updatePositionEllipse () функциясын жасадым.

Мен бұл шартты жұмыс істеу үшін қолдандым: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Төменгі пернені басқан кезде шеңбер төмен жылжиды.

Мен оны басқа пернелерде қолдандым, солға, оңға, жоғары және төмен жылжуға болады.

2 -қадам: шектік шекараларды құру

Ақ шарды кенеп соңында тоқтату үшін testOutOfScreen функциясын қолдандым.

Оның ішінде мен шартты қолдандым, егер (posX> 600) {

posX = 600; инсульт салмағы (6); инсульт («көк»); жол (637, 0, 637, 480); }

егер x позициясы 600 -ден жоғары болса: ол допты жауып тастайды және кенептің оң жағында 6 шекарасы бар көк сызық сызады.

Мен мұны әр шекара үшін жасаймын.