승인.
제가 언급했듯이, 우리는 빠른 연습을 할 것입니다. 완제품이 나오기까지는 매우 실망 스럽겠지만, 그냥 종이로 연습을하는 것이 좋습니다.
실제로 필요한 코드 네 줄은 실제로 매우 간단합니다.
내가 원한 것은 원 그리드입니다. 정확한 측정 값은 0 점과 100 픽셀마다 시작하는 원입니다.
나는 또 다른 원을 그리고있다.
나는 반경이 1000까지 줄곧 10이라고 생각합니다.
여기 1000 1000입니다.
따라서 화면에 100 개의 ish 원을 얻는 것은 중요하지 않습니다. 한 번에 하나씩 수동으로 수행하지 않아도됩니다.
그러면 어떻게 할 수 있습니까?
그것은 당신에게 달려 있습니다.
증가하고있는 좌표 x와 y 좌표를 생성하는 방법을 알아야합니다.
그리고 그들을 모두 보라색이나 어떤 색깔로 만들 수 있습니다.
실제로 요점이 아니거나 다른 모양으로 만듭니다.
따라서 사각형이나 직사각형을 사용하거나 X가 커질수록 색상이 빨갛게되는 그래디언트에 색상이있는 곳에서 더 재미있는 것을 시도해보십시오.
기억이 잘 안나네요. 기억이 안나네요.하지만이 신문은 당신에게 RGV 색상을 16 진수로 표현할 수 있습니다.
따라서 빨간색 구성 요소 또는 녹색 구성 요소를 증가시키는 색상을 생성 할 수 있습니다.
하지만 최소한 최소한 100 개의 서클 그리드를 찾고 있습니다.
그리고 원한다면.
그들이 무작위로 배치되도록 랜덤화할 수도 있습니다.
난 당신이 페이지에 많은 서클을 갖길 원해.
승인.
잠시 비디오를 일시 중지하십시오.
혼자서 해보십시오.
나는 길을 잃는 것이 좋습니다.
문서는 조금 있습니다.
몇 가지 시도해보십시오.
예제를보고 다시 돌아 오면 해결할 것입니다.
괜찮아.
큰.
이것이 내가 전에 중단 한 곳이며, 거의 모든 코드를 제거 할 것입니다.
그래서 우리는 그 선을 더 이상 원하지 않습니다.
그거야.
한 번 보자.
우리는 정말로 필요하지 않은 거대한 원을 푸십시오.
우리는 그 코드를 유지하여 원을 만드는 방법을 알고 있지만 거대한 것을 원하지는 않을 것입니다.
그래서 여기서 우리가하고 싶은 것은 루프를 사용하는 것입니다.
그래서 여기서 원을 만들기 위해 루프를 사용하고 싶습니다. 그리고 여기에 원을 그리는 원은 기본적으로 x 좌표에 10 또는 100을 더할 것이므로 그렇게 할 수 있습니다.
그래서 우리는 루프를 만들 것이고 우리는 멀리있는 곳에서 루프를 시작할 것입니다.
0과 같습니다.
Itis 덜 재미 있고 이것은 아무것도 될 수 있습니다.
나는 그것을 1000으로했다.
그리고 실제로 그것이 X를 얻을 수있게 해줍니다.
그리고 매번.
원 플러스를 만들기 위해 사용할 수있는 X 플러스 플러스를 사용하는 대신 모든 픽셀이 100 점의 점프를 수행 한 다음이 코드를 복사하고 원을 그리는 것뿐입니다.하지만 남겨두면 조금씩 바꿀 것입니다.
이것은 동일한 경주에서 정확히 같은 지점에서 10 개의 서클을 만들 것입니다.
그래서 우리가 원하는 것은 X 콤마로하고 y는 0으로 고정 될 것입니다.
따라서 y 좌표가 0이고 반지름이 모두 10 인 원으로 이루어져야합니다.
그리고 그 새로 고침을 살펴보면 여기에서 볼 수있는 100 개의 픽셀마다 10 개의 원이 생기고 새로운 10 개의 원이 생깁니다.
그래서 우리가 원하는 것은 기본적으로 다시 반복하는 것입니다.
그래서 우리는 처음으로 시간을 보낸다.
이 행 중 하나가 10 번 내려야합니다.
가장 좋은 방법은 다른 루프를 사용하는 것입니다.
그래서 우리는 여기에있는 것을 가져 가고 이것을 반복하여 다른 루프를 만들 수 있습니다.
그리고 이번에는 y 좌표를 위해 이것을 할 것입니다.
그렇다면 왜 올라가서 1000 y 플러스와 100을 말해야합니다.
그리고 어떻게 작동하는지 정확하게 알려 드리겠습니다.
나는 중첩 된 루프가 0이되도록 변경하면 혼란 스러울 수 있다고 생각합니다. 실제로 이제는 필요한 모든 것입니다.
그래서 우리가 그리드를 얻는 지 다시 한번 보자.
그래서 가장 흥미로운 것은 아니지만 우리는 매우 빨리 원을 더했습니다.
이제이 중첩 루프를 살펴 보겠습니다.
그래서 저는 처음부터 X가 0에서 시작할 때 약간의 다이어그램을 그렸습니다.
그래서 저는 x와 y가있는 곳에서 이렇게 할 것입니다.
승인.
X가 0에서 시작하도록 대문자로 만듭니다.
그리고 X가 0 인 동안 우리는 Y를 0에서 시작하는이 루프 워드를합니다.
그냥 그렇게.
그리고 나서이 y 루프를 통해 다음 번에 X는 여전히 0입니다.
그러나 이번에는 왜 100 명입니까?
100을 더하면 x는 여전히 0이고 Y는 200입니다.
그러면 X는 0입니다.
왜 300 살이 지요.
나는 한 점 점을 찍을 것이고 X는 0이라고 말할 것이다.
왜 우리가 적은 것은 900에 도달하고 X를 100으로 변경 한 다음 Y가 0으로 되돌아 가기 위해 1000이 된 이유는 무엇입니까?
기본적으로 모든 x에 대해 10 y를 생성합니다.
그래서 우리는 100 회 또는 100 회 반복됩니다.
그래서 조금 혼란 스럽지만,이 단계를 거치면 X가 0으로 시작하고 0에서 시작하지만 X가 0에 머무르며 y는 200보다 100까지 올라갑니다.
그리고 우리는 그 하나 하나에서 하나의 원을 그리고 있습니다.
왜 그런 다음 재설정하고 X가 올라가서 증가합니다.
승인.
제 의견으로는 너무 혼란 스럽습니다.
우리가 할 수있는 마지막 일은 작은 변화입니다.
매번 이것을 매 변수에 저장할 필요는 없습니다.
우리는 이것을 이렇게 변경할 수 있습니다. 변수를 계속 재 할당하지 않으면 서클을 다시 사용하지 않기 때문에 좀 더 효율적입니다.
우리는 단지 한 번만 만들고 있습니다.
따라서 루프를 반복 할 때마다 변수를 다시 작성하고 다시 초기화하는 대신 새 원을 보라색 채우기 색을 지정하거나 노란색으로 저장 새로 고침을 수행하십시오.
우리는 거기에 갈.
승인.
그래서 이것은 약간의 전환 이었지만 여전히 중요한 부분이었습니다.
다시 그 일을하는 동기.
바라기를 바랐다.
그러나 동기 부여는 자바 스크립트 기술 루프를 종이로 결합하는 연습을하는 것이 었습니다. 예를 들어 짧은 코드 행을 알고 전화를하기 위해 일련의 코드를 실행해야한다는 것을 알았습니다. 다음 동영상의 OK는 실제로 공연에 참여하고 패드 공격 클론을 실제로 시작합니다.