| İçindekiler |
|
| Düğme basılı | Duyarlı düzenleri |
Oyun bir döngü oluşturma
Oyunlar, Resimler veya Sprite oluştururken, öğeleri karakterler, araçlar veya patlamalar gibi oyunlarda temsil etmek için film eklenir. Hareketli grafiğin konumunu defalarca bir saniye üzerinden bağlı olarak bazı oyun mantığı bir döngü içinde ayarlanır. Her film olarak adlandırılan oyun döngüde bir inşa etti 'Güncelleme'. Ne zaman animasyon güncellemeleri ve -ebilmek bulunmak içinde film özellikleri denir.
Yeni bir film oluşturabilir ve bir sprite olarak da adlandırılan bir resim ekleme. Bir plaj topu kullandım.
 | İçe aktarma |
Bu görüntüyü bilgisayarınıza kaydetmek için tıklatın.
BeachBall.png
zaman çizelgesi plaj topu ilk karesini özelliklerinde set kapama kendi 'Komut dosyası kimliği' için Ball. Zaman çizelgesi Javascript kullanarak kontrol edilebilir için topu sağlar.
Plaj topu yapacağız sıçrama film. Yani bazı hız değişkenlerinin ihtiyacımız 'Genel' komut dosyası olayı. Herhangi bir başlangıç değerleri getirir.
İçinde 'Güncelleme' olay, biz-ebilmek yapmak hareket hızı değerleri ekleyerek top X ve Y değerleri top.
Ball.Y+=VelocityY;
Filmi test için Oynat tuşuna basın. Top düz kapalı film uçması gerektiğini.
 | Play |
X Ve Y topu orta noktasının özellikleridir. Bu değerler genişlik ve yükseklik film karşı kontrol ederek Topu Zıplatın görmek için kontrol edebilirsiniz. Top sıçrama için sadece hızı ters.
Ball.Y+=VelocityY;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Filmi tekrar test için Oynat tuşuna basın. Top şimdi etrafında dönen.
Film HTML'ye Aktar ve topu oyuncu için biraz daha farklı bir hızda hareket dikkat edin. Bunun nedeni farklı web tarayıcıları ve farklı cihazlara farklı hızlarda çalıştırın.
Her yerde aynı hızda hareket topu yapmak için güncelleştirmeleri arasındaki zaman farkı hesaplamak gerekir. 'Güncelleme' Olay sadece bunu iki yararlı değişken içerir. TimeChange: Son güncelleştirmeden bu yana geçen çerçeve sayısı. SecondsChange: Son güncelleme beri geçen saniye sayısı. Bu değerler olup film veya durduruldu olarak bağımsızdır. Onlar sadece son güncelleştirmeden bu yana tam zamanı hesaplamak için bir yoldur. Her zaman aynı hızda çalışır animasyon yapmak için konum, açı ve opaklık her değişiminde saat veya dakika değişikliği ile çarpımı gerekiyor.
Ball.Y+=VelocityY*TimeChange;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Film oynatıcı ve HTML sınayın. Top, hem de tam olarak aynı hızda hareket etmeliyiz.
| Düğme basılı | Duyarlı düzenleri |