Çözüldü JavaScript ile 2B Animasyon Nasıl Yapılır?

Son Hava Bükücü · 28 Eylül 2020

Merhabalar, ben flappiy bird benzeri bir oyunu JavaScript ile yapmak istiyorum. Bir resmi nasıl hareket ettirebilirim(2D).

berk1937 · 28 Eylül 2020

HTML'in Canvas etiketi ve JavaScript ile yapabilirsin.
Örnek ve iyi bir kaynak:

Basic animations - Web APIs | MDN

Since we're using JavaScript to control <canvas> elements, it's also very easy to make (interactive) animations. In this chapter we will take a look at how to do some basic animations.

developer.mozilla.org

Cortana12 · 28 Eylül 2020

Başlık biraz garip?

264523 · 28 Eylül 2020

Tam olarak yapmak istediğiniz bilmiyorum ama Selman Kahya güzel anlattığını düşünerek bu videoyu bıraktım.

Son Hava Bükücü · 28 Eylül 2020

Cortana12 dedi:
Başlık biraz garip?

Otomatik öyle ayarlıyor.

berk1937 dedi:
HTML'in Canvas etiketi ve JavaScript ile yapabilirsin.
Örnek ve iyi bir kaynak:

Basic animations - Web APIs | MDN

Since we're using JavaScript to control <canvas> elements, it's also very easy to make (interactive) animations. In this chapter we will take a look at how to do some basic animations.

developer.mozilla.org

Canvassız yapacağım normal bir resmi.

berk1937 dedi:
HTML'in Canvas etiketi ve JavaScript ile yapabilirsin.
Örnek ve iyi bir kaynak:

Basic animations - Web APIs | MDN

Since we're using JavaScript to control <canvas> elements, it's also very easy to make (interactive) animations. In this chapter we will take a look at how to do some basic animations.

developer.mozilla.org

Ben ufak bir yol buldum aslında

window.addEventListener("keydown",checkKeyPress,false);
function checkKeyPress(key){
if(key.keyCode == 39){
document.getElementById('boru1').style.marginLeft=;
}
}

Şöyle bir kod yazdım lakin marginLeft değerine örneğin 851 veriyorum kodum çalışmıyor.Hareket etmiyor.

berk1937 · 28 Eylül 2020

Böyle bir şey yapmak istiyorsun anladığım kadarıyla:

Plunker - Untitled

Untitled

plnkr.co

Klavyendeki ok tuşları ile deneyebilirsin.

Çözüldü JavaScript ile 2B Animasyon Nasıl Yapılır?

Ayrıntılı düzenleme

Son Hava Bükücü

Picopat

berk1937

Plunker - Untitled

berk1937

Kilopat

Basic animations - Web APIs | MDN

Cortana12

Hectopat

264523

Gigapat

Son Hava Bükücü

Picopat

Basic animations - Web APIs | MDN

Basic animations - Web APIs | MDN

berk1937

Kilopat

Plunker - Untitled

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz