개인 재정 HTML5 게임에서 Basic for 루프를 만드는 방법 - 더미

HTML5 게임에서 Basic for 루프를 만드는 방법 - 더미

비디오: EP 1: MMORPG 게임 만들기! 게임 개발 왕초보 웹 개발자의 도전 (Laravel, HTML5, Javascript) 2024

비디오: EP 1: MMORPG 게임 만들기! 게임 개발 왕초보 웹 개발자의 도전 (Laravel, HTML5, Javascript) 2024
Anonim

HTML5 게임은 언젠가 for 루프를 필요로 할 것입니다. 루프 표준은 1에서 10 사이의 값을 계산합니다. Count to Ten 버튼은 count () 함수를 트리거합니다. count () 코드는 다음과 같습니다.

function count () {output. innerHTML + = i + "

";} end for loop} // end count

count () 함수는 10 줄을 명확하게 인쇄하지만 출력 div를 수정하는 것은 한 줄만 있습니다. 주 코드는 여러 번 반복하여 긴 출력을 만듭니다.

  1. 출력 var를 즉시 사용할 수 있습니다

    출력은 전역 변수이며 이미 생성되었으므로 즉시 사용할 수 있으므로 함수에서 초기화 할 필요가 없습니다.

  2. 출력 지우기

    출력값을 비어있게 설정하십시오. string (")을 사용하여 출력을 지우십시오. 이것은 현재 div에있는 텍스트를 파기합니다.

  3. for 루프 시작

    for 루프는 특정 횟수만큼 반복하는 데 사용되는 특수 루프입니다.

  4. 카운팅 변수 초기화

    for 루프는 정수 값을 여러 번 변경하여 작동합니다. for 루프는이 변수를 초기화합니다 (oft en은 i)를 시작 값 (일반적으로 0 또는 1)으로 호출합니다.

  5. 루프에 머물기위한 조건을 지정하십시오.

    for 문의 두 번째 부분은 조건입니다. 조건이 true이면 루프가 계속됩니다. 조건이 false로 평가되면 루프가 종료됩니다.

  6. 변수를 변경하십시오.

    for 문에서 세 번째 부분은 어떻게 든 계산 변수를 변경합니다. 변수를 변경하는 가장 일반적인 방법은 변수를 하나 추가하는 것입니다. i ++ 구문은 "Add one to i"의 줄임말입니다. "

  7. 반복 코드를위한 코드 블록을 작성하십시오.

    중괄호와 들여 쓰기를 사용하여 반복되는 코드를 나타냅니다. 중괄호 안에있는 모든 코드가 반복됩니다.

  8. 루프 내에서 출력에 기록하십시오.

    루프를 반복 할 때마다 i의 현재 값을 출력 div의 innerHTML에 더한다. 또한 출력을 더보기 좋게 만들기 위해 중단 ()을 추가하십시오. innerHTML 속성에 추가 할 때 HTML 코드를 작성하므로 출력을 다른 행에서 사용하려면 HTML을 작성해야합니다.

  9. 루프를 닫습니다.

    루프를 종료하는 것을 잊지 마십시오. 그렇지 않으면 프로그램이 올바르게 실행되지 않습니다.

HTML5 게임에서 Basic for 루프를 만드는 방법 - 더미

편집자의 선택

Photoshop CS6의 이미지에서 원하지 않는 요소를 제거하는 방법 - 더미

Photoshop CS6의 이미지에서 원하지 않는 요소를 제거하는 방법 - 더미

Adobe Photoshop Creative Suite 6에서 원하지 않는 요소 (이 경우 사람)를 이미지에서 완벽하게 제거하는 단계입니다.이 기술을 처음 시도 할 때는 원하는 요소에 연결되지 않은 요소가있는 이미지로 시작하십시오 이미지를 유지하십시오. 무언가가 포함 된 이미지를 엽니 다.

Photoshop CS6에서 선택 영역을 알파 채널로 저장하는 방법 - 더미

Photoshop CS6에서 선택 영역을 알파 채널로 저장하는 방법 - 더미

중 하나 Photoshop CS6의 알파 채널에 대한 가장 큰 장점은 이미지를 저장 한 다음 시간과 시간을 다시 검색 할 수 있다는 것입니다. 이렇게하면 선택 영역을 만드는 데 많은 시간과 노력이 쏟은 경우 특히 편리 할 수 ​​있습니다. 요소를 다시 선택하려면 휠을 다시 만들어야합니다 ...

Photoshop 이미지 - 인형

Photoshop 이미지 - 인형

암실에서 디지털로 이동하면 소음을 줄이는 방법 영화 및 가공 비용의 달러화 (가능한 환경 오염의 감소는 말할 것도 없음)를 제공하지만 사진 및 예술 사업에 새로운 도전 과제를 추가했습니다. 디지털 사진이 제시하는 문제 중 가장 중요한 것은 노이즈입니다. ...

편집자의 선택

Adobe Photoshop Elements에서 디지털 사진의 레이어 삭제하기 -

Adobe Photoshop Elements에서 디지털 사진의 레이어 삭제하기 -

디지털 사진이 보이면 해당 사진에서 레이어를 삭제할 수 있습니다. 레이어를 삭제하면 해당 레이어의 내용이 이미지 파일에서 제거됩니다. Adobe Photoshop Elements를 사용하여 그림에서 레이어를 삭제합니다.

Adobe Photoshop Elements로 디지털 사진의 레이어 편집하기 - 더미

Adobe Photoshop Elements로 디지털 사진의 레이어 편집하기 - 더미

Adobe Photoshop Elements에서 특정 레이어를 변경하여 이미지의 나머지 부분을 변경하지 않고 이미지를 편집 할 수 있습니다. 편집하려는 부분이 편집하려는 레이어에 있는지 확인하기 만하면됩니다.

디지털 사진 편집 - 인형

디지털 사진 편집 - 인형

잠시 동안 디지털 카메라로 사진을 찍었 으면 항상 결과에 감격하고 "이 사진을 구원받을 수 있습니까? "그 대답은"그렇습니다. "다음 표의 트릭을 사용하여 좋아하는 사진 편집기에서 디지털 사진을 편집하십시오. 기능 설명 권장 크기 조정 ...

편집자의 선택

WordPerfect Office 2002에서 작업 영역 사용자 지정 - 더미

WordPerfect Office 2002에서 작업 영역 사용자 지정 - 더미

WordPerfect 인터페이스에 대한 많은 것을 제어 할 수 있습니다 프로그램이 어떻게 보이고 행동하는지에 대한 용어). 모든 옵션을 훑어 보는 데 몇 시간을 소비 할 수 있지만 더 나은 일을해야합니다. 아래는 대부분의 사람들이 WordPerfect에서 다루기 쉬운 작업을위한 옵션입니다. 옵션 본부 : 설정 ...

의 그래픽 작업 - 그래픽을 사용하기 전에 WordPerfect 11 - Dummy

의 그래픽 작업 - 그래픽을 사용하기 전에 WordPerfect 11 - Dummy

기본에서 그래픽 작업 상자. 모든 상자에는 테두리와 배경이 있습니다. 두 가지 방법으로 상자와 상자 안에있는 그림을 선택할 수 있습니다. 텍스트를 입력하고 상자를 클릭하면 검은 색 핸들과 테두리가 생기지 않습니다.