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

cCanbaz dedi:

kanka hem elmayı almıyo hem kuyruğu uzamıyo yani elmanın üstünden geçiyo gibi düşün

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

Kanka dediğim gibi o zaman sadece elmayı gösteren kod doğru çalışıyor.Yazılım dilini bilsem tam yardımcı olacağım fakat yazılım mantığında her işleme ayrı kod yazıyoruz.Mesela her dilde böyle sen yılan üstüne geldiğinde elmayı yok et,yılan elmanın üstüne geldiğinde kuyruğu uzat diye kodladın.Görsel de sıkıntı yok senin komple elma kodların hatalı.En baştan yaz bence.

Wankula153 dedi:

Kanka dediğim gibi o zaman sadece elmayı gösteren kod doğru çalışıyor.Yazılım dilini bilsem tam yardımcı olacağım fakat yazılım mantığında her işleme ayrı kod yazıyoruz.Mesela her dilde böyle sen yılan üstüne geldiğinde elmayı yok et,yılan elmanın üstüne geldiğinde kuyruğu uzat diye kodladın.Görsel de sıkıntı yok senin komple elma kodların hatalı.En baştan yaz bence.

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

Eğer bir puan sistemi yapdıysan ve o da ilerlemiyor ise kesinlikle tüm elma kodları yanlış çalışıyor demek olur.Tek yerde değil yani sıkıntı.

kanka zahmet olcak ama ben araştırdım sublime text için linki bulamadım atar mısınız

Wankula153 dedi:

Kanka dediğim gibi o zaman sadece elmayı gösteren kod doğru çalışıyor.Yazılım dilini bilsem tam yardımcı olacağım fakat yazılım mantığında her işleme ayrı kod yazıyoruz.Mesela her dilde böyle sen yılan üstüne geldiğinde elmayı yok et,yılan elmanın üstüne geldiğinde kuyruğu uzat diye kodladın.Görsel de sıkıntı yok senin komple elma kodların hatalı.En baştan yaz bence.


Eğer bir puan sistemi yapdıysan ve o da ilerlemiyor ise kesinlikle tüm elma kodları yanlış çalışıyor demek olur.Tek yerde değil yani sıkıntı.

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

evet kanka puan da ilerlemiyo muhtemelen öyle
ve ayrıca videodan bakıp yaptığım için sadece olsun diye yapıyorum o videodan kodlama öğrenmek gibi bir amacım yok ama kendimi geliştirmeye çalışıyorum isterseniz bide kod


<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 = 5;
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;

if (this.positionX < 0) {
this.positionX = this.tileCount - 1;
}
if (this.positionY < 0) {
this.positionY = this.tileCount - 1;
}
if (this.positionX > this.tileCount - 1) {
this.positionX = 0;
}
if (this.positionY > this.tileCount - 1) {
this.positionY = 0;
}

this.trail.forEach(t => {
if (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();
}

if (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) {
if (e.keyCode === 37 && this.velocityX !== 1) {
this.velocityX = -1;
this.velocityY = 0;
}
if (e.keyCode === 38 && this.velocityY !== 1) {
this.velocityX = 0;
this.velocityY = -1;
}
if (e.keyCode === 39 && this.velocityX !== -1) {
this.velocityX = 1;
this.velocityY = 0;
}
if (e.keyCode === 40 && this.velocityY !== -1) {
this.velocityX = 0;
this.velocityY = 1;
}
}
}

const game = new SnakeGame();
window.onload = () => game.init();
</script>

kanka videoya baktım hem html hemde js kullanarak yazmışım

Orijinal kodlar github'da yer alıyor. İkicisi kendi yazdığın kodla, orijinal kodları karşılaştırmak için notepad++'ın compare plugin'ini kullanabilirsin.