18 Mart 2014, Salı

Bellek Oyun Programlama Javascript Öğretici

Mmm geçmiş Bu programlama egzersiz size güç bir javascript oluşturmak için öğrenebilir hafıza oyunu Kolayca geliştirmek ve becerileri JavaScript gibi geliştirmek olarak uzatabilirsiniz programlama İlk üyenin egzersiz bitirmek ürünü gösteren bir demo bir göz atalım istediğiniz gibi hafıza oyunu gibi birçok otomobil olabilir Araç geri üsleri onları koymak istiyorum herhangi bir grafik olabilir Bir maç yapılmaması halinde geri üzerinde kartları açmak için reprogrammed Bir maç maç sonra her iki kart yapılırsa saygısız kalır ve tüm maçları bulundu, program bütününü görev değişikliği Tüm kartlar y

eni yerlerde olan yönetim kurulu, böylece Ben bir maç FNK yapabilirsiniz bakayım GNH AT & T Dez farklı bir K var Ben şimdi bir maç Vuruldum beri bir que var ikisi de Flip kalır ve ben yönetim kurulu oynamaya

devam o benim bellek oldukça iyi üzerinde oldu izin bazı neredeyse olumlu gittiğini beri merak edilecek 3d uzayda bu kartları çevirmek için nasıl bu yüzden gerçek bir saygısız animasyon ben bir süre koymak

“Ders Kodu: http://www.developphp.com/video/JavaScript/Memory-Game-Programming-Tutorial Bu programlama egzersiz size yeteneklerinizi JavaScript programcısı olarak ...”
Adam Khoury

bir öğretici var kılan önce olduğunu gösterir Eğer gerçekten en kazanmak çünkü gerçek 3d saygısız kartları kendi deneme yanılma ve deneylerle Beni çıplak kemikleri ile başlayalım bir html5 web belgesi var zaten bir betik elemanı ve yerinde bir stil öğesi bu şekilde biz sahip sadece Burada bizim CSS koymak ve burada JavaScript yansıtmak istiyorsanız size kalmış tamamen var neru CSS ve Javascript Yaptığımız ilk şey sayfasındaki gövde elemanının içine gidin ve

Bellek Oyun Programlama Javascript Öğretici Resim 1 Bellek Oyun Programlama Javascript Öğretici Resim 2 Bellek Oyun Programlama Javascript Öğretici Resim 3 Bellek Oyun Programlama Javascript Öğretici Resim 4

biz bellek kartıdır sanat gülüm ver gülüm koymak için gidiyoruz Şimdi CSS içine kadar gitmek ve hafıza kitabı etkileyecek gidiyor bir kural koymak bellekte uygulanan bu özellikler binen O kardeş Grace girilen kutusu işler ile en başa edelim kadar Javascript bar oyun programlama bir sürü olacak olacak olan küçük bir çocuk kartları temsil olacak dinamik bu hafıza kartına yerleştirilir bu yüzden tüm dinamik küçük çocuklar için bir daha stil kuralı koymak yapmak zorunda Boyd bu yüzden hedef belleğe yerleştirilmesini gidiyor

