1
00:00:00,440 --> 00:00:00,840
好。

2
00:00:00,840 --> 00:00:01,770
歡迎回來。

3
00:00:01,770 --> 00:00:07,420
因此，正如我在這個視頻中提到將真正開始在寵物攻擊克隆在這裡工作。

4
00:00:07,430 --> 00:00:23,520
所以，我們要做的第一件事是弄清楚如何添加，我們實際上已經已經出現了一圈，但我們想在一個圈做了幾件事情，當用戶在我的情況實際上是打任意鍵我只是做她的孩子。

5
00:00:23,750 --> 00:00:25,730
它可以用於任何其它鍵的方式相同。

6
00:00:25,800 --> 00:00:32,270
因此，當用戶點擊在圓圈鍵，然後我們還需要弄清楚該圓的動畫。

7
00:00:32,610 --> 00:00:36,200
，最後我們想補充一點，圓一個隨機坐標。

8
00:00:36,330 --> 00:00:41,890
所以開始我們只命中關鍵，並添加了一圈到屏幕的中間。

9
00:00:42,570 --> 00:00:51,070
所以，讓我們去到紙張japes文檔和看一看的互動，並期待在鍵盤交互。

10
00:00:51,690 --> 00:01:18,810
我知道這好像很好，我不知道在這裡看看，但我第一次來到這裡，我花了很多時間尋找，我只是完成大部分的去了，搜索基本上鍵盤想說的，最有可能如果我被自己再次這樣做的，我沒有這個視頻會已經採取了我很多更長的時間才能發現，我可能已經做了搜索無論如何，這樣的向下滾動，只是看一些例子準備。

11
00:01:18,840 --> 00:01:27,910
快速這裡這第一個重點，然後按某些鍵，它告訴你按下哪個鍵，它被釋放，以及時。

12
00:01:28,350 --> 00:01:32,860
所以，現在我按k，然後鬆開。

13
00:01:33,150 --> 00:01:38,450
如果你看一下代碼，它只是在鍵並Anchia起來很容易。

14
00:01:38,520 --> 00:01:46,670
所以它不是有上事件偵聽器沒有文檔沒有周杰倫幕後queery事件偵聽器有在事件偵聽器發生的記錄。

15
00:01:46,920 --> 00:01:57,210
但對於造紙腳本中，我們只需要編寫這個超級簡單的線條，所以我們可以採取的實際上只是複製下來，這將做重點為我們的應用程序。

16
00:01:57,360 --> 00:01:59,070
我們想要的聲音立即播放。

17
00:01:59,070 --> 00:02:14,880
所以當我按下不是當我公佈在想，這是一個稍微慢一點這有點像鋼琴鍵，當你打的生成，當你按下鍵或右後不是當是正確的產生鋼琴或噪聲的聲音你釋放。

18
00:02:15,240 --> 00:02:16,290
所以會做鍵不放。

19
00:02:16,290 --> 00:02:21,440
我複製的，我們將通過只是讓一個新的圈子，所以我們需要此代碼開始。

20
00:02:21,630 --> 00:02:24,310
但我們只是想要一個，所以我們不需要再循環。

21
00:02:24,390 --> 00:02:30,870
擺脫這一點，我們就會重點新圈子下來。

22
00:02:32,220 --> 00:02:39,360
那麼，你正在做不同的部分，你只是一種擬合在一起這個過程是非常現實的。

23
00:02:39,810 --> 00:02:42,440
所以，我在關鍵下來的文檔中發現這一點。

24
00:02:42,840 --> 00:02:43,730
你可以擺脫這一點。

25
00:02:43,860 --> 00:02:49,940
我在文檔中發現這個問題，以及，我們確實需要改變這個X和Y沒有定義。

26
00:02:50,010 --> 00:02:55,410
因此，讓我們只是做在100逗號100，並讓我們菲爾橙色。

27
00:02:55,740 --> 00:02:58,380
所以就下來了運行這段代碼。

28
00:02:59,280 --> 00:03:04,410
並再次它比我們所看到的，或者我們已經記錄了一個事件監聽器有很大不同。

