10 NİSAN 2013, ÇARŞAMBA

Javascript Eğitimi - Web Browser Oyunları İçin Programlama Zar Rulo

Bu JavaScript programlama dersi komut dosyası öğrenebilirsiniz zar zar içeren web tabanlı oyunlar için rulolar zar oyun için gerektirir taraflı altı standart ya da birçok tarafı olabilir örnek ise programlama zar ben pek 100 boyutları varsayalım gerekli olabilecek bir rol yapma oyunları için atar hatta belki çıplak kemikleri nerede belge HTML5 var biz başlayacağız Yaptığımız ilk şey gövde elemanı bizim HTML ve CSS böylece geçerlidir olduğunu Ben birine gidiyorum vermek istediğiniz başka verilen bu o tutacağım yaptım Bir sista biraz bu yüzden onları yüzer görünce oldukça fazla zar temsil bu k

adar kutular yatay yan yana ve biz olacak bir düğme istiyorum konum ve bu tıklayın sana bir şey vermek yerine konacak aslında zar ve kullanıcı biz göreceğiz ne değer rulo düğmesi rulo zar olduğunu Şimdi bu düğme eşit

bir onclick olayı sahip olması Yapacağımız javascript işlevi zar çekiliş adı satın açık / kapalı parantez yüzden her zaman bu düğme zar olacak tıklandığında haddelenmiş daha o verecek yerde h2 elemanı koymak H2L

“Ders Kodu: http://www.developphp.com/video/JavaScript/Dice-Roll-Programming-Tutorial-For-Web-Browser-Games Web tarayıcı tabanlı oyunlar için JavaScript kullanarak...”
Adam Khoury

erkek ve JavaScript talimat Kimlik durumu Eğer zar bu durum elemanı şeyler göstermek için Bu iki gidiyor verir çünkü şimdi bazı stil koyacağız yüzer gibi bunda Bu iki yüzer olacak rahatsız verir çünkü h2 eleman net sol var sol ve bu konuda düğmeye hattında da olduğu sadece emin h2 elemanı olmak için bu yüzden eleman altında tüm bu diğer unsurlar sol temizlemek için gittiğini altında yaşayan edilir Bu iki yaptım çünkü artık yüzen söylenebilir Onun ilk bir die

Javascript Eğitimi - Web Browser Oyunları İçin Programlama Zar Rulo Resim 1 Javascript Eğitimi - Web Browser Oyunları İçin Programlama Zar Rulo Resim 2 Javascript Eğitimi - Web Browser Oyunları İçin Programlama Zar Rulo Resim 3 Javascript Eğitimi - Web Browser Oyunları İçin Programlama Zar Rulo Resim 4

bir kimliği var verecekler biz bir sınıf ancak eşit vereceksin zar ve biz konum ne kadar sadece yukarı bu kutular olacak tarzı Kimlik biz bu eleman ile iletişim kurmak için kullanılan konum budur JavaScript yüzden sadece önde gidelim ve bu iki özelliklerini kopyalamak ve onların değerler ve Div iki yerleştirin ve emin biz de öldü yapmak fikir olarak, bir sınıfı aynı bırakabilirsiniz Şimdi baş elemanı yukarı en önde gidelim ve bir stil açmak eleman ve sıkı metin / css yapmak ve biz kıyafetlerini birkaç satır aş

