15 Kasım 2013, Cuma

Nesne Odaklı Varlıkları Javascript Nesne Yönelimli Programlama Eğitimi Bootcamp 13 - Tuval

Bu egzersiz size kampüs varlıkları eklemek öğrenebilirsiniz nesne yönelimli bir şekilde kampüste yer her şeyi giymek Böyle kampüsünde koordinatları olarak onunla ait nesne özelliklerini değil onun dolgu rengi boyutlandırma ve daha bu bizi daha etkin tedavi sağlar bizim kampus çek ile ilgili farklı örnekleri olarak varlık ve gerçekten bir çocuk olur benim kampüs aynı anda birçok şeyi animasyon ile değer çarpışmalar Bu kod egzersiz biz bıraktığımız aynı kesin kodu ile başlayacak Biz animasyon tartışılan son egzersiz yani ders kodu yok olan sis gitmek ve o izleyebilirsiniz ve ben ders kodu almak

için bağlantıyı tıklayın tamam bu yüzden hedefimiz kampüs için bu iki dikdörtgenler eklemek için nesne yönelimli bir şekilde ve daha sonra biz yararlılığını ele alacağız bu yüzden yapacağım ilk şey animasyon fonksiyonu üz

erinde yukarı gidin ve fonksiyon rektal BJ kısa yazın küme ayracı açılış koymak dikdörtgen nesne açık yakın parantez ve sonra biz ayarını başlatmak yapmak için gidiyoruz şimdi kıvırcık taban kapatma Bu dikdörtg

“Ders Kodu: http://www.developphp.com/video/JavaScript/Object-Oriented-Assets-OOP-on-Canvas Böyle tuval üzerindeki koordinatlar, kendi dolgu rengi, boyutları ve da...”
Adam Khoury

en nesne için gerekli özellikler bu yüzden ilk özelliği temsil gidiyor bu stok X 0'a eşit kampüste fuar ve virgül ve beri koyacağız onun başka koyacağız ilgili Bu eşit hale neden özellik olarak adlandırılan yanı sıfıra Şimdi bütün mesele nesne varlıkları yönlendirilmesi bu özellikler her biri için farklı olabilir, böylece Biraz dikdörtgenler bir yüz diğer para olsa bile bu yüzden can Bu konuda neden üzgün olduğumu söylemek zorunda kadar ben bir yüz koymak zoru

Nesne Odaklı Varlıkları Javascript Nesne Yönelimli Programlama Eğitimi Bootcamp 13 - Tuval Resim 1 Nesne Odaklı Varlıkları Javascript Nesne Yönelimli Programlama Eğitimi Bootcamp 13 - Tuval Resim 2 Nesne Odaklı Varlıkları Javascript Nesne Yönelimli Programlama Eğitimi Bootcamp 13 - Tuval Resim 3 Nesne Odaklı Varlıkları Javascript Nesne Yönelimli Programlama Eğitimi Bootcamp 13 - Tuval Resim 4

nda bile Kampüste dikdörtgenler Ben bu harap nesneye yeni örneklerini oluşturabilir ve bunların her biri olabilir Farklı X ve Y onlar animasyonlar zamanla değişebilir koordinatları nesne yönelimli kod çok kullanışlı olmasının nedeni budur ve Biz bir özellik en ortaya koydu beri artık bir sonraki şey yapacak Şimdi bu nesneye bir yöntem kurmak izin ve render isim olacak bu nedenle bu nokta türü işlemek eşittir Sorumlu fonksiyon bazı argümanlar alımı için bize izin en bu işlev hale gereken ilk argüman olarak küm

