TAMAM.
Bahsettiğim gibi hızlı bir egzersiz yapacağız ve mamul bitinceye kadar çok
zor geliyor olacak, ancak kağıt tezgahıyla pratik yapmak iyi bir şey.
İhtiyacınız olan kod aslında basit 4 ish satırları.
Tek istediğim daire çizgileri ve kesin ölçümler burada sahip olduğum şeyin önemi yok,
sıfırdan sıfırdan başlayıp 100 pikselden başlayan bir daire.
Başka bir daire çiziyorum.
Sanırım bu yarıçap 1000'e kadar 10'dur.
Yani burada 1000 1000 var.
Dolayısıyla gerçekten önemli değil, elinde tek seferde bir tane yapmadan ekranda açıkça 100 ish
daire elde etmeniz önemli.
Peki bunu nasıl yaparsın.
Bu size kalmış.
Artan artan bu koordinatlar x ve y koordinatlarının nasıl üretileceğini bulmanız gerekir.
Ve hepsini mor veya herhangi bir renkte yapmaktan çekinmeyin.
Bu gerçekten bir nokta değil veya onları başka bir şekil haline getiriyor.
Dolayısıyla, bir kare veya dikdörtgen yapmayı deneyin veya bir degrade üzerindeki renklerin bulunduğu yerde daha eğlenceli bir şey deneyin; böylece,
X'in daha büyük olması renklerin daha da kırmızılaşmasına neden olur.
Hatırlıyorum, sanırım gerçekten sana bunları söylemediğimi hatırlamıyorum ama JSE sen RGV
renklerini onaltılık yapabilirsin.
Böylece kırmızı bileşeni veya o yeşil bileşeni artırdığınız bir renk oluşturabilirsiniz.
Ama en azından daire dolaşımını en az 100 arıyorum.
Ve istersen.
Ayrıca onları her yerde oldukları şekilde rastgele seçebilirsiniz.
Sayfada bir sürü daire almanı istiyorum.
TAMAM.
Bu yüzden bir dakikanızı ayırın, videoyu duraklatın.
Bunu kendi başınıza deneyin.
Kaybolmanızı öneririm.
Dokümanlar birazcık.
Bir şeyler deneyin.
Örneklere bakın ve sonra tekrar gelin ve çözüme geçelim.
Tamam.
Harika.
Bu yüzden bıraktığım yerden önce sahip olduğum budur ve neredeyse tüm bu koddan kurtulacağım.
Artık o çizgiyi istemiyoruz.
Bunlardan herhangi biri.
Hadi bir bakalım.
Gerçekten ihtiyacımız olmayan devasa çemberi çözdük.
Bu kodu tutmak istiyoruz, böylece bir çevrenin nasıl hazırlanacağını biliyoruz, ancak dev bir tane istemiyoruz.
Burada yapmak istediğimiz şey bir döngü kullanmaktır.
Dolayısıyla burada bir daire oluşturmak için bir döngü kullanmak istiyoruz ve burada burada daire olan bir
daire, aslında x koordinatına 10 veya 100 ekleyeceğiz, böylece bunu yaparak başlayabiliriz.
Dolayısıyla bir döngü kuracağız ve çok uzakta sıfır döngüden başlayacağız.
Sıfıra eşittir.
Daha az eğlenceli ve bu her şey olabilir.
1000 yaptım.
Ve aslında daha net olması için X almamı sağlıyor.
Ve her seferinde.
Bir daire oluşturmak için kullanabildiğimiz X artı artı yerine, her piksele 100 atlamayı yapacak
ve daha sonra yapacak tek şey bu kodu kopyalayıp bir daire yapmak ama bunu bıraktıysak biraz
değiştireceğiz.
Bu bize aynı ırktan aynı yerde 10 daire oluşturur.
İstediğimiz şeyden önce X virgül yapalım ve y 0 olarak sabitlenecek.
Böylece bize y koordinatı sıfır ve yarıçaplı 10 daire yapar daireler bir satır yapmalısınız.
bir göz atarsak, 100 pikselde 10 daire bulacağız, burada yeni bir daire elde edeceğiz.
Ve eğer bu yenilemeye
Yani yapmak istediğimiz şey temelde tekrarlamak.
Böylece ilk vaktimiz geldi.
Bu sıralardan birine 10 kere iniyor olmalıyız.
Ve bunu yapmanın en iyi yolu başka bir döngüyü kullanmaktır.
Bu yüzden burada sahip olduğumuz şeyleri almak ve bunları tekrarlamak istiyoruz, böylece başka bir döngü oluşturabiliriz.
Ve bu sefer bunu y koordinatı için yapacağız.
Peki neden gidip 1000 y artı 100'e eşit olduğunu söylemeliyiz.
Ve bunun nasıl yürüdüğüyle ilgili olarak size yürüyeceğim.
Sanırım sadece 0'ı y olarak değiştirirsek, iç
içe geçmiş döngüler biraz kafa karıştırıcı olabilir. Şimdi yapmamız gereken tek şey budur.
Şimdi ızgarayı alalım diye tazeleyelim.
Bu yüzden en heyecan verici şey değil ama biz çok hızlı bir şekilde bir grup daire ekledik.
Bu yüzden iç içe döngüye bir göz atalım.
Bu yüzden X aracılığıyla sıfırdan başlamak üzere ilk kez küçük bir diyagram çizdim.
Bu yüzden bunu x ve y olduğum yerde yapacağım.
TAMAM.
X sıfırdan başlayacak şekilde büyük harfle yazmama izin verin.
Ve X 0 iken, Y döngü kelimesi Y'yi sıfırdan başlatır.
Aynen böyle.
Ve sonra bir dahaki sefere X döngüsü boyunca hala sıfır.
Fakat bu sefer neden 100'dür.
Çünkü yüz kat arttığımız zaman x hala sıfır ve Y 200'tür.
Sonra X sıfırdır.
Neden 300 ve benzeri.
Bir nokta nokta nokta yapacağım ve X'in sıfır olduğunu söyleyeceğim.
Aslında 1000 neden gerçekte, daha azımız var, o zaman sadece 900'e ulaşacağız ve sonra X, 100 olacak
şekilde değişiyor ve sonra Y, sıfıra geri dönmek için değişiyor.
Temel olarak her x için 10 y üretiyoruz.
Böylece 100 veya 100 yineleme yaşayacağız.
Bu yüzden biraz karışık ama işinize başlayınca yardımcı oluyor X sıfırdan başlayan sıfırlar sıfırdan başlar ancak
X, 0'da kalır ve y 200'den 100'e kadar yükselir.
Ve biz bu bilginin her birinde bir daire çiziyoruz.
Sonra neden sıfırlar ve sonra X gider ve artışlar.
TAMAM.
Bence biraz kafa karıştırıcı.
Yapabileceğimiz son şey küçük bir değişikliktir.
Aslında bunu her seferinde bir değişkene kaydetmek zorunda değiliz.
Bunu, şu şekilde değiştirebiliriz: Değişkenleri sürekli atamayacağımız yerden biraz daha verimlidir, çünkü bir
daha asla bu çevrelerle hiçbir şey yapmamaktayız.
Sadece bir kez yaptık.
Dolayısıyla, bir değişkeni her seferinde döngü yoluyla yeniden yazıp yeniden başlatmak yerine
yeni bir daire oluşturarak sadece mor bir dolgu rengi verin veya yenilendikten sonra sarı yapalım.
Oraya gidiyoruz.
TAMAM.
Bu yüzden burada biraz saptırma vardı ama yine de oldukça önemli.
Arkandaki motivasyon yine yapıyor.
Umarım yapmışsındır.
Ancak motivasyon, yalnızca javascript becerileri döngüleriyle kağıt evet birleştiren bir uygulama elde etmenizdi ve tüm
yapmanız gereken kısa bir kod satırı bilgisini aramak ve bu çemberi yapmak için perde arkasında
bir grup kod çalıştıracağını görmekti. Bir sonraki videoda gösteri yapmaya başlayacak ve
pad saldırı klonumuz üzerinde gerçekten çalışmaya başlayacağız.