İçindekiler:

JeuTropFacile - WayTooEasyGame: 3 Adım
JeuTropFacile - WayTooEasyGame: 3 Adım

Video: JeuTropFacile - WayTooEasyGame: 3 Adım

Video: JeuTropFacile - WayTooEasyGame: 3 Adım
Video: Are Golf Balls Making the Game Too Easy? | Inside The Game 2024, Kasım
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Bu tamamen HTML ve JavaScript üzerinde P5js kütüphanesi ile yapılmış bir oyundur. index.html ve sketch.js adında 2 dosya var. Kodda çok acemiyim, bu yüzden net değilse özür dilerim.

Oyunu bu linkten oynayabilirsiniz

Yön tuşları ile beyaz bir topu kontrol ediyorsunuz ve kırmızı toptan kaçınmanız gerekiyor (şu anda sadece bir tane var).

2 değişken oluşturdum: posX = 200 ve posY = 200

Sketch.js'de, fonksiyon çiziminde gri bir arka plana sahip 640x 480y ile fonksiyon kurulumunda bir canva oluşturdum, ardından posX, posY, 75, 75 üzerinde pozisyonu olan beyaz bir daire oluşturdum.

Adım 1: Daireyi Hareket Ettirmek

Daireyi Hareket Ettirmek
Daireyi Hareket Ettirmek

Daha önce de söylediğim gibi, daireyi hareket ettirmek için yön tuşlarını kullanabilirsiniz.

Bunu yapmak için updatePositionEllipse() işlevini oluşturdum.

Çalışması için bu koşulu kullandım: if (keyIsDown(DOWN_ARROW)) {

konum += 5;

}

Aşağı tuşuna basıldığında daire aşağı doğru hareket eder.

Sola, sağa, yukarı ve aşağı hareket edebilmeniz için diğer tüm tuşlarda kullandım.

Adım 2: Sınır Sınırları Oluşturma

Sınır Sınırları Oluşturma
Sınır Sınırları Oluşturma

Beyaz topun tuvalin sonunda durmasını sağlamak için testOutOfScreen işlevini kullandım.

Bunun içinde if (posX > 600) { koşulunu kullandım.

pozX = 600; vuruş Ağırlığı(6); vuruş('mavi'); satır(637, 0, 637, 480); }

x'in konumu 600'den üstünse:topu bloke eder ve kanvanın sağ tarafında 6 kenarlıklı mavi bir çizgi çizer.

Bunu her sınır için yapıyorum.

Önerilen: