16 Kasım 2013, CUMARTESİ

Bootcamp 15 - Animasyonlu Arka Plan Katmanlarının Tuval

Bu egzersiz size bir arka plan katmanını animasyon öğrenebilirsiniz senin kampüste bir topu birbirinden bağımsız şeyler animasyon olacak oluyor ve bu verilen madeni işlemek için öğrenme gerekenleri bitmiş ürün Video öğretici kare hızında animasyon dalgalı görünmesini neden olabilir Bu kendi değerini sekiz kendiniz istiyorum o bir animasyon bilgisayar biz birlikte bıraktığımız kod yapısı ile başlayacağız Benim animasyon öğretici ben bu var Burada aşağı yaptım bir kampüs kapta kampüs benim html Eğer benim kampüs bir fikir kampüs kapsayıcı vardır görebilirsiniz sinir merkezi bu kapsayıcı için

de yuvalanmış sayfa ben tarayıcıda bu çalıştırırsanız o kadar ne olsun görebilirsiniz Eğer ben bir 1000 piksel genişliğinde bir merkezli beyaz kampüs olsun görebilirsiniz 500 merhaba Amacım olduğunu loop background-görünt

üde animasyon: kampüs içinde Doğru fayans arka plan görüntüsü oluşturmak için çok önemli Çok hızlı bir şekilde benim kampüs olduğunu fark ben nasıl bunu göstereceğim 1000 piksel genişliğinde Yeni havai fişek belge oluş

“Ders Kodu: http://www.developphp.com/video/JavaScript/Animated-Background-Layers-on-Canvas-Tutorial JavaScript ile tuval üzerine animasyonlu arka plan katmanları ...”
Adam Khoury

turmak için veya photoshop ama ne olursa olsun olabilir Kullandığınız tür grafik düzenleme aracı Sadece emin olun hi geniş 1500 ve 500 dedi Tamam ilk şey siyah benim kampüs dedi yapmak gerekir beş yüz olan bir dikdörtgen rulo ortaya çıktı beş yüz tarafından Ben inme beyaz 1 piksel vereceğim ve ben saracak benim fırça kulüpler Phil kaldırmak değilim ve dört piksel yere bu ayarlarsınız ve ben sadece rastgele yerlerde starr yıllarda kurmuştur başlayaca

Bootcamp 15 - Animasyonlu Arka Plan Katmanlarının Tuval Resim 1 Bootcamp 15 - Animasyonlu Arka Plan Katmanlarının Tuval Resim 2 Bootcamp 15 - Animasyonlu Arka Plan Katmanlarının Tuval Resim 3 Bootcamp 15 - Animasyonlu Arka Plan Katmanlarının Tuval Resim 4

ğız ve boyutunu değiştirebilirsiniz Orada bazı küçük olanları yapmak Eğer çizim bitirmek kez böylece olacak bir bitmap ile sol bu yüzden o bitmap ve bu dikdörtgen alalım Daha fazla grupta çıkmasıdır izin Marsilya kontrolü C olmak kontrollü bilir amor 0Y üzerinde bu önümüzdeki birini sürükleyin 500 fuar sonra Denetim bkz basın edeceğiz denetimi v ve bu bir sonraki yaptigi 1000 fuar şimdi biz bir grup üzerinde bu kontrol vardiya G bu bir kontrol vardiya G un groupe altta şimdi aşağı kaydırma G kontrol etmek için bu b

