Yazılan yılan oyunundaki kod hatası nerede?

cCanbaz dedi:

Sürprizbozan: --

<Canvas ID="Game" width="400" height="400"></canvas>

<Script>
Class SnakeGame {
constructor() {
This. Canvas = document. GetElementById('Game');
This. Context = this. Canvas. GetContext('2D')
Document. AddEventListener('keydown', this. OnKeyPress. Bind(this));
}

init() {
This. PositionX = this. PositionY = 10;
This. AppleX = this. AppleY = 5;
This. TailSize = 1;
This. Trail = [];
This. GridSize = this. TileCount = 20;
This. VelocityX = this. VelocityY = 0;

This. Timer = setInterval(this. Loop. Bind(this), 1000/15)
}

reset() {
ClearInterval(this. Timer);
this.init();
}

loop() {
this.update();
this.draw();
}

update() {
This. PositionX += this. VelocityX;
This. PositionY += this. VelocityY;

İf (this. PositionX < 0) {
This. PositionX = this. TileCount - 1;
}
İf (this. PositionY < 0) {
This. PositionY = this. TileCount - 1;
}
İf (this. PositionX > this. TileCount - 1) {
This. PositionX = 0;
}
İf (this. PositionY > this. TileCount - 1) {
This. PositionY = 0;
}

This. Trail. ForEach(t => {
İf (this. PositionX === t. PositionX && this. PositionY === t. PositionY) {
this.reset();
}
});

This. Trail. Push({positionX: This. PositionX, positionY: This. PositionY});

While (this. Trail. Length > this. TailSize) {
this.trail.shift();
}

İf (this. AppleX === this. PositionX && this. AppleY === positionY) {
This. TailSize++;
This. AppleX = Math.floor(Math.random() * this.tileCount);
This. AppleY = Math.floor(Math.random() * this.tileCount);
}
}

draw() {
This. Context. FillStyle = 'Green';
This. Context. FillRect(0, 0, this. Canvas. Width, this. Canvas. Height);

This. Context. FillStyle = 'white';
This. Context. Font = '20px Arial';
This. Context. FillText(this. TailSize, 5, 20, 40);

This. Context. FillStyle = 'Black';
This. Trail. ForEach(t => {
This. Context. FillRect(t. PositionX * this. GridSize, t. PositionY * this. GridSize, this. GridSize - 5, this. GridSize - 5);
});

This. Context. FillStyle = 'Black';
This. Context. FillRect(this. AppleX * this. GridSize, this. AppleY * this. GridSize, this. GridSize - 5, this. GridSize - 5);

}

OnKeyPress(e) {
İf (e. KeyCode === 37 && this. VelocityX!== 1) {
This. VelocityX = -1;
This. VelocityY = 0;
}
İf (e. KeyCode === 38 && this. VelocityY!== 1) {
This. VelocityX = 0;
This. VelocityY = -1;
}
İf (e. KeyCode === 39 && this. VelocityX!== -1) {
This. VelocityX = 1;
This. VelocityY = 0;
}
İf (e. KeyCode === 40 && this. VelocityY!== -1) {
This. VelocityX = 0;
This. VelocityY = 1;
}
}
}

Const Game = New SnakeGame();
Window. Onload = () => game.init();
</Script>

Bir yılan oyunu yapıyorum, yılan çalışıyor ama elmayı yemiyor, içinden geçiyor. Nasıl çözebilirim?

Genişletmek için tıkla...

VI.Extu dedi:

JavaScript kullanmışsın ben backend geliştiriciyim dili bilmiyorum ama galiba; koymayı unutmuşsun this. Context bölümüne bak bir de IDE üzerinden hata alıyorsan hatayı yazki ne olduğunu anlayalım.

Genişletmek için tıkla...

cCanbaz dedi:

kanka ben yaptım olmadı ve IDE dediğin ne benim pek bir bilgim yok ben sadece videodan bakıyorum istersen linki

Bu içeriği görüntülemek için üçüncü taraf çerezlerini yerleştirmek için izninize ihtiyacımız olacak.
Daha detaylı bilgi için, çerezler sayfamıza bakınız.

Üçüncü taraf çerezlerini kabul et

Genişletmek için tıkla...

cCanbaz dedi:

Kanka işte dediğin şeyi yaptım zaten kendim de kavramaya çalışıyorum ama bunu değil bu bana fazla ayrıca sublime text kullanıyorum ve hala aynı hata var ama bence onda sıkıntı olsaydı zaten ekrana bir görüntü gelmezdi çünkü o 2D mi 3D mi onu kontrol ediyor ve ben oraya 3D yazdığımda ekrana görüntü gelmiyor

Genişletmek için tıkla...

cCanbaz dedi:

kanka yani dediğin syntax console gibi mi? çünkü öyleyse bende hiçbir sorun yok gözükmüyo hata sadece oyunu denediğimde var ama elmayı almadığı için elmayı alınca kuyruğu uzayacak mı bilmiyorum orada sıkıntı var mı merak ediyorum

Genişletmek için tıkla...

cCanbaz dedi:

Kanka yani dediğin syntax Console gibi mi? Çünkü öyleyse bende hiçbir sorun yok gözükmüyor hata sadece oyunu denediğimde var ama elmayı almadığı için elmayı alınca kuyruğu uzayacak mı bilmiyorum orada sıkıntı var mı merak ediyorum

Genişletmek için tıkla...