29
00:03:04,410 --> 00:03:07,260
然後我們將不得不在某些元素添加。

30
00:03:07,410 --> 00:03:23,300
因此，我們不得不做這樣的文件點查詢選擇喜歡的div元素的一些點添加事件偵聽器，然後我們不得不告訴它點擊或按鍵或鑰匙了。

31
00:03:23,400 --> 00:03:25,160
這是一個很多的代碼。

32
00:03:25,290 --> 00:03:28,950
這是我們與Paperchase很簡單的完成。

33
00:03:29,010 --> 00:03:32,070
等鍵，讓我們看看會發生什麼。

34
00:03:32,310 --> 00:03:37,710
我要去按鍵，我們結束了一個圈，我每次按1我得到另一個圓。

35
00:03:37,710 --> 00:03:39,210
你不能看到它。

36
00:03:39,690 --> 00:03:45,270
所以，現在，讓我們在這方面努力，使我們添加一個圓圈在屏幕上隨機的地方。

37
00:03:45,720 --> 00:04:06,170
而且我們這樣做實際上把我的工作一點點地找到我們能做到這一點我們自己，我們基本上生成兩個數字從零一路上揚，直到我們的屏幕的最大寬度，然後其他數從零直到我們的屏幕的最大高度。

38
00:04:06,570 --> 00:04:19,180
而這還不是太多的工作，但我們必須弄清楚的寬度和高度，如果你去Paperchase它，如果我們看一下在您引用的尺寸。

39
00:04:20,010 --> 00:04:23,220
然後當這打開看看在視圖中。

40
00:04:23,550 --> 00:04:27,080
我又剛剛發現這個前幾天我帶著一點點。

41
00:04:27,090 --> 00:04:36,390
但是，如果我們看著你，我們期待在邊界和或者它的大小可視面積的大小和項目協調。

42
00:04:36,390 --> 00:04:56,240
因此，如果我們不喜歡的東西領事的記錄，再次我只是在這裡發現並刷新頁面，看看我們得到我們得到的高度和寬度，所以我們可以採取的高度和寬度視圖大小。

43
00:04:56,380 --> 00:05:09,370
所以，你不是尺寸的點高度，然後取消您登錄該尺寸入手，我們可以使用刷新和我檢控。

44
00:05:10,020 --> 00:05:16,880
目前認為，大小是692由七百。

45
00:05:17,100 --> 00:05:20,700
但是，如果我調整它，你會看到改變下一次。

46
00:05:20,730 --> 00:05:21,930
Persecutee。

47
00:05:22,240 --> 00:05:26,430
因此，我們可以用它來產生我們需要這兩點。

48
00:05:26,640 --> 00:05:38,570
但是，我們可以做其他的事情實際上是有一個內置的方法，我發現，這將使我們的隨機點，所以我會告訴你這一點。

49
00:05:38,580 --> 00:05:50,340
因此，不應隨意做數學這給了我們1 0和1之間的一些非包容性，那麼我們就必須乘這一點，或轉移其上下。

50
00:05:50,380 --> 00:05:51,960
這是一種很痛苦的。

51
00:05:52,170 --> 00:05:58,500
所以，我們要做的卻是用這個漂亮的紙Ĵ小號的方式，我發現這個樣子的。

52
00:05:58,500 --> 00:06:10,170
所以，讓我們可以添加一個圓圈的最大點將會是新的角度出發點的大小我會做出一個最高分。

53
00:06:10,560 --> 00:06:15,700
然後，我們希望與逗號的大小點的高度。

54
00:06:15,720 --> 00:06:19,400
所以x和y是最大的X或最大的y。

55
00:06:20,160 --> 00:06:42,450
這樣就使得我們的最高點，我會告訴你，如果我們做一個恆定的ALT記錄最大點我們走吧，讓我們實際添加我們的圈子到最大點。

56
00:06:42,720 --> 00:06:47,720
因此，而不是做一個新的點在這裡100加茂100我們只是給它最高點。

57
00:06:47,940 --> 00:06:48,510
好。

58
00:06:48,900 --> 00:06:54,350
所以讓我們嘗試了這一點，現在，擺脫那些刷新頁面。