ir Sadece beyaz inme ile dikdörtgenler vurgulamak biz bu yüzden biz yerlerde bu koymak neden ve onlara siyah nedeni çevirmek eşit kiremit artık aracılığıyla yıldız tüm kurdunuz bir zamanlar Eğer Verme Sihirbazı devam dosya exit devam sonra olacak J Pague sevmeye ya da her türlü dosya türünü ardından ihracat seçmek ve istediğiniz yıldız J Pague ölürken bilgisayarınıza ben fikrimi kurtardı Daha sonra onu ayarlamak için gerekirse bu dosyayı kaydedebilirsiniz yani bizim komut yapacağız ilk şey bir değişken için kurmak için gidiyor Arka plan resmi RBG Javascript yeni görüntü nesnesine eşittir o zaman biz sadece BG nokta kaynak eşit olduğunu söylemek Bizim Yıldız Şimdi yukarıdaki almak .jp Bir bar animasyon fonksiyonu dışında bir yapacağız, yeni bir yapıcısı oluşturmak ediyoruz uzak plan nesneleri işlev plan açık kapanış yazacaktır parantez küme ayracı açılması ve kıvırcık taban kapanış şimdi yapacağız hazırsınız bazı özellikleri gereken ilk bazı özellikleri ve daha sonra bir yöntemdir Arka plan fuar temsil 0 ölü eşit Bu nokta y konumu 0'a eşit olacaktı onunla bu nokta eşit olacak bizim Ile BG görüntü nesne nokta ve daha sonra, bu nokta yükseklik eşittir PG nokta merhaba şimdi yapacağız yöntemi hale oluşturmak ediyoruz Bu arka plan nesnesi için bu nokta hale demek Açık yakın parantez işlev eşittir küme ayracı küme ayracı açılış ve kapanış ben ediyoruz yapacağım Biz Biz beraberlik görüntüsü yöntemini bir CTX nokta beraberlik görüntüsü kullanıyor ve görüntü kaynağı BG ilk parametre olarak ise İkinci parametre bu nokta görüntü Linotype de fuar olduğunu X eksi eksi bu şekilde fuar, her zaman mürettebat şey d edilir 0'dan başlar ve daha sonra D suçluya gidiyor sonra bir sonraki parametre biz çizilmiş o görüntüyü istediğiniz geniş pozisyon ve biz arka X canlandırılmış efektler olsun nasıl özellik size artışlı veya D suç olabilir istediğiniz iki yönde gidebilir şimdi biz bu yöntemi içinde ihtiyacınız olan mantık son biraz yönünü belirtmek için Bu kökenden olursa diyor şart değildir fuar bizim eşit daha az Negatif 4,99 $ sonunda biz orada alırsınız, çünkü Azadi Crimmins aşağı bir D suçluların 0'dan başladı ve sonunda negatif 4,99 $ alırsınız Bu olursa ve sadece bu nokta ext söylemek istiyorum 0 başlar eşittir Bunun yani tekrar sıfıra pozisyon animasyonlu arka plan sorunsuz olacak ve izleyici gerçekleştirmek mümkün olmayacaktır Tam olarak ne uzun sürekli biri gibi olay yerinde oluyor Eğer arka plan nesnesi programlanan tüm bir kez arka plan animasyon Ben o arka plan nesnesi var yeni bir örneğini oluşturmak ediyorum için var arka eşit say yeni arka plan ve daha sonra aşağı bizim çizim alanında Bizim animasyon işlevinde ne zaman bir polis arka plan örnek kontrolü C tam burada arka plan nokta koymak demek daha o arka yöntemi hale denilen işleme özellikleri de o yüzden bu güzel vermek ne görelim Güzel animasyonlu arka plan ve o dalgalı görünüyor bu sadece benim video tutorial kare oranı nedeniyle Eğer gitmek istedim ne öylesine çok düşük ayarlanmış Bu nokta diyebiliriz hızlı X eksi 3 eşittir biz bir her seferinde tarafından övgüyle sadece eksi eksi Telegdy kullanırsanız olduğunu üç her zaman tarafından ad- mürettebatı Sizin yeğenim eşittir üç söyleyebiliriz şimdi size çok daha hızlı hareket eden bir arka plan elde görüyoruz temelde arka plan 0x0 y konumunu başladı ve yavaş yavaş sola taşındı ve o eksi 4,99 $ X alır kez sadece lobide daha birçok şeyi çekemez şimdi aksilik 20 alır Bağımsız bir izleyici animasyonlu arka plan hey en teker d övgüde o geri koyalım Buraya fonksiyon kampüse daha birçok şey çizilmiş animasyon değil böylece CC TX üst eşit tarzı fırsatları Portakal ve CTX nokta phil recht 100 X bir dikdörtgen koymak 100Y şimdi geniş 50 piksel ve 50 piksel yüksek hale Bize CC verir görmek ve bu nesne ya da herhangi bir diğer varlıklar yeni bir kampüs var hareketli veya farklı yönlerde ve farklı kontrol edilebilir hızları ve arka plan katmanı hemen bağımsız arkasında kendi şeyi yapıyorum olacak diğer her şey.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Animated-Background-Layers-on-Canvas-Tutorial JavaScript ile tuval üzerine animasyonlu arka plan katmanları işlemek için öğrenin. Orada olur biz sorunsuz etkisi başlangıç ​​pozisyonuna geri ayarladığınızda plan sadece bir sonraki kiremit seyahat etmek gerekiyor.

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

  • 62
    Olumlu
  • 1
    Olumsuz
  • 15
    Yorum
  • 8813
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • jesiel santos

    jesiel santo

    15 Ocak 2009
  • The Weavers of Eternity Paracord Tutorials

    The Weavers

    1 Ocak 2014
  • UKF

    UKF

    2 Aralık 2009

ANKET



Bu sayfa işinize yaradı mı?