HTML5/Typing Game

HTML5 Canvas example

Soul-Learner 2015. 12. 3. 18:22

CANVAS 를 이용한 중국어 타자게임의 예



voca_grade01.js

http://micropilot.tistory.com/attachment/cfile1.uf@2570184C566008BD20C024.js


https://t1.daumcdn.net/cfile/tistory/24418A4B5660E7A818



게임을 통한 중국어 초급어휘 읽기연습

게임시작 전 안내
  • [게임 시작] 버튼을 누르면 중국어 초급어휘가 아래의 사각형 영역 위에서 아래 방향으로 내려오는데, 화면에 나타난 어휘의 발음을 사각형 영역 아래의 입력상자에 입력하고 엔터를 누르면 됩니다
  • 총 30개의 어휘가 모두 나오기 전에 게임을 종료하면 그 때의 점수는 무효입니다
  • [새로 시작] 버튼을 누르면 그 때까지의 게임은 무효이고 처음부터 새로 시작됩니다
  • 30문제를 모두 풀면 [점수 등록] 버튼이 활성화되며 [점수 등록] 버튼을 누를 때만 점수가 저장됩니다
  • 화면에 문제가 보이는 동안에는 몇번이든 정답을 입력해도 됩니다


힌트:

중국어발음 입력

 

입력방법 안내
  • 정답입력 후 [엔터] : 맞으면 다음 문제로 넘어감, 틀리면 반응 없음
  • 입력 없이 [스페이스] : 흐름을 잠시 멈춤/다시 흐름
  • 입력 없이 [엔터] : 다음 문제로 바로 넘어 감


 총 문제 수 0         정답 수 0