sürü filmleri görmek karikatürler ve Disney Walt Disney tarafından geliştirilen kendini aslında öncülük gelişme Çoklu uçak kamera ve çok size burada gidebilirsiniz böyle şeyler isim Bu URL'ye hakkında bu videoyu izlemek için way back when Disney tarafından geliştirilen çoklu oyun kamerada ya da sadece çok oynamaya bu arama çubuğuna YouTube ve tipi gidebilir Kamera ve bu video almak ve gerçekten harika bir kavramdır ve ben uyguladığınız benim önceki Flash ActionScript 3.0 öğreticiler bir sürü bu kavram bu yüzden bi

z de bir JavaScript ve HTML5 için bu çok oyun kamera konseptini uygulayabilirsiniz Biz iyi olsun Campeche animasyonlar yeterince Ben gösterilmediğini biliyor musun Bu çanta öğretici o kadar gerçek dağıtmak olduğunu doğrusal bir animasyon oluşturmak için gidiyoruz ve belki de yolda biz içine alırsınız Daha gelişmiş kavramlar Kod egzersiz hemen animasyon Bu eğitimde programlama ve şu anda geçmesi üzereyiz Eğer doğrusal animasyon oluşturmak öğrenebilirsiniz tamam şimdi yapacağız bir hands-on bu olacak egzersiz kodlama yapmak konum nasıl kampüs etiketinde sıfırdan animasyon için size öğretmek kullanarak javascript ok ACC html5 web yukarı çıplak kemikleri ile başlamıştı Belge ve benim tarzı vardı Benim komut dosyası elemanı JavaScript gitmek için eleman hazır Benim kampüs elemanı tüm kurdunuz ve bedenimi etiketi görebileceğiniz hazır bir kimlik yukarı geleni sıkı bir noktada rağmen elli beraber 100 piksel vardır Ben şu anda görüntülemek için benim en sevdiğim tarayıcı kullanarak sayfanıza hale Hiçbir şey bu kadar orada çünkü ben sadece boş bir sayfa alacağı bir şey olsun ne sadece bir sınır olduğunu koymak yapacağım Benim kampüs etrafında bu şekilde aslında nerede kampüs görebilir Sadece hedef olabilir CSS böylece sayfasında bulunan Kampüs aslında bu tüm kampüs hedef alacaktır sayfadaki ama beri elemanları Ben sadece bir tane ben bu yöntemi kullanabilirsiniz olacak ya da gerçek kimlik kampüs hedefleyebilir Sınır rengi bunu bu gavel gibi bir şey yapacak kook 1 pixel ve katı Katı geniş 1 piksel Cybil renk kullanmak sipariş şimdi bizim favori tarayıcı bu hale gerçek bir sınır göreceksiniz bizim kampüste biz bu yolu o sayfadaki kampüsü tamam şimdi en bir düğme olarak adlandırılan izin nerede aslında sayfanın içine ve birileri bir düğmeye tıkladığında bu nedenle zaman click olayı hedef zaman fonksiyonu bir yangın soğuk Drawbaugh yakın parantez açmak o çizgiyi eğer kırmak için orada bir noktalı virgül koymak olabilir İstediğiniz ama o bile gerçekten gerekli değil ve sonra emin hafta yakın olduğunu, ancak etiket yapmak hangi ve sadece kelime böylece çizmek yazacaktır içerik Bölüm o ne düğme diyecek Bu düşüşün işlevi ve 182 parametreleri iki argüman Biz görünmesini kutusunu istediğiniz yerin X & Y koordinatları olacak 0 fuar ve onun yaşındaki y konumu biz gerekecek tüm HTML ve CSS bulunuyor şimdi burada JavaScript bölümünde biz gerekecek fonksiyonu olarak adlandırılır beraberlik ve olacak bu iki parametreleri almak zorunda bu yüzden Drawbaugh go ahead ve işlevleri bu yazalım açık kaşlı ayraç bir renk körü ama senin kapanış küme ayracı aşağı gitmek Şimdi olay 00 diyerek onları aslında söylemek istiyorum X ve O olacağını, çünkü barry isimleri o temsil edebilecek edecek neden sayılar bu yüzden sadece bu Nisan ve p var olabilir olabilir İsterseniz sadece onlar TX ve Y koordinatlarını temsil biliyorum Ben olsam ne zaman Dropbox yazmak için X & Y çağırır yangınları ve bu birçok kez tekrar tekrar o yangınlar sahip olacak olan iki parametre ilk satır içinde tamam içinden iki argüman geçirilen ediliyor Bu açık artırma sayfadaki kampüs elemanı hedeflemek istediğiniz bir böylece elemanı olsun bir belgedir ama kampüs D çünkü o, onu tespit veya bugün kampüs vardır ve ben biraz soğuk yorumunu burada sayfadaki kampüs elemanı referans diyor koymak Bir sonraki satır biz var kampüs elemanı için bir 2D içerik oluşturmak için gidiyoruz değişken olacak Kampüse CTX ve CTX eşit olarak adlandırılan nokta burada bağlam 2d ve bir sonraki hat almak Gerekirse CAN durumunu kaydetmek için ve aslında küçük bir animasyon biz programlama konum Bu eğitimde gerçekten gerekli değil ama script zarar vermez bu yüzden olacak yerde bırakın konum ama bu animasyonlar nereye kullanılacak Eğer vardı oluyor geçiş bir çok şey ve devlet kampüsünde bir sonraki çizgi artık kaydedilmesi gereken bu kampüsü temizler şey olduğunu mu kesin bir gerekliliktir yeniden çizilmesi için sahne net dört parametre alır veya argümanlar sadece ve yükseklik koymak emin olun son iki parametre olarak kampüs elemanı net harap ve ilk iki 0 olarak ayarlanmış olsun Şimdi bu önümüzdeki iki satır stili gittiğini ve aslında yeşil dikdörtgen olacak bir dikdörtgen çizin ve bu aslında olmalı yeşil bir kutu yapar yeşil kutu stili stil sonraki çizgi dedi zavallı yeşil kutu ve sonra gibi Eğer fatura stili kullandığınızda bu kullanarak yani bir dikdörtgen çizer O yoksul parametrelerinde geçmesine izin RGBA punchan temelde kırmızı yeşil ve mavi belirterek kule ve bu nedenle dışarı bu okuduğunuz yeşil doku mavi olduğunu ve bu dışarı Ayar renk diye isterseniz biraz saydam yapabilirsiniz ve sonra o ilk bkz onun aslında çekilmesi ben rectus edeceğiz txt Burada parametre Küçük dikdörtgen sırıtmak o istediğiniz yere fuar olduğunu Kampüs hangi böylece dinamiğini yapıyor Her zaman Doğu işlevi yeniden çizilmesi çizilir bu şekilde yeni bir fuar olacak ve bu etkiler verecek & Animasyon izleyiciye sonraki parametre Y konumu ve sonraki iki parametre olduğunu % uh elli tarafından dikdörtgenin 50 boyutu Elli tamam 50 piksel şimdi bu bir sonraki satırı için kullanılır Eğer kullanıyorsanız kampüs durumunu geri Eğer gerektiren animasyon tür varsa yani bakın kampüs take kaydetmek ve komut bu noktada etmek Eğer elemanın sonra Campus de geri yüklemek istediğiniz varlıkları çizilir sonra çizilmiş şimdi bir sonraki satırı biz fuar artırmak için gidiyoruz ve ben sadece onu terk edeceğiz ne olursa olsun hangi kanalda beşe bu artırmak olabilir borular artık ve bu gerçekten hareketin arkasında sihirli budur küçük bir kutu kadar biz uyumlaştıran gidiyoruz Biz son zamanlarda bu kullanarak oldum şimdi bu yana bir zaman döngüsü boyunca fuar Bazı bar JavaScript öğreticiler herhangi bir sürpriz olarak gelmemeli herhangi siz çocuklar döngü zamanı bir değişken değişken yine bu döngü süresini kurma ve setTimeout yöntemini tutmak için ayarlandı temelde sadece zaman Biletler iki parametre ilki istediğiniz d işlevi her 20 milisaniyede ve ikinci parametre yürütmek senin 20 milisaniye o bir saniye olmak istiyorum olduğunu Beş saniye olmak istiyorum 1000 milisaniye de koydu 5000 milisaniye iki yüz milisaniye mayın set tabak Biz gerçekten ne anlamda bir dalgalı animasyon gibi tür görebilirsiniz yolu oluyor ve tüm edeceksin ihtiyacınız komut ama bu çok temel gerçekten yukarıya ve koşma daha kompleksi içine alacak animasyon örneği animasyon programlama tamam şimdi bizim favori tarayıcı bu hale bulunuyor Saugata kazık tarayıcıda önizleme ve ben sadece Chrome'u kullanacağız Ben görünmelidir yeşil bir kutu çizin vurduğunuzda hemen gerçekleşmesi gerekiyordu ne Buralarda kadar ve hemen sayfa boyunca animasyon başlamalıdır Burada biz çok dalgalı bir animasyon olduğunu görebiliyorum gitmek Ben gibi görünmesi nasıl düzeltmek için olacak göstermek size değilim ama bu kadar tamam işte size setTimeout yöntemi ikinci parametre vardı Üye bu gerçekten zamanlamasını kontrol olduğunu söyledi neredeyse bir kare hızları sipariş gibi bir görünüm animasyon bana bunu olduğunu belirlemenize olanak sağlar tek E doğru gitmiyor Kupası varlıklarını çizmek Şimdi en 1 Bu set izin fuar ofset o zaman kaç piksel var Bir her beyin kutusu işte çok yumuşak o kadar ceket değil bakın Bu iki numaraları ile derinden değil Şehir dalgalı animasyon ve sen en piksel gidelim istiyorum sadece animasyon alabilirsiniz Bu oldukça iyi görünüyor ama o otuz gibi bir şey üzerinde güvenle dedi Hala Eminim oldukça düzgün animasyon sahip üç o koydu Bu gerçekten ince ayar yapmak bu numaraları ile oynamak ve çimdik kötü değil küçük faktör animasyon pürüzsüzlük ve akılda tutulması gereken bir şey de mi, kullanıcının bilgisayarı Biri muhtemelen tüm bok yapmadıysanız eski boktan bilgisayar var sistemde anlaşma işleme yeteneği Orada animasyon oluşturma yetenekleri sadece hızlandırmak için olacak değil sizinki gibi benim gibi bir bilgisayar var birisini istiyorum ekonomi Eğer kodlama egzersiz var bu yüzden tamam sen nasıl animasyon programlama bakın eserler ve oldukça basit şeyler bu konuda gerçekten zor bir şey değildir bulunuyor ve gibi flaş ActionScript bir sürü ish değiştirebilirsiniz dedi hafta ama dışarı birkaç yıl önce siz tüm bu soğuk üzerinde geçiş dersler JavaScript şimdi Şimdi kamera titremesi tamam popüler haline gelmiştir Sizlerin vardı umuyoruz, böylece Bu HTML5 ve JavaScript dersini sevdirerek javascript kullanarak kampüs elemanı üzerine animasyon nasıl Biraz daha tartışma ve kodlama çalışmaları olacak Aynı hat boyunca bu takip.