uz yaptım iyi bir fikir bellek yönetim kurulu ve biz alt hedef bu kuralı belirtin İşler orada onları değiştirir, böylece ne zaman çocuk hafıza kartına içinde verir kendilerine uygulanan tüm bu basit özelliklere sahip olacak ve işte tüm CSS Bizim program çok ihtiyaç Sadece go ahead daraltmak izin gidiyor tüm stil ne zaman yolumuza biz yapacağız ilk şey yapmak gerekmez JavaScript Elimizdeki bu yüzden bazı değişkenleri başlatıldı Dört değişken şimdi bu birinci değişken başlatıldı tüm içeriği tutan bir dizidir o yüzden kartları altında saklanıyor D olacak kargaşa içinde her öğe altında saklandığına gidiyor içeriğini temsil Her kart temelde işte kullanılan karışıklık iyidir dinamik tüm kartlar bir sonraki değişken oluşturmak için boş bir dizi olduğunu ve bellek değerlerini geri var ve biz sonraki değişken kullanmak için gidiyoruz nereye komut size göstereceğim Başka bir boş bir dizi ancak depolar hafıza kiremit kimliği en biz çini için bir değişken olduğunu biliyorum sadece kaç fayans izleyebilmek için işte dudak şimdi yapacağız bizim script yapmak konum sonraki şey çevrileceği Biz diziye bir shuffle yöntemi eklemek için gidiyoruz olduğunu javascript nesne Paul tarafından çünkü javascript array nesnesi shuffle yöntemi vardı kolayca yapabilirsiniz giriş böylece kendi mağaza yakındı geçerli olacak ve prototip özelliği kullanacak Tüm dizi nesnesine doğrudan ilave ve temelde bu yüzden yerinde bu koyuyorlar burada disarray tüm kartları kolayca her zaman karıştırılan içimizdeki gereken temsil ettiği Program ve ben kendi shuffle netleştirilerek ekleme hakkında öğreticiler yaptık Tamam şimdi biz kimden başlatılamıyor ettik tecavüz JavaScript değişkenler ve katma bir shuffle yöntemi javascript şimdi de koymak Dizi nesne yeni bir yönetim kurulu oluşturmak için olacak yerde işlev Gerçekten yapmamız ilk şey o kadar değil biz fayans yapmak Geri 20 dudak değişkeni, yeni bir yönetim kurulu oluşturulur her zaman Onları çıkış için boş bir değişkeni aldığımız bir sonraki çizgi oluşturmak hafıza dizisi Burada bozmak ve bellek Çini Dükkanı üzerine meditasyon olacak koşmak hangi biz aracılığıyla dizi nesnesine eklenen yeni shuffle yöntemi prototip Eğer bu diziyi shuffle istediğiniz zaman yani bu bir satır çalıştırmak yapmak zorunda temelde bir karıştırma kartları bana bir for döngüsü çalıştırmak izin uzunluğu boyunca bu dizi temelde tüm ama tüm kartları olmak gerekir Birlik, tüm küçük çocuklar çıkış değişkeni eklemek bu kartları temsil böylece her küçük kimliğini elde etmedi İlk gülüm ver gülüm bu kadar dinamik kiremit numarası Bu döngüde bir fikir çini 0 altını olacak karo tane çizgi ikinci verilen bu döngü olacak ve benzeri ve benzeri sonra click olayı her vermek Ben bir yerde denilen hafıza ı olacak saygısız içinde olacak yeni bir fonksiyon sıkarım Bu fayans üzerinde saygısız sorumlu bir işlev olacak ve biz iki değişkenli veya iki göndermek edeceksin temsil edecek argümanlar, bu Bizim bellek Seni yumruk edeceğiz dönmüş, böylece hangi herkesin olacak erişiliyor edilir Bu erişim biz aracılığıyla göndermek istediğiniz nesneyi ve sonraki değişkeni çağıran veri nedenle temelde kartları vaiz olduğunu birinci pasif Bu döngü bu bölgesindeki içinde değer olacak küllük burada olacak Dizideki bu eleman yüzden her küçük kart Bellek çevrilmiş çalışır tıklandığında ben asla yazma hakkı işlev edeceğiz şimdi ve daha sonra sonra bir döngü için sadece tüm o küçük kartlar yerleştirmek Bellek çocuğa içine koymak çıktı Belgeyi diyerek ben eleman bol bellek kartını almak bu iç HTML oluşturulur tüm çıkış eşittir saygısız Bu döngü içinde şimdi bu nokta önce olacak fonksiyonu HTML aşağı gidebilir yerine koymak Sağ hafıza kartına altında bu hat koyabilirsiniz Çene Brian kurulu oluşturur o yeni yönetim kurulunu yapacak Burada var gibi şimdi bunu elemanı yersiz koyabilirsiniz veya görüş bir pencere ekleyebilirsiniz JavaScript Yüklenen için olay dinleyicisi eklemek dot pencere girdi ve yeni yönetim kurulu işlevi çalışmasını sağlamak Pencerenin için yük olayı için reklam olay dinleyicisi ister penceresinde dolu bir gun çalıştırmak için bu yeni yönetim kurulu işlevi koymak için tamamen size kalmış ya da ben burada yaptığım gibi bunu sadece yapabilirsiniz sayfa var sırf iki erişimini yapıyor Bellek kartının biz kurulu olduğunu doldurabilirsiniz yaptım önce nerede ve biliyorum sayfa artık yüklenirken zaman bizim lehimize teslim. Tarayıcı Biz dinamik Boyd tüm küçük kartlar vardır üretilen sahip olduğunu göreceksiniz yer biz onları tıklarsanız ve şimdi hiçbir şey büyük sürüngeni yok çünkü olur yerinde işlevi henüz ve biz şimdi yerinde olacak koymak konum ne tamam şimdi fonksiyon bellekte olacak koymak ben olacak saygısız konum onlar tıklandığında olduğunuzda o küçük kartlar herkes iki referansı vardır ve burada yaptığı son iki argüman bu yumruk hatırlıyorum dinamik ve ilk argüman temsil Gerçek olan varlık tıklandığında ikinci argüman vermek Bu dizi öğesi içinde içeriği temsil tamam bu yüzden yeni yönetim kurulu olarak yumruk altında gidelim bir satır aşağı git ve biz r Bellek onu yumruk edeceğiz saygısız yer olacak nerede ve ben bu işlevi içindeki her tek satır açıklamaya gidiyorum merak etmeyin bu yüzden kimse başlatıldığında yol şey hakkında karanlıkta biz kapmak çok basit mi O fonksiyonuna gelen argümanlar doğru burada oluşturulan Biz kartı böylece her okul kitaba bu iki argüman yaptı veya bu durumda ben ben olacak denilen ve daha sonra biz onun var değer, biz olmadığını görmek için kontrol ilk o durum için yani HTML kiremit nokta boştur ve Lange hafıza değerleri içine az başlangıcı hatırlıyorum bellek değerleri dizisi yalnızca karo boş olduğunu HTML boş ve hafıza lange ikiden az olduğunu değerleri Daha sonra ve ancak ondan sonra soğuk olmasına rağmen İran'a işlev içinde tüm bu soğuk görebilirsiniz durum yerli durum burada kapanır eğer içinde sarılır bu nedenle bu kodun hiçbiri bu sürece çalıştırmak için gidiyor Kullanıcı kartları başka tıkladığında durum bir değer true dönerse onları koy Bu eğer koşul doğru için değerlendirir ve doğru dönerse o zaman biz beyaz kartlar tarzı arka plan yapmak biz beyaz bir arka plan biz yeni tarayıcısı bakabilirsiniz o bir beyaz arka ben de olacak yer alır ben tıklandığında görebilirsiniz değer İç HTML içine kiremit bu şekilde yani zaman onun Flip o da artık yürütüyor gösterilen değeri alır o hafıza değerlerinin dizisini değerlendirmek için gidiyor şart 0 ise uzunluğu 0 olup olmadığını görmek ve biz itmek için gidiyoruz varsayılan boş başladığı Bellek değerleri diziye yeni değer kişi daha sonra bellek Kyle tıklayarak bir kart için ID'nin dizi biz kiremit ID itmek ancak kart kimlik kimse kullanıcıları tıklayarak o Biz Hafıza değerleri dizisi r ve ben M8 ben bunlar vardır gibi hem kullanıcılar hem de tıklayarak sepeti temsil değerlere sahip Bellek değerleri boş değilse şimdi 0 değil o zaten bir tane olabilir anlamına gelir o zaman bu başka bir durum içinde olacak yangın ve daha sonra bu soğuk çalışmaz ama çok çalışacak tüm bu kod ALCS Lang değerinde bellek zaten var demektir 1'e eşit olduğu bir bir kart devrildiğinde ve kullanıcılar artık ikinci bir tıklayarak Sonra biz içine değer yeni ikinci araba Dick yalama M itme almaya gidiyoruz Hafıza değerleri dizisi Ben itme olduğumu bellek kiremit kimliklerinin diziye kiremit kimliği Her iki kart ise koşul görmek için eğer o zaman olacak başka koşmak konum bir maç Bu küçük durumda her iki kart bir maç olup olmadığını kontrol etmek yerine ayarlanır Bellek değerleri dizi elemanı bir bellek değerleri diziye eşit olup olmadığını görmek için kapatmak için demagoguing element biz bu kiremit böylece bir maç olduğunu biliyorum çünkü karoların üzerinde bir değişken döndürerek bitecek koymak kalmak iki fayans defterine eklemek zorunda Değişken ve yaptığımız bir sonraki şey diziler hem açık ve yeni bir eşleme dizisi için onları hazır olsun Bu dizileri hem temizleyerek yeni bir eşleme dizisi için hazır olsun Kullanıcı sadece bir maç ve son şey yaptı çünkü biz bu burada yapmak durumdur else if biz fayans olmadığını görmek için kontrol çevrilmiş değişken Boyd adlı bütün hafızasına eşittir uzun uzadıya yükseltilmiş kiremit olmadığını görmek için kontrol bkz saygısız tüm karoları temelde tüm karoları olup olmadığını görmek için alıyor devrildiğinde Tüm karşılaşmalar sonra yapılmış size kurulu diyor bir uyarı koşacağız Yeni yönetim kurulu üreten temizlenir Kullanıcı tamam tıkladığında sonra gidiyor Tamamen bellek panoları iç HTML temizlemek Onlar fayans dinamik yerleştirilecek biliyordum bu yüzden ve daha sonra yeni bir yönetim kurulu oluşturmak Orada rastgele pozisyonlarda tamamen yeni bir shuffle olacak Bu sonraki başka durum son biraz mantık Bizim program dahilinde ve burada durum eğer bu bağlı bulunuyor Maçlar yaptıysanız durum görüyordum sanki hatırlamak eğer öyleyse maç için bu başka koşul dersleri Hiçbir maç var içinde iki kart devrildiğinde kullanıcıya yapılmaz ve biz bu durumda soğuk bu biraz koşmak Kullanıcı iki kart saygısız ve hiçbir maç yapmış ise yani temelde ne yaptık ben burada bir setTimeout koymak olduğunu Bu iki kart yarım saniye boyunca biraz geri çevirmek yapmak Eğer ayrılmak istiyorsan ve bu iki araba daha uzun bir süre için devrildiğinde Sadece iki saniye gibi koyabilirsiniz ama ben yarım saniye boyunca sadece biraz olmak istedim bu yüzden yedi yüz milisaniye üzerine koydu ikinci 500 var milisaniye yüzden 97 kadar sonra var Saniyenin onda yedisi geri üzerinde olacak Flip bu iki araba konum ve işlevi geri çevirme denilen bir işlevini çağırır Burada oturuyor geri çevirmek ve temelde bu duba Ne öyle im üzerinde onları geri çevirmek neden stirs take ve emin olun size açık hem de bellek değerleri dizisi de ve ben bir aktif arzu bellek kiremit üzerine geri onlara izin şimdi bitirmek program var ama bizim lehine tarayıcısında bir testi beri hafıza kartları 10 a birini tıklatın gördüm Jay değil hızlı bir kimse onlar hızla döndü hiçbir maç var çünkü Geri üzerinde Azadî'nin AG NH herhangi biri olduğu Bir que bir F que edilir ise Ben her ikisi de devredilebilecek kalır bir maç yaptı beri que şimdi var Öyle biri hariç tüm maçları yapılan noktası var bu yüzden beni son maç için gidelim ve sonra JavaScript uyarı kurulu yeni yönetim kurulu üreten temizledi tamam ve şimdi tüm kartları farklı yerlerde bulunmaktadır böylece kullanıcı sadece onlar son kez yaptıklarını tekrar edebilirsiniz video zevk eğer o sadece seyretti 2010 yılında ayarlamak abone butonuna tıklayın O sizce bir mola bu yeni şeyler kullanabilirsiniz Liste bu o anlattı birkaç barışı koruma için sağ tuşa var patlatılmış görünüm planlamasında yararlı bulundu izlediğiniz için teşekkürler Bir dahaki sefere, eğer.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Memory-Game-Programming-Tutorial Bu programlama egzersiz size yeteneklerinizi JavaScript programcısı olarak geliştirmek olarak kolayca geliştirmek ve genişletmek bir JavaScript destekli hafıza oyunu oluşturmak için öğrenebilirsiniz. Biz görünüyor ve kullanıcı arayüzü HTML ve CSS kullanır.

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



9.7/10

  • 316
    Olumlu
  • 9
    Olumsuz
  • 98
    Yorum
  • 51316
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • DJAndrewRyan

    DJAndrewRyan

    22 Ocak 2007
  • picster

    picster

    20 NİSAN 2006
  • SolidWorksTutoriels

    SolidWorksTu

    14 Kasım 2013

ANKET



Bu sayfa işinize yaradı mı?