ağı gitmek emin olun stil öğesi ve içerde biz eklemek için gidiyoruz öğrencileri etkileyen için bir kural var sayfadaki böylece sınıf zar herhangi bir fırsatlar ile A sınıfı zar alacaksın bu CSS özellikleri uygulamalı ve ben şimdi onları biraz gri kutu yapmak için yaptım içeriden kurmak Anahtar olacak varsayılan değer olarak a0 eklemek olduğunu Her ardından ölmek için bizim iyilik tarayıcıda bu hale eğer Bu şimdi tek ihtiyacımız rulo zar işlevi olduğunu olsun çıkış javascript gerçekte zar rulo baş elemanı içine gidelim yapmak doğru Bizim stil öğesi altında bir script öğesindeki pop gidiyorum birkaç satır aşağı gitmek ve biz bu komut elemanı kapatmak emin olun şimdi bu yüzden biz sadece gerçekten kopyalayabilirsiniz bu fonksiyon rulo zar ihtiyaç Tüm Oradaki ve sözcük işlevi ve yapıştırma n roll zar tip senin Parantez açık kıvırcık korse ile koyarak birkaç satır aşağı gitmek küme ayracı kapatma Şimdi bizim yapmak istediğimiz ilk şey, kişi zar Owen rulolar zaman Rulo zar işlevi çalıştırmak için çağrılır ve bizim durumumuzda bir şeyler olabilir tarih oyununuzu sahip değil Gözat ama biz gizli görmek bir sebep geliştirmek için yere zorunda gidiyoruz Çıktı yani ilk oluyor ne Diwan ve ben hedeflemek için gidiyoruz ve yerel değişkenlerin nesne referansları içine almak Bu elemanlar yerel değişkenler artık için i1 i2 ve denir Biz KODU eleman almak kullanabilir ve biz de bu olsun istiyorum çünkü Yerel bir değişken olarak durum h2 durumu Şimdi biz değerini belirlemek için gidiyoruz kod iki satır çalıştırmak istediğiniz diğeri ölmek ve kalıp için değeri çok ben de adını bu d1 ve d2 değilim ve size bir almayı sağlar, bazı kod çalıştırmasına yapmak zorunda olanlar tüm almak için rasgele sayı birden altıya kadar böylece onu uygulanan kod rasgele o matematik kullanır var Eğer çalıştırırsanız zamanı altı artı bir ancak ondalık formda olacaktır Kendisi tarafından rastgele MassDOT bunu bir ondalık değer döndürür görürsünüz bu nedenle bu daha fazla değer yapar çarpma ve matematik üst katta kullanmak yapmak için rastgele matematik emin bir ondalık sayı yok olacak bir tam sayı olması ve aşağı yuvarlama konum beri gördüğünüz bu yüzden artı ucunda bir yıl bu nedenle temelde bu kod size rastgele bir sayı verecektir Eğer 1'den 20'ye bir rasgele sayı olması gerekiyorsa Tamam birinden altı için sadece Orada bir yirmi koyun yani d1 ve d2 olacak 1 ila 6 rasgele sayılar tutun bu yüzden şimdi biz zar toplam olacak bir değişken oluşturmak istiyorum bar zar toplam d1 d2 artı eşittir Böylece üç ve a4 de kullanıcı rolleri Zar toplamı olarak İtalya 7 quill Şimdi yapmamız gereken gidiyoruz sonraki şey değerini koymak bu bireysel içine değerleri öldü için Gerçek zar sayfada zar için vardı grafik arayüz hatta zar bir grafik gösterimi olacak eğer ki rulo oyun bile grafik gösterimi için olması gerekir olmayabilir kullanıcı göstermek Sadece toplam roll göstermek istiyorum ne olabilir zar gibisin bu yüzden elemanı Diwan ve ben hedefliyoruz ve biz onları söylemek için kendi iç HTML özelliğini etkileyen O çıkıp ne olursa olsun değer 1'den 6'ya kadar bir rasgele sayı olmak olmak ve biz yapmak için gidiyoruz sonraki şey güncelleme olduğunu h2o unsurdur bizim durum bu iç HTML eşit olan bir durum olduğunu ne dikiş haddelenmiş söyler bulunuyor Eğer devirdi ve sonra zar toplam eklemek concat dizeye artı işaretlerini kullanarak bu ihtiyaç hangi yani zar değişken biz sağ tarafından burada var hatırlıyorum toplam sözlerine ekledi d1 sınıfı, d-2 ve gösterebilir yolu Ne zar toplam Burada sizin için biraz bunu bir bonus mantığı eklemek artık onun durum ve D birinin değeri d1 olmadığını görmek için değerlendirir Eğer gidiyor ise d2 değerine eşit HTML bir boşluk statü eklenecek word ücretsiz bir dönüş almak katına yani bu nasıl olabilir koşul ise bu nasıl biraz Yeni program ile şeyler sonra çiftler için değerlendirmek ve Programınız özel bir şey yaparsa birileri çiftler alırsa Eğer burada bunu bu nerede tamam şimdi bu basın Denetim SN favori tarayıcıda çalıştırabilirsiniz en zar tamam rulo izin Ben ilk rolünü öylesine kadar oldu Snake Eyes olsun Ben iki çift rulo size sows tekrar zar bir serbest zaman olsun ve rulo tekrar 11 devirdi bu kez iki katına Beş OKC eşittir 10, dört ve bir nasıl çalıştığını görmek olduğunu Bu her zaman olacaktır sayıları bir ile rastgele altı ve sen rulo zar taklit edebilirsiniz ve sadece bu değerleri okumak nasıl Burada yazılımında zar gibi tamam şimdi konuşmak hızla edelim Seni koymak daha önce de söylediğim gibi yüz arasında üzerinde size 18 rasgele sayı ihtiyaç Orada 100 ve daha sonra bu şekilde daha fazla D & D zar gibi olacak ya da 20 gibi yirmi toplumsal, bu altı ölmek taraflı ve siz bu olabilir kafana arkasında biliyorum taraflı bir 20 bu küçük adam gibi ölmek gibi varsa yani zar herhangi bir değeri seviyorum ya da büyük beyaz olanlar gibi casino zar gibi programlayabilirsiniz ya da büyük kırmızı olanlar yüzden bu JavaScript zar programlama buldum umarım Web oyunlar için rulo yararlı öğretici belki size oluşturmak mümkün olabilir şeylere dönüm tekerlekleri alırsınız tarayıcıda işlemek için.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Dice-Roll-Programming-Tutorial-For-Web-Browser-Games Web tarayıcı tabanlı oyunlar için JavaScript kullanarak zar rulo Öğrenmek için program. Temel HTML ve CSS veya onlara zar ve kendi değerlerini görüntülemek için başvurmak isteyen grafiksel gösterimi başka karmaşık araçları ile entegre.

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.9/10

  • 148
    Olumlu
  • 1
    Olumsuz
  • 30
    Yorum
  • 21888
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Dive In

    Dive In

    17 Temmuz 2013
  • theavettbrothers

    theavettbrot

    9 ŞUBAT 2007
  • whiteboy7thst

    whiteboy7ths

    1 Temmuz 2009

ANKET



Bu sayfa işinize yaradı mı?