1
00:00:00,290 --> 00:00:00,650
TAMAM.

2
00:00:00,690 --> 00:00:05,850
Bahsettiğim gibi hızlı bir egzersiz yapacağız ve mamul bitinceye kadar çok

3
00:00:05,850 --> 00:00:11,030
zor geliyor olacak, ancak kağıt tezgahıyla pratik yapmak iyi bir şey.

4
00:00:11,100 --> 00:00:14,920
İhtiyacınız olan kod aslında basit 4 ish satırları.

5
00:00:15,150 --> 00:00:23,520
Tek istediğim daire çizgileri ve kesin ölçümler burada sahip olduğum şeyin önemi yok,

6
00:00:23,640 --> 00:00:28,410
sıfırdan sıfırdan başlayıp 100 pikselden başlayan bir daire.

7
00:00:28,620 --> 00:00:29,750
Başka bir daire çiziyorum.

8
00:00:29,750 --> 00:00:33,720
Sanırım bu yarıçap 1000'e kadar 10'dur.

9
00:00:33,720 --> 00:00:36,540
Yani burada 1000 1000 var.

10
00:00:37,260 --> 00:00:43,680
Dolayısıyla gerçekten önemli değil, elinde tek seferde bir tane yapmadan ekranda açıkça 100 ish

11
00:00:43,680 --> 00:00:45,380
daire elde etmeniz önemli.

12
00:00:45,390 --> 00:00:46,830
Peki bunu nasıl yaparsın.

13
00:00:46,890 --> 00:00:48,240
Bu size kalmış.

14
00:00:48,270 --> 00:00:53,220
Artan artan bu koordinatlar x ve y koordinatlarının nasıl üretileceğini bulmanız gerekir.

15
00:00:53,760 --> 00:00:57,440
Ve hepsini mor veya herhangi bir renkte yapmaktan çekinmeyin.

16
00:00:57,460 --> 00:01:00,250
Bu gerçekten bir nokta değil veya onları başka bir şekil haline getiriyor.

17
00:01:00,270 --> 00:01:07,140
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,

18
00:01:07,410 --> 00:01:10,810
X'in daha büyük olması renklerin daha da kırmızılaşmasına neden olur.

19
00:01:10,970 --> 00:01:16,410
Hatırlıyorum, sanırım gerçekten sana bunları söylemediğimi hatırlamıyorum ama JSE sen RGV

20
00:01:16,410 --> 00:01:17,840
renklerini onaltılık yapabilirsin.

21
00:01:17,970 --> 00:01:23,610
Böylece kırmızı bileşeni veya o yeşil bileşeni artırdığınız bir renk oluşturabilirsiniz.

22
00:01:23,820 --> 00:01:28,670
Ama en azından daire dolaşımını en az 100 arıyorum.

23
00:01:28,700 --> 00:01:29,260
Ve istersen.

24
00:01:29,270 --> 00:01:32,770
Ayrıca onları her yerde oldukları şekilde rastgele seçebilirsiniz.

25
00:01:32,850 --> 00:01:34,940
Sayfada bir sürü daire almanı istiyorum.

26
00:01:35,010 --> 00:01:35,530
TAMAM.

27
00:01:35,610 --> 00:01:37,540
Bu yüzden bir dakikanızı ayırın, videoyu duraklatın.

28
00:01:37,680 --> 00:01:39,020
Bunu kendi başınıza deneyin.

29
00:01:39,030 --> 00:01:40,380
Kaybolmanızı öneririm.

30
00:01:40,380 --> 00:01:41,400
Dokümanlar birazcık.

31
00:01:41,430 --> 00:01:42,370
Bir şeyler deneyin.

32
00:01:42,390 --> 00:01:51,110
Örneklere bakın ve sonra tekrar gelin ve çözüme geçelim.

33
00:01:51,120 --> 00:01:51,480
Tamam.

34
00:01:51,480 --> 00:01:52,570
Harika.

35
00:01:52,590 --> 00:01:58,780
Bu yüzden bıraktığım yerden önce sahip olduğum budur ve neredeyse tüm bu koddan kurtulacağım.

36
00:01:58,950 --> 00:02:00,940
Artık o çizgiyi istemiyoruz.

37
00:02:01,230 --> 00:02:02,940
Bunlardan herhangi biri.

38
00:02:02,940 --> 00:02:03,930
Hadi bir bakalım.

39
00:02:03,930 --> 00:02:07,330
Gerçekten ihtiyacımız olmayan devasa çemberi çözdük.

