[점잇기 게임] 완성

결국 거의 해커톤 하다시피 후루룩 끝내버렸다ㅎ

 

 

12시간 정도 걸렸나? 

 

커피 5잔과 토스트를 먹고 와랑라알라 개발하고 그냥 기절했다 ㅇㅇ

 

 

사실 HTML을 잘 못하기 때문에, 그닥 좋은 코드는 아니다. 일일이 페이지를 구현해서 했다.

 

Php로 버튼 활성/비활성화는 할 수 있겠지만 잘 몰라서 못 했다. 사실 귀찮았다 읍읍

 

그래도 코드가 간단하니 응용이 빠를 수 있다는 거...랄까나? (장점 쥐어짜기)

 

 

오프닝 페이지

 

실제로 보면 CSS를 이용해서 글씨가 번쩍번쩍한다 하핫

병맛력이 이렇게 상승

 

 

스테이지 1: 쿠우밍

 

 

 

스테이지 2: 리본

스테이지 3: 동그리밍

스테이지 4: 티프밍

 

점의 개수가 20->45->65->85 개로 점점 늘어난다. 그리고 점의 크기도 점점 줄어든다.

 

스테이지 4같은 경우에는 좀 많이 짜증나진닼ㅋㅋㅋ

점의 크기가 마우스 커서보다 작은데다 점이 촘촘하게 85개나 있어서

 

사실 100개 하려고 했었다가 힘들어서 그만했다

 

 

이렇게 노가다하면 마지막에 축하 페이지가 뜬다.

 

엔딩 페이지

 

 

여기서 잘~ 들어가면 이스터에그 페이지가 있다. 

 

이스터에그 페이지

생일 축하 페이지라서 축하한다는 카드 하나를 넣어줬다.

 

 

코드는 깃헙에 올려져있으니, 이미지와 점의 좌표만 바꾸면 무한대로 점잇기 생성이 가능하다^^

 

친구가 생일이라면 한 번쯤 해볼만한 선물인 듯.

쓸데없는 노가다 선물

 

 

 

코드는 이쪽

 

github.com/Jeesu-Jung/connect-the-dot