과대 광고에서 색상 게임 프로그래밍

• 할 수있다 8, 2024

이전 튜토리얼에서 우리는 iBooks Author 용 색칠 게임용 이미지를 가져 왔습니다.^{아르 자형} Hype Pro에서 만들고 있습니다. 이제 게임에 대화 형 요소를 추가하겠습니다.

Hype 문서를 열고 시작하겠습니다.

첫 번째 단계는 클릭 할 때 사라져야하는 각 레이어에 ID를 추가하는 것입니다. 여기에는 오리 몸, 날개 및 부리의 라인 아트 레이어가 포함됩니다. 이러한 각 레이어에 고유 요소 ID를 할당하면 JavaScript로 이러한 레이어의 가시성을 프로그래밍 할 수 있습니다.

1. Identity Inspector를 엽니 다.
   
   
2. 기본 타임 라인에서 duck_body_line 레이어를 선택하십시오.
   
   
3. Identity Inspector에서 고유 요소 ID를 추가하십시오. 의 ID를 사용하자 몸.
   
   
4. duck_wing_line 레이어를 선택하고 추가하십시오 날개 고유 요소 ID로
   
   
5. duck_beak_line 레이어를 선택하고 추가하십시오 부리 고유 요소 ID로
   
   

레이어에 고유 요소 ID가 있으므로 이러한 레이어에 작업을 추가 할 수 있습니다. JavaScript와 Display 속성을 사용하여 이러한 레이어의 가시성을 제어합니다. 이미지의 기본 디스플레이 속성 값은 인라인이는 HTML의 나머지 부분 내에 이미지가 표시되고 새 줄에서 시작되지 않음을 의미합니다.

이미지를 숨기려면 JavaScript를 사용하여 표시 속성 값을 인라인 에 none 각 라인 아트 레이어에 대해 아래의 색상 채우기 레이어가 나타납니다.

object.style.display = "none"

1. 액션 인스펙터를 엽니 다.
   
   
2. duck_body_line 레이어를 선택하십시오.
   
   
3. 마우스 클릭시 (탭) 섹션에서 더하기 아이콘을 클릭하십시오.
   
   
4. 작업 드롭 다운 메뉴에서 JavaScript 실행을 선택하십시오.
   
   
5. 이것은 사용자 정의 JavaScript이므로 기능 드롭 다운 메뉴를 새 기능으로 설정하십시오. 기본 JavaScript 코드와 untitledFunction이라는 함수가 포함 된 새 탭 창이 열립니다.
   
   
6. 함수 이름을 untitledFunction 에 바디 기능. 탭 이름이 BodyFunction ()으로 바뀐 것을 볼 수 있습니다.
   
   다음으로 display 속성을 설정하는 코드를 추가하겠습니다. none 를 위해 몸 요소. 빈 줄에 다음 코드를 추가하십시오 .5.
   
   hypeDocument.getElementById ( "Body"). style.display = "없음";
   
   
7. Untitled Scene 탭 창으로 돌아가서 duck_wing_line 레이어를 선택하십시오.
   
   
8. 이전 단계를 반복하여 기능 이름을 날개 기능 다음 JavaScript를 추가하십시오.
   
   hypeDocument.getElementById ( "Wing"). style.display = "없음";
   
   
9. duck_beak_line 레이어를 선택하고 함수 이름을 부리 기능 다음 JavaScript를 추가하십시오.
   
   hypeDocument.getElementById ( "Beak"). style.display = "없음";
   
   그게 다야. 브라우저에서 테스트 해 봅시다. 문제가 해결되면 프로젝트를 iBooks Author 위젯으로 내보내십시오.
   
   
10. 메뉴에서 파일-HTML5로 내보내기-대시 보드 / iBooks 작성자 위젯을 클릭하십시오.
    
    

비디오 지침: 부업 앱 광고 수익 프로그래밍 몰라도 가능할까요?(feat 현직 개발자) (할 수있다 2024).