40
00:02:07,470 --> 00:02:12,780
Bu kodu tutmak istiyoruz, böylece bir çevrenin nasıl hazırlanacağını biliyoruz, ancak dev bir tane istemiyoruz.

41
00:02:12,960 --> 00:02:15,500
Burada yapmak istediğimiz şey bir döngü kullanmaktır.

42
00:02:15,930 --> 00:02:23,070
Dolayısıyla burada bir daire oluşturmak için bir döngü kullanmak istiyoruz ve burada burada daire olan bir

43
00:02:23,070 --> 00:02:28,610
daire, aslında x koordinatına 10 veya 100 ekleyeceğiz, böylece bunu yaparak başlayabiliriz.

44
00:02:28,800 --> 00:02:34,080
Dolayısıyla bir döngü kuracağız ve çok uzakta sıfır döngüden başlayacağız.

45
00:02:34,110 --> 00:02:35,360
Sıfıra eşittir.

46
00:02:35,650 --> 00:02:38,110
Daha az eğlenceli ve bu her şey olabilir.

47
00:02:38,130 --> 00:02:40,080
1000 yaptım.

48
00:02:40,140 --> 00:02:43,980
Ve aslında daha net olması için X almamı sağlıyor.

49
00:02:45,300 --> 00:02:46,780
Ve her seferinde.

50
00:02:46,800 --> 00:02:54,540
Bir daire oluşturmak için kullanabildiğimiz X artı artı yerine, her piksele 100 atlamayı yapacak

51
00:02:54,870 --> 00:03:04,020
ve daha sonra yapacak tek şey bu kodu kopyalayıp bir daire yapmak ama bunu bıraktıysak biraz

52
00:03:05,220 --> 00:03:05,890
değiştireceğiz.

53
00:03:05,930 --> 00:03:09,960
Bu bize aynı ırktan aynı yerde 10 daire oluşturur.

54
00:03:09,960 --> 00:03:19,050
İstediğimiz şeyden önce X virgül yapalım ve y 0 olarak sabitlenecek.

55
00:03:19,860 --> 00:03:27,260
Böylece bize y koordinatı sıfır ve yarıçaplı 10 daire yapar daireler bir satır yapmalısınız.

56
00:03:27,330 --> 00:03:35,840
bir göz atarsak, 100 pikselde 10 daire bulacağız, burada yeni bir daire elde edeceğiz.

57
00:03:35,850 --> 00:03:38,640
Ve eğer bu yenilemeye

58
00:03:38,670 --> 00:03:42,790
Yani yapmak istediğimiz şey temelde tekrarlamak.

59
00:03:42,930 --> 00:03:45,670
Böylece ilk vaktimiz geldi.

60
00:03:45,900 --> 00:03:49,700
Bu sıralardan birine 10 kere iniyor olmalıyız.

61
00:03:49,980 --> 00:03:52,790
Ve bunu yapmanın en iyi yolu başka bir döngüyü kullanmaktır.

62
00:03:53,070 --> 00:03:58,820
Bu yüzden burada sahip olduğumuz şeyleri almak ve bunları tekrarlamak istiyoruz, böylece başka bir döngü oluşturabiliriz.

63
00:03:59,340 --> 00:04:02,990
Ve bu sefer bunu y koordinatı için yapacağız.

64
00:04:03,060 --> 00:04:09,240
Peki neden gidip 1000 y artı 100'e eşit olduğunu söylemeliyiz.

65
00:04:09,540 --> 00:04:12,130
Ve bunun nasıl yürüdüğüyle ilgili olarak size yürüyeceğim.

66
00:04:12,150 --> 00:04:14,520
Sanırım sadece 0'ı y olarak değiştirirsek, iç

67
00:04:17,490 --> 00:04:21,560
içe geçmiş döngüler biraz kafa karıştırıcı olabilir. Şimdi yapmamız gereken tek şey budur.

68
00:04:21,990 --> 00:04:24,940
Şimdi ızgarayı alalım diye tazeleyelim.

69
00:04:25,080 --> 00:04:29,880
Bu yüzden en heyecan verici şey değil ama biz çok hızlı bir şekilde bir grup daire ekledik.

70
00:04:29,910 --> 00:04:32,430
Bu yüzden iç içe döngüye bir göz atalım.

71
00:04:32,460 --> 00:04:37,210
Bu yüzden X aracılığıyla sıfırdan başlamak üzere ilk kez küçük bir diyagram çizdim.

72
00:04:37,800 --> 00:04:43,610
Bu yüzden bunu x ve y olduğum yerde yapacağım.

