우리는 여기서 좋은 모습을하고 있습니다.
우리가 다음에하고 싶은 것은 매번 동일한 6 가지 색상을 사용하지 않도록하는 것입니다.
대신 6 개의 임의의 색상을 생성하고이 배열을 6 개의 임의의 색상으로 채운 다음 해당 색상을 생성하는 색상 중 하나를 선택하려고합니다.
나는 실제로 우리를 도울 다른 함수를 작성하려고합니다.
그래서 우리 함수는 하드 코딩 된 배열을내어 놓습니다. 우리는 함수 호출과 동일한 색상을 설정합니다.이 함수 호출은 무작위 색상을 생성하고 아직 존재하지 않으며 몇 가지 색상을 결정하는 단일 인수를 취할 것입니다. 배열에서 생성합니다.
따라서 우리가 쉬운 모드와 하드 모드로 갈 때 결국 우리가 원하는 세 가지 항목을 가진 배열을 원한다면 6을 원할 것입니다.
그러면 6부터 시작하겠습니다.
그것이 페이지가로드 될 때 우리가 원하는 것입니다.
그런 다음 숫자를 취하여 배열 대신 임의의 색상 X 개를 반환하는 임의 색상 생성 함수를 만들어야합니다.
그래서 내가 여기서 할거야.
함수는 임의의 색상을 생성하며, 여기에는 마비라고 부르는 인수를 취해야합니다.
내 의사 코드 야.
그래서 배열을 만들 것입니다.
배열에 임의의 색상을 추가 한 다음 그 배열을 맨 마지막으로 반환 할 것입니다.
그래서 이것을 시작하는 것이 가장 쉬운 부분입니다.
배열을 비어있는 것으로 만듭니다.
그래서 우리는 이것을 빈 배열이라고 부르고 그 아래쪽에있는 동일한 배열을 반환 할 것입니다.
어려운 부분은 그 사이에 들어가는 논리입니다.
그래서 여기서 우리는 임의의 색상을 추가해야합니다.
이것이 의미하는 바는 무언가를 반복해야한다는 것입니다.
그래서 여섯 번이나 세 번이나.
그래서 우리는 그것을하기 위해 루프를 사용할 것입니다.
그래서 우리는 우리의 제로의 루프를 시작합니다.
나는 마비 플러스 플러스보다 적다.
그리고 우리가 0에서 시작하거나 1에서 시작한다면 우리는 실제로 사용하지 않을 것이기 때문에이 값을 작거나 같게 만듭니다. 이것은 단지 Nahm 번 6 번 세 번 반복하는 것입니다.
그리고 나서 여기에서 우리는 실제로 무작위적인 색을 얻고 배열로 밀어 넣을 것입니다.
그래서이 라인은 실제로 실제로 마비가 반복되는 것입니다.
그래서 저는 우리를 위해 임의의 색상을 생성 할 별도의 함수를 실제로 만들려고합니다. 그리고 나는 그 하나의 임의의 색상을 호출 할 것입니다.
그래서 함수 임의의 색상과 당신이보고있는 것은 내가 여기에 함수가 있다는 것입니다.
랜덤 한 색상을 생성해서 그 중 하나를 호출합니다. 그냥 임의의 색상이라고 부르는 다른 함수를 호출하고 있습니다. 실제로 코드를 깨뜨리는 것입니다.
분명히 모듈 식으로 만들 수 있습니다. 기능이 전혀없는 모든 것을 우리가 가질 수있는 것은 사람들이 스파게티 코드라고 부르는 것일뿐입니다.
여기서는 일부 구조를 추가하기 위해 여기에 몇 가지 함수를 추가 할 것입니다.
그리고이 프로젝트의 마지막 단계에서 우리는 작업을 마쳤을 때 모든 기능이 훌륭하게 보입니다.
리팩토링에 대한 옵션 비디오가있을 것이고, 주변에서 물건을 바꿀 수있는 방법에 대해 이야기 할 것입니다. 조금 더 깔끔하게 정리할 수 있지만 똑같은 방식으로 작동 할 것입니다.
그래서 무작위 색을 만들기 위해 무작위 색을 시작하려면 0에서 5 5까지 0에서 5 5까지를 선택해야합니다. 그런 다음 0에서 2 5 5까지 녹색을 선택하고 파란색을 선택해야합니다. .
따라서 0에서 255까지의 숫자를 선택하려면 무작위가 아닌 수학을 사용해야합니다.
그래서 그것은 무작위가 아닌 수학이 될 것입니다.
0과 1 사이의 값을줍니다.
그것은 하나도 포함하지 않습니다.
256을 곱해야합니다. 왜냐하면 우리가 반올림하고 있다는 것을 기억하기 때문입니다.
그래서 우리는 255가 가능한 가장 큰 숫자가 될 수 있기를 원합니다. 256을 곱하면 그 다음에 우리는 그 수학 층을 바닥에 놓아야합니다.
그래서 우리가 0에서 255 사이의 임의의 숫자를 얻는다면 당신이 볼 수있는이 코드에 내 조언과 붙여 넣기로 가서 실제로 255로가는 것을 보지 못할 것입니다.
우리는 저를 신뢰해야합니다.
하지만 적어도 가까워 지는지 알 수 있습니다.
나는 우리가 253을 보았다고 생각한다.
지금은 충분히 좋습니다.
또한 모든 사각형이 보라색으로 변하는 것을 볼 수 있습니다. 왜냐하면 우리의 임의의 색상을 생성해도 아무 것도 반환하지 않기 때문입니다.
그래서 그냥 빈 문자열을 반환합니다.
그래서 우리는 실제로 각각을 반복하고 색깔을 부여하지는 않습니다.
그래서 Cs의 기본 보라색을 옆쪽으로 보았습니다.
따라서 0에서 255 사이의 숫자가 생성됩니다.
우리는 이것을 R이라는 변수에 저장합니다. 그러면 녹색과 파란색에 대해 똑같은 일을 할 것입니다. 그래서이 공간과 똑같이 G와 B라는 이름을 변경하면 0에서 255까지 세 개의 숫자가 생깁니다.
그리고 최악의 부분은 R.G의 형식을 따르는이 큰 문자열로 그들을 합성하는 것입니다. B 괄호와 R G와 B의 내부 번호.
그리고 그것은 열리고 닫는 문자열과 플러스 기호를 많이 의미합니다.
이제부터 이와 같이 보겠습니다.
우리는 G-B를 가지고 괄호를 열고 빨간 채널을 더할 것입니다.
이 숫자는 0에서 2 5 5 플러스 쉼표와 G의 값에 다른 쉼표와 B의 값과 폐점 괄호를 더한 값입니다.
이제 우리는 잘 가야합니다.
이 큰 끈.
그리고 우리가하고 싶은 것은 사실 그 문자열을 실제로 반환하는 것입니다.
따라서이 큰 문자열을 반환하면 하나의 임의의 색상이 생성됩니다.
따라서 한 가지 색상에 많은 작업이 필요합니다.
3 개의 다른 숫자 0 2 2 5 5.
우리는 그 (것)들 사이에 괄호 사이에 쉼표와 함께 R.G. 비.
그리고 우리는 그것을 돌려 보내서 여기에서 사용할 수 있습니다.
그리고 만약 우리가 그 작품을 시험해보기를 원한다면 페이지를 새로 고치고 영사에게 가서 그냥 임의의 색으로 전화를 걸면 좋을 것 같습니다.
우리는 임의의 색깔을 얻고 있습니다.
괄호가 맞습니다.
쉼표는 모두 좋습니다.
가자. 지금 사용해라.
그래서 우리는 그 임의의 색을 우리의 배열로 밀어 넣을 것입니다.
여기 있습니다.
따라서 DOT 푸시와 푸시를 사용할 필요는 없지만 여기에서 할 것입니다.
그리고 이것은 이제 우리에게 멋진 색상의 배열을 만들어 줄 것입니다.
따라서 임의의 색상을 생성하십시오. 6.
이것을 매회 6 회씩 반복합니다.
그것은 배열에 임의의 색상을 푸시합니다.
그래서 저는 여기서 우리의 의견을 옮기려고합니다.
우리는 거기에 갈.
그리고 우리가 새로 고침하면 그것이 작동하는지 확인합니다.
이제 우리는 6 개의 무작위 색상을 얻었고 배열에서 선택한 하나의 색상을 선택하는 임의의 색상뿐만 아니라 변경도 볼 수 있습니다.
그래서 우리는 그것을 깨지 않았다.
모든 것이 여전히 효과가 있습니다.
어디 보자.
따라서 이러한 색상 중 일부를 클릭하면 다시 시도하십시오. 다시 시도하십시오. 아마도 나에게는 실제로 나쁜 책이 있지만 문제가 없습니다.
그래서 문제는 조금 까다 롭습니다.
바로 여기에서 상황을 비교할 때 스코어 키퍼 게임을했을 때 자랐던 버그와 조금 비슷합니다.
사용자가 올바른 색상을 선택했는지 여부를 확인하는 중이라면 숫자가 있기 전에 뭔가 잘못 될 수 있습니다.
그리고 우리는 그것을 문자열과 비교하고있었습니다.
이 경우에는 약간 다릅니다.
그럼 다른 죄책감을 보여 주겠다. 벨트 로그 색상을 클릭 한 다음 색상을 선택하십시오.
그리고 그들이 어쩌면 약간 다른 것 같아 보이는지 보자.
페이지를 새로 고침하고 죄수를여십시오. 그리고 클릭을 시작합시다.
그래서 이것은 프레드의 중간 정도의 양이고 조금은 초록색이며 상당히 푸른 색입니다.
그래서 몇 가지를 클릭합시다.
그리고 왼쪽의 숫자는 문자열 RGV이고 오른쪽은 문자열입니다.
그리고 물론이 것들은 일치하지 않습니다.
그러나 당신이 맞은 것을 클릭하면 그들이 일치 할 때 여전히 우리가 틀렸다는 것을 알 수 있습니다.
다시 해보라고 했어.
그리고 여기에서 두 개의 문자열을 비교하면 클릭 한 색상이됩니다.
이것은 되돌아 오는 것입니다.
요소를 클릭하면이 도트로 다이얼 된 배경을 묻습니다.이 색상은 우리가 배열에서 선택한 색상입니다.
그럼 어떻게 든 그들은 조금 다릅니다.
그리고 실제로 SS가 자동으로 기숙사에 추가 한 요소의 배경색을 설정하면 자동으로 10 개의 공백을 추가합니다.
그래서 우리가하고 싶은 일이 우리 숫자 사이에 공백을 추가하는 것입니다. 그래서 혜성 후에 우리가 그렇게한다면 그들은 서로를 비교하고 동일해질 것입니다.
그래서 그것은 다소 까다로운 버그입니다.
우리가 일을 트리플 평등과 비교하는 방식과 관련이 있습니다. 어쨌든 더블 오버 평등은 아닙니다.
두 배의 호출은 공백이나 다른 것을 무시하지 않지만 우리가 색상을 어떻게 생성했는지에 관한 문제 일뿐입니다.
우리가 이것을 다시 시도하고 새로 고침하면.
이제 클릭 만하면됩니다.
우리의 공간이 여기에 있고 이것이 확실히 일치한다는 것을 알 수 있습니다.
일단 우리가 마지막 색깔 인 적당한 색깔을 클릭하면 우리는 올바른 것을 얻습니다.
그래서 거기에 까다로운 벌레가 있습니다.
게임과 전체 화면을 재생 해보고 콘솔을 없애고 임의의 색상을 새로 고침하고 감탄 해 봅시다.
우리가 할 수있는 마지막 일은 우리가 올바르게했을 때 내가 여기에서했던 것처럼 H-1 배경을 바꿀 수 있다는 것입니다.
따라서 올바른 색상을 추측하면 배경색도 변경됩니다.
그리고 그것은 간단한 변화입니다.
우리가해야 할 일은 H-1을 선택하는 것뿐입니다.
그래서 H-1과 우리는 이것을 페이지의 유일한 H-1로 선택할 수 있습니다.
그래서 여기에서 저는 맨 아래에있는 var H-1을 쿼리 선택기 H-1이 저장 한 문서와 동일하게 선택하려고합니다.
그리고 사용자가 올바르게 추측 할 때 우리는 바로 여기에 H-1 국방성 배경을 변경하거나 해당 배경을 스타일링 할 것입니다.
이제는 색을 모으는 것과 같아야합니다. 우리는 올바른 게임 버전으로 돌아가는 것을 저장하고 클릭 해 봅니다.
그리고 거기에 우리는 확실히 우리 스타일링과 비교할 수있는 방법이 있습니다.하지만 우리는 거기에 논리를 가지고 있습니다.
그래서 당신은 배경 색상을 변경함으로써 그것이 사라지는 것을 잘못 추측합니다.
그리고 당신이 정확하게 짐작하면 그들은 모두 색이 바뀌고 H-1도 바뀝니다.
다음 비디오에서 우리는 다시 연극 기능을 추가 할 예정이며 조금 더 스타일링을 추가 할 것입니다.