Tamam, tekrar hoş geldin diyorum.
Bu videoda zaten yaptığımız şeyleri alacağız ve biraz canlandıracağız.
Nihayetinde gerçekleşmesini istediğimiz şey, her tuşa basarak rasgele bir yerde bir renk
elde ettik ve bu renk biraz canlandırmaktır.
Ayrıca boyutu animasyonunu da alıyoruz.
Dolayısıyla değişen renkleri alıp alamayacağınızı bilmiyorum, ancak renk tonuna biraz eklemeniz
çok güzel oluyor.
Fakat onlardan biri bizim için başlasın.
Aslında sadece bu çevrelerin rengini değiştirmeye başlayacağız ve aslında bir dairenin
rengini değiştirerek daha basit bir şekilde başlayacağız.
Öyleyse hepsi daha sonra gelecektir.
Paperchase'ye gidersek derslere dönersek alttaki animasyona bakarsınız.
Yapabileceğiniz ilk şey, bazı örneklere göz atmanızdır.
İşte bir örnek.
Ve animasyonu yapmak gerçekten çok basit olduğunu da görebilirsiniz.
Yaptığımız şey bu davada bir dikdörtgen tanımlamak.
Bizim durumumuzda bir daire olacak ve daha sonra çerçeve üzerinde var ve burada koyduğumuz kod
ne olursa olsun, animasyonun her karesinde çalışacak.
Bu durumda bu animasyonun her karesinde o dikdörtgeni üç derece döndürüyoruz ya
da bu durumda her kareyi kullanacağımız şey şu ki burada tanımladığımız bu dairenin tonuna bir
tane ekliyoruz.
O halde bunu deneyelim.
Hadi devam edin ve anahtarda olmayan yeni bir daire oluşturalım.
Böylece sayfa yüklendiğinde bu sadece orada olacaktır.
Buna, var animasyonlu daire, yeni yollu nokta dairesine eşit ve bunu yeni noktalar haline getirelim ve
bu daireyi 300 virgül 300 ve yarıçapta yapalım.
100'ü daha büyük yapalım.
Aynen böyle.
Sonra, nokta dolgu rengini hareketlendirmek yerine animasyonlu ve animasyonlu daire olarak adlandıracağızızı yapacağız ve bunun gibi
kırmızıya başlamak için kırmızı olarak ayarlayacağız.
Harika.
elde edersek ve bir tuşa her basışınızda rasgele küçük daireler elde edersek.
Bu yüzden henüz canlandırılmayacak, fakat yenilerseniz bir büyük daire
Şimdi animasyonumuza eklememiz gerekiyor ve işlevi çerçeve üzerinde gördüğümüz için gerçekten basittir ve bu olay argümanı
dışında içeri girip çıkabiliriz.
Her bir çerçeveyle ilgili bir şeyler yapmak istersek, bununla ilgili bazı veri istediysek, aslında buna
ihtiyacımız yoktur.
Ve sonra burada, animasyonlu daire dolgusu rengini artı birine eşittir.
Ve bu örnekte doğrudur.
bir çerçeve istiyor, bu bize göre değil bu nedenle bu kodun ne sıklıkta çağrıldığı kare hızına karar vermiyoruz.
Bu nedenle animasyon her zaman yeni
Her zaman sadece kağıtla ilgilenen yeni bir çerçeve var, animasyonlu çemberin tonuna
bir tane ekliyoruz.
Yenileyelim oraya gidelim.
Bu türden bir animasyonu yapmak gerçekten çok basit.
Her ne kadar bir şeyin yerini değiştirirken animasyonlar da yapabiliriz ve bu biraz
daha karmaşıktır.
başka bir noktaya hareketli değil aynı zamanda da eşit şekilde hızlandırılmamaktadır.
Bu örnek daha karmaşıktır, çünkü bunlar yalnızca bir noktadan
Dolayısıyla biraz daha karmaşık ama yine de sadece birkaç satır.
İşte şeyleri hareket ettirmenin başka bir örneği.
Bazı diğer animasyonlar.
Gerçi göstermeyeceğimiz şeyleri kullanıyor ve burada, örnek vermek istediğimiz şeyleri dokümanlara
kazmak için biraz zaman harcıyor; her bir kareyi her birinde ölçeklendirmek.
Bu yüzden yaptığımız temelde bir anahtar kurduğumuzda daire oluşturduğumuz.
yarıçapa 300 olarak başladıysam ya da temelde dokuz dokuz dokuz dokuzu sekizli ölçeklendirerek onu küçültün.
Diyelim ki her karede bu karakteri vurduğumda 300 ya da 300
Tam sayıyı unuttum, ancak onu her karede daha küçük bir boyutla çarpıyoruz ve sadece
küçülüyor ve küçülüyor, böylece kayboluyor.
Bu işin nasıl yürüdüğünü size göstereceğim.
Döngü kodumuza geri dönelim, daire tonlamaya eklenmek yerine hareketsizce animasyon yapıyor ve
çerçeve içinde kalalım.
animasyonlu daire skalerini yapmaktır ve
istediğimiz herhangi bir fraksiyonla çarpıp bir araya getirebilirsek, aynı büyüklüğe sahip olacağız, böylece onu gerçekten göremeyeceğiz.
Yapacağımız şey, bulduğumuz bir yöntem olan
Ancak, dokuzuncu gibi bir şey yaparsak ve yenilersek, her çerçeve değişikliklerini 1 oranında artırırız.
Ve önceki karede yüzde dokuz veya yüzde 90 oranında ölçekli.
Yani, bunu 9 puan gibi bir şeye bırakırsak, daha yavaş bir geçiş olur ve
onu beşinci nokta gibi değiştirirsek, çok hızlı bir şekilde küçülür.
Bu nedenle her çerçeve önceki koşula kıyasla yarısı kadar büyük olur.
Bence birlikte gittigim nokta 9. Nokta'ydi.
Bu yüzden bunda bırakacağız.
Şimdi renk değiştiren tek bir çevreye sahibiz ve bundan sonra yapmak istediğimiz şey bu tuşlara
bastığımızda küçülüyor.
Bu çevrelerin aynı şeyi yapmasını istiyorsan biraz daha karışıktır.
Ancak dürüstçe buradaki kod aynı kalıyor, hepsi farklı, sayfadaki her daire
için bunu yapmamız gerekiyor.
Ve aslında muhtemelen yapacakları en önemli değişiklik, bir dizi daireye
sahip olmak ve bir tuşa her basışımızda o daireyi yeni dizide ekleyeceğiz çünkü şu anda
aslında tümü takip etmiyoruz çevreler bizleri bir şekilde kurtarmak zorundayız.
Dolayısıyla, burada bu işlevi gördüğünüzde, halihazırda var olan ve hareketli olan her daireye
geri dönebiliriz.
Dolayısıyla bu kodu saklayacağız.
Ancak yapmak istediğimiz, var olmayan bir dizi ile döngü yapmaktır, bu nedenle sadece daire diyebiliriz.
Dolayısıyla var i sıfıra eşittir Ayas Circle StarLink'den daha azdır.
Artı artı yapmak istediğimiz şey daire yapmak.
Ben renk dolduruyorum burada yaparım.
Dolayısıyla en başında dolgu rengiyle başlayacağız.
Bu yüzden bu satırı kopyalayacağım.
Dolayısıyla henüz çalışmayacak çünkü daire mevcut değil.
Fakat fikir, her çerçevede bu dizideki tüm çevreleri birbirine bağlamamız ve her kareye her
bir renge bir tane eklediğimizdir.
Ve bunun oldukça yoğun olduğunu düşünüyorsunuz ve bu gerçekleşmekte olan bir çok şey ama kağıt sadece
onunla ilgileniyor.
Ancak sonuna doğru küçük bir optimizasyon da ekleyeceğiz, böylece gelecekteki bir videoda ne kastettiğimi size
göstereceğim.
Ama şu an bizde bunu yapacağız.
Ve şimdi yapmak zorunda olduğumuz şey aslında yaptığımız bu daireyi daireler dizisine ekleyin, böylece
dairelerimiz için bu diziyi boş bir dizi olarak tanımlayabiliriz ve anahtar üzerinde bir
tuşa bastığınızda sadece çevreler yukarı çıkıp bu yeni daireyi daire durağına itin bu yeni yolu bu rasgele noktada
daire içine itin.
Şu anda 10 bir yarıçapımız var ve öldürme dolgu rengini turuncu olarak sıfırlıyoruz.
Bu yüzden zaten sahip olduğumuz bu daireyi bu dairenin dizisine itiyoruz.
Ve sonra her daireyi güncelliyoruz.
Dolayısıyla, bir daire olabilir ve orada 20 daire olabilir.
Herhangi bir zamanda 100 daire olabilir.
Hepsini dolaşırız ve her kuyruğa bir tane ekleriz ve şimdi bir göz atıp yenileyelim,
henüz işe yaramaz.
Ve bu, itme işlemi hakkında gerçekten ilginç bir nokta ortaya çıkarıyor.
Konsolu açarsam, bana burada, tanımlanmamış zihin Prakriti tonunu 24 okuyamayacağımı
söylüyor.
Bu yüzden, Phil rengin Hugh mülkünün Phil kodunun mevcut olmadığını söylememesi bir şekilde değil.
Böylece sürekli günlük çevreleri yapalım.
Ve sorunun ne olduğunu göreceksin.
Bunu açarsam bir hata oluştuğu için durdurulur.
Fakat biz aslında turuncu dize yerine gerçek yeni daire ekledi.
Bunun nedeni, bastırdıklarımız yeni bir daire oluşturduğumuz yeni bir çevre değil.
Ve sonra dolgu rengini turuncu olacak şekilde ayarlıyoruz.
Bu yüzden geri gönderilen son şey turuncu dizedir.
Sonuçta, sonuçta sadece turuncu her seferinde bastırıyoruz.
İstediğimiz şey bu değil.
Bu yüzden yeni bir değişkene geçeceğiz ve bunu yeni daire diyeceğiz ve daha sonra
turuncuya eşit yeni daire dolgusu rengi yapacağız ve ardından Yeni Daire'yi tıkacağız.
Bu yüzden bunu düzenlemektense, görmek önemli bir hata olduğunu düşünüyorum.
Tamamen beni bir an için korudu ancak önemli olan şu
ki bu birbirine zincirleme yöntemler uyguladık ve bu daireyi geçtikten sonra nokta dolgu rengi turuncuye eşitti
ve biz de o şeyi bütünüyle içine ekledik. itme ile dizi.
Sadece turuncu ekliyorduk.
Bu yüzden düzeltmek gerekir.
Umarım bu işi yapar.
Aslında bunun farkındayım ama eğer biz yeniyse ve bir göz atın şimdi yeni
çevrelerde rasgele yerleştirin ve hepsini düşman Heugh sadece mükemmel harekete geçirir.
Şimdi bunu boyutla çalışacak şekilde güncelleyelim.
Yani aslında burada aynen sahip olduğumuz aynı çizgi.
Sürekli günlüğümden kurtulacağım.
İsterseniz daire istiyoruz.
BEN.
TAMAM.
İşe yarayıp yaramadığını göstermeden önce, yaptığımız şeyi gözden geçirelim.
Dolayısıyla, rasgele bir noktada bir daireye eklediğimiz herhangi bir anahtarı vurduğunuzda, rastgele bir nokta olan 10 piksel
yarıçaplı yeni bir daire yapmak için rastgele bir nokta oluşturuyoruz ve bunu aslında, beş yüz olan
çözümde bulduğumuz ile eşleştirmek için değiştirelim. ve sonra sonunda değişecek turuncu olarak başlamak için
dolum kartı satıyoruz.
Ve sonra onu daire olarak adlandırılan bir diziye sokuyoruz.
Sonra her yeni bir çerçeveye Her animasyon karesi denirse tüm daireler arasında döngüyüz.
Ve her biri için bir tane daha hayran kalacağız ve ölçeğin boyutunu dokuzuncu çarpı çiziyoruz.
Bu yüzden onu her kare kadar küçük düşürüyoruz.
Ancak, çok hızlı bir şekilde küçülen çok fazla çerçeve
var ve artık sayfa yüklemeye başlayan animasyonlu çevremizden kurtulabiliriz.
Siyah bir ekranla başlamak istemiyoruz.
Sonra bir tuşa basarsanız daire ekleriz.
Öyleyse deneyelim.
Oraya gidiyoruz.
Dolayısıyla bu neredeyse aynı şekilde.
İşte ses.
Büyük bir fark renk, burada her tuşun atanmış bir rengine sahip olduğunu söylediği için, Q bu mavi,
koyu mavi bir yarısıdır.
Gri renkte mi
Yani bizim için şu anda mor renkte, başlamak üzere herkesi turuncu ve daha sonra ton
değiştirerek ayarlıyoruz.
Bu yüzden bunu düzeltmeliyiz, ancak ses eklemek için bunu yapmak için sabırsızlanıyoruz.
Bu yüzden şimdi bittik.
Bunu sona erdirecek küçük bir optimizasyon var çünkü şu anda bu
çevreleri daire dizisinden çıkarmıyoruz.
Dolayısıyla 10 saniye sonra çemberin üç saniye sonra bile gittiğini bilseniz bile biz onu göremiyoruz.
Teknik olarak hala bu dizide.
Bu ideal değil.
daire varsa ve bunlardan hiçbirini görmüyorsak, hepsinin üzerine dönmek istemiyoruz.
Yarattığımız on bin
Bu yüzden son videoda bir çevrenin bittiğini ya da artık mümkün olmadığını bildiğimizde bir
çevreyi nasıl kaldıracağınızı size göstereceğim.
Tamam öyleyse sıra ile sesle çalışacağız