73
00:04:44,220 --> 00:04:44,910
TAMAM.

74
00:04:44,910 --> 00:04:48,970
X sıfırdan başlayacak şekilde büyük harfle yazmama izin verin.

75
00:04:50,460 --> 00:04:55,840
Ve X 0 iken, Y döngü kelimesi Y'yi sıfırdan başlatır.

76
00:04:56,280 --> 00:04:58,540
Aynen böyle.

77
00:04:59,400 --> 00:05:03,460
Ve sonra bir dahaki sefere X döngüsü boyunca hala sıfır.

78
00:05:03,660 --> 00:05:06,210
Fakat bu sefer neden 100'dür.

79
00:05:06,210 --> 00:05:13,610
Çünkü yüz kat arttığımız zaman x hala sıfır ve Y 200'tür.

80
00:05:14,130 --> 00:05:15,350
Sonra X sıfırdır.

81
00:05:15,390 --> 00:05:18,090
Neden 300 ve benzeri.

82
00:05:18,280 --> 00:05:21,260
Bir nokta nokta nokta yapacağım ve X'in sıfır olduğunu söyleyeceğim.

83
00:05:21,660 --> 00:05:31,800
Aslında 1000 neden gerçekte, daha azımız var, o zaman sadece 900'e ulaşacağız ve sonra X, 100 olacak

84
00:05:31,800 --> 00:05:37,590
şekilde değişiyor ve sonra Y, sıfıra geri dönmek için değişiyor.

85
00:05:38,460 --> 00:05:44,690
Temel olarak her x için 10 y üretiyoruz.

86
00:05:44,970 --> 00:05:49,500
Böylece 100 veya 100 yineleme yaşayacağız.

87
00:05:49,530 --> 00:05:56,400
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

88
00:05:56,400 --> 00:06:00,210
X, 0'da kalır ve y 200'den 100'e kadar yükselir.

89
00:06:00,210 --> 00:06:03,370
Ve biz bu bilginin her birinde bir daire çiziyoruz.

90
00:06:03,420 --> 00:06:07,590
Sonra neden sıfırlar ve sonra X gider ve artışlar.

91
00:06:07,890 --> 00:06:08,250
TAMAM.

92
00:06:08,250 --> 00:06:12,060
Bence biraz kafa karıştırıcı.

93
00:06:12,060 --> 00:06:15,000
Yapabileceğimiz son şey küçük bir değişikliktir.

94
00:06:15,000 --> 00:06:18,430
Aslında bunu her seferinde bir değişkene kaydetmek zorunda değiliz.

95
00:06:19,230 --> 00:06:26,070
Bunu, şu şekilde değiştirebiliriz: Değişkenleri sürekli atamayacağımız yerden biraz daha verimlidir, çünkü bir

96
00:06:26,070 --> 00:06:29,740
daha asla bu çevrelerle hiçbir şey yapmamaktayız.

97
00:06:30,120 --> 00:06:31,290
Sadece bir kez yaptık.

98
00:06:31,410 --> 00:06:37,650
Dolayısıyla, bir değişkeni her seferinde döngü yoluyla yeniden yazıp yeniden başlatmak yerine

99
00:06:37,650 --> 00:06:45,730
yeni bir daire oluşturarak sadece mor bir dolgu rengi verin veya yenilendikten sonra sarı yapalım.

100
00:06:45,900 --> 00:06:46,560
Oraya gidiyoruz.

101
00:06:46,800 --> 00:06:47,220
TAMAM.

102
00:06:47,370 --> 00:06:52,560
Bu yüzden burada biraz saptırma vardı ama yine de oldukça önemli.

103
00:06:52,560 --> 00:06:54,680
Arkandaki motivasyon yine yapıyor.

104
00:06:54,690 --> 00:06:55,380
Umarım yapmışsındır.

105
00:06:55,400 --> 00:07:02,010
Ancak motivasyon, yalnızca javascript becerileri döngüleriyle kağıt evet birleştiren bir uygulama elde etmenizdi ve tüm

106
00:07:02,070 --> 00:07:08,550
yapmanız gereken kısa bir kod satırı bilgisini aramak ve bu çemberi yapmak için perde arkasında

107
00:07:08,550 --> 00:07:13,620
bir grup kod çalıştıracağını görmekti. Bir sonraki videoda gösteri yapmaya başlayacak ve

108
00:07:13,620 --> 00:07:16,810
pad saldırı klonumuz üzerinde gerçekten çalışmaya başlayacağız.