특정 부분 다중 클릭
이미지의 특정 부분을 클릭하는 [특정 부분 클릭] 미션 컴포넌트를 여러 번 사용할 수 있도록 하는 미션 컴포넌트입니다.
영상 가이드
1. 답안 이미지 업로드
•
아래의 화면에서 클릭할 이미지 업로드
2. 답안 좌표 설정
•
답안(이미지 좌표) 만들기
◦
https://www.image-map.net/ 에 접속 또는 답안 입력창에서 >이곳<을 클릭
◦
위에서 업로드했던 500x500 픽셀 사이즈의 이미지를 삽입
◦
Shape 속성을 Rect로 선택한 후, 사진에서 원하는 정답 부분을 클릭하여 영역을 지정
◦
show me the code버튼을 클릭
◦
coords=""안의 숫자 4개를 복사하여 답안/표기 내용에 입력
3. 클릭 횟수 입력
•
보여 주고 싶은 이미지가 두 장 이상이라면 이미지와 답안 좌표를 추가하여 각각의 이미지마다 클릭 횟수 설정
•
클릭 횟수에 몇 번째로 클릭했을 때 다음 이미지 또는 정답으로 넘기고 싶은지 숫자 입력
•
헷갈린다면 반드시 아래의 예시를 확인할 것
클릭 횟수 예시
•
한 이미지의 특정 부분을 6번 클릭했을 때 정답으로 인정되게 하고 싶다면?
1.
이미지와 특정 부분 답안 추가
2.
클릭 횟수에 6 작성
•
첫 번째로 보여 줄 이미지의 특정 부분을 3번, 두 번째로 보여 줄 이미지의 특정 부분을 2번, 세 번째로 보여 줄 이미지의 특정 부분을 3번 클릭했을 때 정답으로 인정되게 하고 싶다면?
1.
총 3개의 이미지와 특정 부분 답안 추가
2.
첫 번째로 보여 줄 이미지의 클릭 횟수에 3, 두 번째로 보여 줄 이미지의 클릭 횟수에 5(5-3=2), 세 번째로 보여 줄 이미지의 클릭 횟수에 8(8-3-2=3) 작성
•
첫 번째로 보여 줄 이미지의 특정 부분을 1번, 두 번째로 보여 줄 이미지의 특정 부분을 1번, 세 번째로 보여 줄 이미지의 특정 부분을 1번, 네 번째로 보여 줄 이미지의 특정 부분을 1번 클릭했을 때 정답으로 인정되게 하고 싶다면?
1.
총 4개의 이미지와 특정 부분 답안 추가
2.
첫 번째로 보여 줄 이미지의 클릭 횟수에 1, 두 번째로 보여 줄 이미지의 클릭 횟수에 2(2-1=1), 세 번째로 보여 줄 이미지의 클릭 횟수에 3(3-1-1=1), 네 번째로 보여 줄 이미지의 클릭 횟수에 4(4-1-1-1=1) 작성
활용 예시
•
[냥토리얼] 이미지 3장
총 3장의 이미지를 사용합니다. 주어진 가이드를 바탕으로 정답에 해당하는 영역을 이미지당 각각 1회씩 순서대로 클릭합니다.
플레이메이커 설정 방법
플레이더월드 실제 플레이 화면
•
[봄비] 이미지 3장
총 3장의 이미지를 사용합니다. 물방을 영역을 이미지당 각각 1회씩 클릭합니다.
플레이메이커 설정 방법
플레이더월드 실제 플레이 화면
•
[완전 범죄2] 이미지 8장
총 8장의 이미지를 사용합니다. 정답에 해당하는 영역을 이미지당 각각 1회씩 순서대로 클릭합니다.
플레이메이커 설정 방법
플레이더월드 실제 플레이 화면
•
[신의 직장] 이미지 4장
총 4장의 이미지를 사용합니다. 거울에 해당하는 영역을 각각 2~3회씩 클릭해 총 10번의 클릭으로 거울을 깹니다.
플레이메이커 설정 방법
플레이더월드 실제 플레이 화면