안녕하세요.
행운공장 입니다.
이번 포스팅은 퍼즐게임에 대한 내용입니다.
이미지의 조각을 맞추면 완성되는 게임입니다.
코딩할때 유튜버 Scalper Frontend님의 퍼즐게임 코딩영상을 주로 참고하고, 다른 유튜버와 블로거분들의 쏘스도 일부 참고였습니다.
자료들을 참고해서 코딩한 다음에 나름대로 수정을 하였습니다.
퍼즐의 모양은 오프라인상에서 하는, 곡선모양의 퍼즐을 맞추는 게임은 아닙니다.
퍼즐의 모양은 네모난 조각으로 되어있습니다.
모바일에서는 게임이 불가능하며, pc에서만 퍼즐게임이 가능합니다.
심심할때 한번 도전해 보세요.
필자도 해봤는데, 1분내에 맞추기가 쉽지가 않네요.
● 퍼즐게임 하는 방법
1. 시작 버튼을 클릭하면, 퍼즐게임을 진행할 이미지가 불러와 집니다.
2. 이미지 로딩이 완료되면, 3초후에 이미지의 퍼즐이 각각 흩어집니다.
3. 퍼즐의 조각들이 흩어진 순간부터는 상단에 경과시간이 표시됩니다.
4. 이미지 퍼즐 조각 맞추는 것이 완료되면, 화면에 "COMPLETE"라는 문구가 표시됩니다.
5. 게임도중에 현재 진행하고 있는 게임을 처음부터 다시 하고 싶다면, 시작버튼을 클릭하면 됩니다.
6. 현재 진행하고 있는 퍼즐게임의 이미지가 아닌, 다른 이미지를 불러오고 싶다면, 다른 이미지 로딩 버튼을 클릭하면 됩니다. 그리고, 게임시작은 시작버튼을 클릭하면 됩니다. 다른 이미지가 제대로 불러와지지 않을 수 있습니다. 그럴때는 다시 재접속 하면, 다른 이미지로 게임을 시작할 수 있습니다. 이런 오류는 추후 수정해서 업로드 하도록 하겠습니다.
* 생각보다 빨리 맞추기 쉽지않은 퍼즐게임에 한번 도전해 보세요.
안되는 것이 있거나, 궁금한 것이 있다면 댓글에 남겨주세요.
'코딩' 카테고리의 다른 글
에일리언 슈팅게임_pc전용 (0) | 2020.12.26 |
---|---|
html_header_main_footer (0) | 2020.12.21 |
코딩_타자게임_한글 날씨_동물_과일_채소 (0) | 2020.12.18 |
코딩_타자게임_한글인사말 (0) | 2020.12.13 |
코딩_타자게임_영어단어 (0) | 2020.12.10 |