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
자 이제 paper 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
그리고 코드를 보면 키 누르기와 안 키아까지 정말 쉽습니다.

14
00:01:38,520 --> 00:01:46,670
따라서 이벤트 리스너에 대한 문서가 없기 때문에 이벤트 청취자에게 문서화 된 Jay 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 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
그리고 우리가 실제로하는 일은 실제로 저의 작업을 조금만 취해서 기본적으로 0부터 화면의 최대 너비까지 그리고 두번째 숫자를 0부터 최대까지 생성하는 우리 스스로 할 수 있다는 것을 발견했습니다 화면의 최대 높이까지.

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
그래서 당신은 사이즈의 도트 높이가 아니며 그 크기를 시작하는 로그를 취소하고 우리는 그 새로 고침과 prosequi를 사용할 수 있습니다.

44
00:05:10,020 --> 00:05:16,880
현재 크기가 6 백 92 x 7 백입니다.

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
그래서 우리가 대신 할 것은이 멋진 종이 J S 방식을 사용하는 것입니다.

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 로그를한다면 당신을 보여줄 것입니다. Max point 거기에 우리가 실제로 최대 점에 우리 원을 추가합시다.

56
00:06:42,720 --> 00:06:47,720
따라서 여기에 100 점의 카모 100에서 새로운 포인트를 만드는 대신 Max 포인트를 제공 할 것입니다.

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
좋아, 그렇게 해.

64
00:07:33,150 --> 00:07:39,540
이제 우리가하고자하는 것은 그 최대 점을 얻는 것입니다. 우리는 임의의 점을 생성 할 것입니다.

65
00:07:39,660 --> 00:07:53,090
그래서 우리는 단지 랜덤 포인트라고 부를 것이고 랜덤 점이있는 메소드 점이 있습니다. 그러면 마스코트 Rande처럼 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과 11 사이의 점을 생성하지만 기술적으로는 점 9 9 9 9 등이 될 것입니다.

71
00:08:36,880 --> 00:08:50,500
그래서 우리가 포인트 5 점 5 점을 생성했다고 가정하자. 그 다음으로 우리가 할 수있는 최대 점은 우리가 만들 수있는 최대 점이 될 것입니다.

72
00:08:50,550 --> 00:09:08,980
그래서 1280x720 또는 우리의 창 크기가 600x300이면 무엇인가를 곱한 다음이 경우 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
이제는 포인트로 이동하기 위해 이것을 변경합시다.

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
그래서 우리는 다음 비디오가 보일 것입니다. 그리고 우리는 돌아가서 사운드를 추가 할 것입니다.