e parantezi alalım Emme CTX nesne ve bir sonraki argüman olacak emme olacak dikdörtgenler sergi ya da tip rx olduğunu Ben ve biz dikdörtgenler neden pozisyonları veya türünü bilmeniz gereken bizim neden biz dikdörtgenler ve dikdörtgenler bilmeniz gereken boy ve en son rengi tamam şimdi içinde bu var Biz CTX nokta gidiyoruz nerede hale yöntem ama Phil tarzı ağları CLR eşit olabilir Bu fonksiyon içine geliyor bizim renk argüman olacak olan ne zaman denir ve sonra nihayet biz CTX nokta koymak Phil recht ve bunun için biz rx ihtiyacımız dikdörtgenler y konumu dikdörtgenler ile ve dikdörtgenler yüksekliği ile dikdörtgen ve yüksek unutmayın Ayrıca bu nesneye özellikleri olarak yapılabilir Ben sadece basit tutuyorum Bu temel gösteri şimdi hepimiz nesneyi harap kurmak ve gitmek için hazır olan var Şimdi biz bu nesnenin kadar yeni örneklerini oluşturabilirsiniz ve istediğimiz gibi birçok notunda bazı tip diyor Onları yeniden önlemek için animasyon işlev dışındaki varlıkları kurmak animasyon işlevi o kadar çalışan her zaman biz ne yapacağız var onlar çok harap oldum biri eşittir deniz noktalı virgül yeni harap nesne açık / kapalı baskı Şimdi en iki dikdörtgenler ihtiyacımız çünkü oluşturmanıza izin İkinci birine harap isim ve aynı zamanda servis anında var 0 Ana y özelliğine eşit bir X özelliğine sahip olacak demektir harap nesne 0'a eşit Andrew da aramak mümkün Bu işlevi işlemek veya bu bazen insanları görürsünüz yöntem hale Bir döngü içinde yeni nesneler yaratmak böylece 100 defa çalıştırmak için bir döngü ayarlayabilirsiniz Kampüste yüz farklı nesneler oluşturmak içinde kod üç satır kullanarak ama çok döngü içinde yaparken ben oluşturmak sadece alacağım şimdi biz yapacağız yani her biri ayrı ayrı bu yüzden öncesinde kendimizi tamam alamadım nerede bu iki dikdörtgenler aşağı gitmek Phils tarzı kurulması ve dikdörtgenler biz konum kampüs çizim edildi olacak bu satırları kaldırın ve ilk dikdörtgen türü için bir nokta harap edilmiş yöntemi işlemek bunun içinden CTX nesnesini iletin edeceksin ve bunların hepsi vardır o geçerken parametreleri yüzden biz aslında sadece bu kopyalayabilirsiniz Burada bir yerde bu hakkı koymak oluyor ve CTX nesnesi içinde kullanılabilir animasyon işlevi yüzden içine kadar geçebilir biz orada geçirilerek konum neden yüzden doğrudan nesne yöntemi hale ve doğru buradan geliyor ilk dikdörtgen gördüm dinamik yüzden yazdığınız bir neden pozisyon vardı statik fuar 0 ama içinde harap Tek nokta harap hatırlıyorum neden bir nokta neden bir özelliğidir biz burada erişebilirsiniz harap nesne bu yüzden durmak ve yüksekliği ile elli olmak istiyorum ve ilk dikdörtgen oldu Eflatun şimdi diğer dikdörtgen almak için Ben harap içinde olacak tip değilim animasyon kampüsünde çekilmiş harap nesne instanceof aşağıdaki ulaşmak için Biz yazın böylece bu bir dinamik X pozisyon vardı X nokta için harap ve statik vardı 0Y konumu ve elli kadar da elli oldu ve bunun yerine neden artı artı indeksi söyleyerek artık mavi Phil vardı yanması artı artı Biz yapacağız harap demek olduğunu, bir nokta beyaz artı artı ve X nokta için harap artı artı şimdi size bir kaç yenileme daha önce olduğu gibi aynı sonuçları elde bkz Ben ne yani ben yapacağım burada bir nokta X harap eklemek olduğunu aynı zamanda, neden özelliği vardı tek arka X özellik ve doğru harap olduğunu gösterir ne şimdi aynı etkiyi almak gerekir Bu yüzden nokta olduğunu ve bu nokta X bağımsız kalıyor eğer öyleyse sizin kampüste yüz dikdörtgenler vardı her bu harap nesnesi aracılığıyla bunların özelliklerini başvurmak ama hepsi bu özellikleri için farklı değerler olurdu Ben onlar arasında yarış gibisin, bu tür aynı şekilde gitmek yapmak için gidiyorum Ekran ben koyacağım, böylece bir X harap artı artı artı artı iki neden değişti X artı artı Hadi onlar bize verir ne görelim ve birbirinin üstüne sağ yüzden bu etkiyi almak için biliyorum Ben mavi dikdörtgen başlangıç ​​yapmak zorunda Daha sonra farklı bir y 0 konumunda Peki ne yapmam gerekir benim animasyon fonksiyonu üzerinde yukarı gidersiniz olduğunu ve ben sadece niçin eşit rec 2 nokta say 50 Aslında en yüz böylece biri arasında bazı boşluk olduğunu yapalım yukarıda ve sonra CC yenileyin Şimdi ekranın onlara diğer CBO genelinde yarış gibi görünüyor Yeğenim biraz daha hızlı gitmek, ikinci bir istedim sadece can Zaman o Sun diğer hız faktörü çarpar için fuar yenileme ve şimdi onun yarış kazanan gibi şimdi dediğim bu değerler gibi Örneğin yüksekliği ile renk dikdörtgenler da olabilir özellikleri olarak kurulan Bu oluşturduğunuz zaman sağ demektir yani doğrudan nesne kadar senin bu yeni nesneler% um onun özelliklerini ayarlamak instanceof yani genişlik için örneğin söylemek istiyorum harap tek nokta W ikinci dikdörtgen için aynı şeyi görmek gerekir Böylece biz içine gitmek anlamına gelir onun ile temsil W nokta için harap bizim nesne Biz virgül 0'a eşit bu nokta kırbaç koymak ve ardından nesne biz bir harap tipi oluşturulduğunda dot 50 eşit kamçı ve biz de aynı şeyi yapmak zorunda Ben ile karşı wrecked için Eğer örnekleri yaratmak için herhangi sağladığınız olan nesnelerdir onlar yerinde olan varsayılan farklı bir ihtiyacım özellikleri onlar yerinde olan varsayılan farklı olması gerekir, böylece nesnenin içinde o zaman şimdi biz o koşmak onları burada kurmak Orada biz gitmek Bir bu çarpışma ve ikinci dikdörtgen Y miras oldu oldu mülkiyet ve ilk dikdörtgen Eğer uygulama sorunları görürdünüz Bu tüm bu nesnenin tüm özelliklerini saklamak için izin verir örnekleri ve ayrı ayrı tamam böylece dinlemek ve olabilir Sizin varlıkları ekleyebilirsiniz nasıl Eğer bir kurucu kullanmanızı sağlar odaklı bir şekilde nesne çok çok çok farklı varlıklar için daha kolay yapabilirsiniz şeyler benim konum yukarı fuar olduğu gibi sekmeler tutmak ama sen programlama hit test fonksiyonu bilmek X & Y koordinatları bu içinde kampüs varlıkların her biri için nerede işlev o gerçekten kullanışlı geldiğinde sadece ne olursa olsun nesne yazdıkça var dot X bunu fuar olsun.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Object-Oriented-Assets-OOP-on-Canvas Böyle tuval üzerindeki koordinatlar, kendi dolgu rengi, boyutları ve daha fazlası gibi tuval üzerine yerleştirilen her şey benzersiz özellik değerlerine sahip bir nesne olduğu için bir nesne yönelimli bir şekilde tuval varlıkları eklemek öğrenin. Bu bize daha etkili nesnelerin eşsiz örnekleri olarak bizim tuval varlıklarını tedavi sağlar ve aynı anda birden fazla varlık özellik değerlerini canlandırarak zaman değer çarpışmaları önlemek yardımcı olur.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



10/10

  • 51
    Olumlu
  • 0
    Olumsuz
  • 7
    Yorum
  • 4638
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • lane182videos

    lane182video

    6 EKİM 2011
  • The Platform

    The Platform

    14 HAZİRAN 2006
  • ThePhestor

    ThePhestor

    22 Mart 2011

ANKET



Bu sayfa işinize yaradı mı?