승인.
다시 오신 것을 환영합니다.
그래서이 비디오에서 언급했듯이 실제로 여기에있는 애완 동물 공격 클론에서 작업하기 시작합니다.
먼저 우리가 실제로 본 원을 추가하는 방법을 알아내는 것입니다. 사용자가 내 경우에 실제로 어떤 키를 치는 경우 서클에서 몇 가지 작업을 수행하고 싶습니다. 그녀의 아이들을 위해.
다른 키에 대해서도 같은 방식으로 작동합니다.
따라서 사용자가 원을 그리며 키를 치면 그 원의 애니메이션을 알아야합니다.
마지막으로 임의의 좌표에 해당 원을 추가하려고합니다.
시작하려면 키를 치고 화면 중앙에 원을 추가하십시오.
자 이제 paper japes 문서로 가서 상호 작용을 살펴보고 키보드 상호 작용을 살펴 보겠습니다.
그리고 나는 잘 보입니다. 어디에서보아야할지 몰랐습니다.하지만 여기 처음 왔을 때, 저는 이것들을 대부분 훑어 보았고, 키보드를 찾아 보았을 때 가장 가능성이 높다고 말하려고했습니다. 내가 다시이 작업을하고 있다면이 비디오를 준비하지 않았으므로 어쨌든 검색을 수행했을 수도 있다는 것을 알기 위해 더 오래 걸렸을 것입니다. 그러면 아래로 스크롤하여 몇 가지 예를 살펴 보겠습니다.
이 첫 번째 포커스를 빠르게 누른 다음 몇 가지 키를 누르면 그것은 어떤 열쇠가 눌려 졌는지 알려줍니다.
그래서 지금은 K를 누르고 나서 풀어주고 있습니다.
그리고 코드를 보면 키 누르기와 안 키아까지 정말 쉽습니다.
따라서 이벤트 리스너에 대한 문서가 없기 때문에 이벤트 청취자에게 문서화 된 Jay queery 이벤트 리스너가 없습니다.
그러나 종이 스크립트의 경우 우리는이 초간직 줄을 써야하므로 실제로 복사하면됩니다. 이렇게하면 응용 프로그램의 핵심 요소가됩니다.
우리는 소리가 즉시 재생되기를 원합니다.
따라서 제가 건반을 누르지 않았을 때, 피아노와 같은 종류의 피아노 나 소음이 들릴 때 생성되는 소리는 키를 누르거나 나중에 오른쪽을 누르면 생성됩니다. 너는 풀어.
그래서 윌이 열쇠를 털어 놓습니다.
나는 그것을 복사했고 새로운 서클을 만들기 만하면이 코드가 필요할 것이다.
그러나 우리는 단지 우리가 루프를 필요로하지 않기를 원합니다.
그걸 없애고 키를 눌러 새로운 원을 만들거야.
따라서이 과정은 당신이 다른 조각을 가지고있을 때 매우 현실적입니다.
그래서 나는 이것을 키 아래의 문서에서 발견했다.
당신은 그걸 없앨 수 있습니다.
그리고 나는 이것도 문서에서 발견했고 우리는 이것을 바꿀 필요가있다. X와 Y는 정의되지 않았다.
이제 100 쉼표 100으로 입력하고 필 색을 오렌지색으로 만들어 봅시다.
그래서 아래로이 코드를 실행하십시오.
그리고 다시 우리가 본 것과는 아주 다르거 나 우리는 이벤트 리스너를 문서화했습니다.
그런 다음 몇 가지 요소를 추가해야합니다.
그래서 우리는 문서 도트 쿼리 선택기 div div와 같은 몇 가지 요소를 이벤트 리스너를 추가 한 다음 클릭 또는 키 누르기 또는 키 위로 말해야 할 것입니다.
그것은 훨씬 더 많은 코드입니다.
이것은 Paperchase를 사용하면 정말 간단합니다.
그래서 열쇠 아래에서 어떤 일이 일어나는 지 봅시다.
열쇠를 눌러서 원으로 끝나고 1을 누를 때마다 또 다른 원이 생깁니다.
너는 단지 그것을 볼 수 없다.
자 이제 화면에서 임의의 위치에 원을 추가하기 위해이 작업을 해봅시다.
그리고 우리가 실제로하는 일은 실제로 저의 작업을 조금만 취해서 기본적으로 0부터 화면의 최대 너비까지 그리고 두번째 숫자를 0부터 최대까지 생성하는 우리 스스로 할 수 있다는 것을 발견했습니다 화면의 최대 높이까지.
그리고 그것은 너무 많은 작업은 아니지만 우리는 너가 Paperchase에 가고 만약에 너가 참조하는 곳을 볼 때 너비와 높이와 치수를 알아 내야 만한다.
그리고 그 때가 열린 모습입니다.
그리고 다시 나는 방금 전에 내가 며칠 동안 이것을 발견했다.
그러나 우리가 너를 바라보고 경계선을 보거나 가시 영역의 크기와 프로젝트 좌표의 크기 일 수도있다.
그래서 우리가 영사와 같은 일을한다면 로그보기 크기가 다시 여기에서 발견되어 페이지를 새로 고치고 우리가 얻는 것을 볼 수 있습니다. 우리는 높이와 너비를 가져 와서 그 높이와 너비를 취할 수 있습니다.
그래서 당신은 사이즈의 도트 높이가 아니며 그 크기를 시작하는 로그를 취소하고 우리는 그 새로 고침과 prosequi를 사용할 수 있습니다.
현재 크기가 6 백 92 x 7 백입니다.
그러나 크기를 조정하면 다음에 변경 사항을 볼 수 있습니다.
Persecutee.
따라서 우리는이를 사용하여 필요한 두 점을 생성 할 수 있습니다.
그러나 우리가 할 수있는 또 다른 일은 실제로 우리가 무작위로 가리킬 수있는 방법을 발견했습니다.
따라서 무작위로 수학을 수행해야하는 것보다 1 0과 1 사이의 무언가를 제공하는 것보다 더 많은 것을 곱한 다음 위 또는 아래로 이동해야합니다.
그것은 일종의 고통입니다.
그래서 우리가 대신 할 것은이 멋진 종이 J S 방식을 사용하는 것입니다.
따라서 최대 점을 만들어서 원을 추가 할 수있는 최대 점이 새로운 점 뷰 점 크기가 될 것입니다.
그리고 우리는 그 크기의 도트 쉼표로 원하는 것입니다.
따라서 x와 y는 최대 X 또는 최대 y입니다.
그래서 우리의 최대 점을 만들고 우리가 일정한 alt 로그를한다면 당신을 보여줄 것입니다. Max point 거기에 우리가 실제로 최대 점에 우리 원을 추가합시다.
따라서 여기에 100 점의 카모 100에서 새로운 포인트를 만드는 대신 Max 포인트를 제공 할 것입니다.
승인.
이제이를 시도하고 페이지를 새로 고치는 사람들을 제거해 보겠습니다.
나는 열쇠를 쳤다.
우린 아래 오른쪽 구석에있는 걸 보자.
그리고 만약 내가 다시 크기를 조정하고 다시 해보면 열쇠를 맞았습니다. 이제 우리는 여기서 최대 점을 얻습니다.
그래서이 캔버스의 가시 ​​영역이 변경되면 최대 점 변경이 변경되므로 화면 크기 나 창 크기를 알기 위해 항상 임의의 숫자를 생성하지는 않기 때문에이 방법이 유용합니다. 가시 영역 그것은 전체 창조차도 아니지만 캔버스의 가시 ​​영역 만이 최대 포인트 변경을 변경합니다.
좋아, 그렇게 해.
이제 우리가하고자하는 것은 그 최대 점을 얻는 것입니다. 우리는 임의의 점을 생성 할 것입니다.
그래서 우리는 단지 랜덤 포인트라고 부를 것이고 랜덤 점이있는 메소드 점이 있습니다. 그러면 마스코트 Rande처럼 0에서 1 사이의 임의의 점을 하나의 행을 제외하고 무작위로 줄 것입니다.
우리는 점 개체를 얻습니다.
기본적으로이 작업을 수행합니다.
새로운 점은 무작위로 쉼표로 점을 찍은 다음 점을 찍어서 점을 부르는 또 다른 변수를 만들고 싶습니다.
그래서 우리는이 두 점을 함께 곱합니다.
그것은 이상한 수학이 많지만 기본적으로 0과 11 사이의 점을 생성하지만 기술적으로는 점 9 9 9 9 등이 될 것입니다.
그래서 우리가 포인트 5 점 5 점을 생성했다고 가정하자. 그 다음으로 우리가 할 수있는 최대 점은 우리가 만들 수있는 최대 점이 될 것입니다.
그래서 1280x720 또는 우리의 창 크기가 600x300이면 무엇인가를 곱한 다음이 경우 300 쉼표 150에 해당하는 새로운 지점으로 끝납니다.
이것이 가시 영역에 존재하는 최대 또는 임의의 점을 생성하는 방법입니다.
그들은 현재 캔버스의 보이는 영역입니다.
이제는 포인트로 이동하기 위해 이것을 변경합시다.
이제 새로 고침 해 봅시다.
아무 열쇠 나 치면 우연히 무작위로 나타납니다.
키를 누를 때마다.
오케이.
창 크기를 조정하면 중간에 놓습니다.
열쇠를 누를 때마다 우리는 여전히 그것을 봅니다.
그래서 더 이상 좋은 점수를 얻지 못합니다.
따라서 창 크기를 조정할 경우 사용자가 새로 고침 할 필요가 없기 때문에 새로운 시각적 영역을 가져 와서 계산 된 숫자를 얻을 수 있습니다.
좋아.
그래서 우리가 이미 보았던 원을 생성하는 방법이지만, 사용자가 키를 치면 원을 생성하는 방법입니다.
그리고 우리는 다음 비디오에서 임의의 지점을 만드는 방법에 대해 이야기했습니다.
먼저이 점의 색상을 변경하고 색상이 다른 색상으로 희미 해지면서 간단한 애니메이션을 만드는 방법을 살펴 보겠습니다.
그리고 또한 그들을 축소 시켜서.
그래서 우리는 다음 비디오가 보일 것입니다. 그리고 우리는 돌아가서 사운드를 추가 할 것입니다.