홍차 블로그

지난번 글에서 지뢰찾기 게임의 사용자 인터페이스를 변경 했었다. https://mc500.tistory.com/677 이번 글에서는 이어서 최고 점수 기록에 대한 부분을 추가로 변경해 보도록 하겠다. 7. High Score Board 에 이름 넣기 지난 번 각 레벨별로 최고 기록을 넣고 보니 최고 기록을 세워졌는지에 대한 부분을 사용자가 미처 인식하지 못하는 경우가 많을 수 있다. 따라서 최고 점수 갱신에 대한 확인과 함께 사용자의 이름을 입력 받아 Hight Score Board에 나타나도록 하는 부분을 추가해 보자. 최고 기록 정보에서 레벨별 최고 점수(score 필드) 그리고 그 기록을 세운 사람의 정보 (name 필드)를 같이 구성하도록 다음과 같이 구성해 볼 수 있다. highscores: {..

지난번 글에서 지뢰찾기 게임의 사용자 인터페이스를 변경 했었다. https://mc500.tistory.com/675 이번 글에서는 이어서 점수와 깃발 갯수를 표시하는 부분을 변경해 보도록 하겠다. 3. 점수 및 깃발 수 표시 변경 Windows 지뢰 찾기에는 이 정보를 표시할 때 빨간색 숫자로 표시되었었다. 상태에 따라 표시가 되는 곳을 7개의 구역으로 나누어져 있기에 7 segment 라고 부르며 전광판이나 전자 회로에서 간단한 숫자를 표시할 때 사용된다. 앞서 해왔던 방법으로 위의 이미지를 타일로 만들어 표시하는게 가장 쉬운 방법이다. 하지만 이번에는 HTML5 Canvas의 기능을 이용하여 표현해 보고자 한다. 7 segement의 각 부분에 번호를 지정하고 이를 활용하고자 한다. 번호는 사실 프..