JeuTropFacile - WayTooEasyGame: 3 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:17

ეს არის თამაში მთლიანად HTML და JavaScript– ზე ბიბლიოთეკით P5js. არის 2 ფაილი სახელად index.html და sketch.js. მე ძალიან დამწყები ვარ კოდში და ბოდიშს ვიხდი თუ გაურკვეველია.

შეგიძლიათ ითამაშოთ ამ ბმულით

ისრის ღილაკებით თქვენ აკონტროლებთ თეთრ ბურთს და თქვენ უნდა აიცილოთ თავიდან წითელი ბურთი (ამჟამად მხოლოდ ერთია).

მე შევქმენი 2 ცვლადი: posX = 200 და posY = 200

Sketch.js– ზე მე შევქმენი ტილო ფუნქციის დაყენებაში 640x 480y- ით ნაცრისფერი ფონი ფუნქციის გათამაშებაში, შემდეგ შევქმენი თეთრი წრე პოზიციით posX, posY, 75, 75.

ნაბიჯი 1: წრის გადატანა

როგორც უკვე ვთქვი, თქვენ შეგიძლიათ გამოიყენოთ ისრის ღილაკები წრის გადასატანად.

ამისათვის მე შევქმენი ფუნქცია updatePositionEllipse ().

მე გამოვიყენე ეს პირობა მისი მუშაობისათვის: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

როდესაც ქვემოთ ღილაკს დააჭირეთ, წრე მოძრაობს ქვემოთ.

მე მას ვიყენებდი ყველა სხვა ღილაკზე, ასე რომ თქვენ შეგიძლიათ გადაადგილება მარცხნივ, მარჯვნივ, ზემოთ და ქვემოთ.

ნაბიჯი 2: ლიმიტის საზღვრების შექმნა

ტილოს ბოლოს თეთრი ბურთის გაჩერების მიზნით გამოვიყენე testOutOfScreen ფუნქცია.

მის შიგნით, მე გამოვიყენე პირობა if (posX> 600) {

posX = 600; ინსულტი წონა (6); ინსულტი ("ლურჯი"); ხაზი (637, 0, 637, 480); }

თუ x- ის პოზიცია აღემატება 600 -ს: ის ბლოკავს ბურთს და ის ხატავს ლურჯ ხაზს 6 -ით, რომელიც მოთავსებულია ტილოს მარჯვენა მხარეს.

მე ამას ვაკეთებ ყველა საზღვრისთვის.