59
00:06:54,510 --> 00:06:55,870
我打一個關鍵。

60
00:06:55,950 --> 00:06:58,580
看看我們得到一個就在這裡的右下角。

61
00:06:58,590 --> 00:07:06,390
如果我調整做一遍，我打了一個關鍵，我們現在得到我們的最大點就在這裡。

62
00:07:06,390 --> 00:07:29,940
因此，這是不錯的，因為作為窗口變化的可視區域這個畫布上改變了我們最大點變化，因此我們並不總是產生一個隨機數之間的你知道了屏幕的尺寸，甚至是窗口的大小，因為只要可視區域它甚至不是整個窗口，但只是在畫布上的可見區域改變了我們的最高點的變化。

63
00:07:30,250 --> 00:07:32,740
OK，所以我們有。

64
00:07:33,150 --> 00:07:39,540
現在，我們希望做的是採取的最大點，我們要生成一個隨機點。

65
00:07:39,660 --> 00:07:53,090
所以我們就稱它為隨機點，並有一個方法子點隨機的，這會給我們一個隨機點0和1個非包容性就像吉祥物朗德之間除非有一行。

66
00:07:53,130 --> 00:07:54,960
我們拿到一分的對象。

67
00:07:55,480 --> 00:07:56,520
所以基本上這樣做。

68
00:07:56,520 --> 00:08:19,060
新的積分數學點隨機逗號數學隨機點，然後我們要採取使另一個變量，我們會打電話只是一點，它是等於最大分次隨機點就這樣。

69
00:08:19,120 --> 00:08:21,970
所以我們這兩個點相乘。

70
00:08:22,650 --> 00:08:36,770
這是一種有很多奇怪的數學的，但基本上我們產生0和1之間，0 1，但在技術上它會點9 9 9 9所以上的一個點。

71
00:08:36,880 --> 00:08:50,500
所以我們可以說，我們生成一個點作為點五次點五次，然後，我們要做的是，我們有我們的最大點，這將永遠是非常最大的，我們可以做的下一件事。

72
00:08:50,550 --> 00:09:08,980
因此，像12 80 720或任何我們的窗口大小為600 300，然後我們乘在一起，我們結束了一個新的起點就是在這種情況下，300逗號150。

73
00:09:09,000 --> 00:09:15,000
所以這是我們如何能夠產生最大或在可視區域存在一個隨機點。

74
00:09:15,010 --> 00:09:17,550
他們是當前可見的畫布的區域。

75
00:09:17,830 --> 00:09:23,660
OK所以現在就讓我們改變這種做法，它去點。

76
00:09:24,900 --> 00:09:26,960
讓我們來看看現在刷新。

77
00:09:26,980 --> 00:09:29,780
按任何鍵，我們最終隨機圓。

78
00:09:29,790 --> 00:09:31,750
每次按一個鍵。

79
00:09:32,340 --> 00:09:33,670
哎呦。

80
00:09:34,140 --> 00:09:38,650
如果我調整窗口，讓我們把它橫跨半個。

81
00:09:39,720 --> 00:09:42,970
每次我按我們仍然看到它的關鍵。

82
00:09:43,000 --> 00:09:47,730
因此，它不是產生在這裡點了，這是很好。

83
00:09:47,760 --> 00:09:59,030
因此，如果窗口發生調整用戶不必刷新獲得新新的可視區域獲得一種計算數字。

84
00:09:59,350 --> 00:09:59,850
好大。

85
00:09:59,860 --> 00:10:06,870
所以這就是我們如何生成一個圓，你已經看到，但它是我們如何產生圓當用戶點擊一個鍵任意鍵。

86
00:10:07,200 --> 00:10:11,000
我們談到了如何讓一個隨機點在未來的視頻。

87
00:10:11,080 --> 00:10:19,060
我們將看看我們如何能夠通過先改變這些點的顏色，並讓他們褪色不同的色調不同的顏色做一些簡單的動畫。

88
00:10:19,170 --> 00:10:21,450
然後萎縮下來也。

89
00:10:21,580 --> 00:10:25,220
所以，我們會看到一個視頻，然後我們將返回並添加聲音。