Loading...

바이브코딩

지뢰찾기 게임을 만들어 봅시다

페이지 정보

작성자 제로미파크
작성일 01.17 19:58
7 조회
0 추천
0 비추천

본문

AI 도구 claude
프롬프트 HTML 기반으로 지뢰찾기 게임을 만들려고 해 사이즈는 가로 9칸 세로 9칸이고 지뢰의 갯수는 10개야. 디자인은 #5547018983 게임 - Minesweeper Online 이 사이트에 있는 지뢰게임을 참고해. 제작해볼까?

클로드를 이용하여 지뢰찾기 게임을 만들어 볼게요..

 

완성된 HTML은 첨부파일로 올릴게요. 윈도우에 지뢰찾기 게임 없어져서 답답했는데.. 이제 이렇게.. ㅎㅎ

아 HTML이니까 맥에서도 되겠네요? 

일단 프롬프트를 넣습니다. 

c90e4b17c40fe3e1bb7c976bd434ee740gQe.png

 

aab474e72197987179a0b93a037e7f573cul.png

몇 초 후 완성을 했네요.

지뢰찾기 게임을 만들었습니다! 주요 기능은 다음과 같습니다:

게임 특징:

  • 9x9 그리드에 10개의 지뢰
  • 첫 클릭은 항상 안전 (첫 클릭 위치 주변에는 지뢰가 생성되지 않음)
  • 타이머로 플레이 시간 측정
  • 남은 지뢰 개수 표시
  • 우클릭으로 깃발 표시/해제
  • 빈 칸 클릭 시 주변 빈 칸 자동 오픈
  • 승리/패배 시 팝업 표시

조작 방법:

  • 좌클릭: 칸 열기
  • 우클릭: 깃발 표시/해제
  • 새 게임 버튼: 게임 재시작

디자인:

  • 모던한 그라데이션 배경
  • 부드러운 애니메이션 효과
  • 숫자별 색상 구분 (클래

1차 구현된 것이 마우스 동시 클릭이 안먹어서 추가로 요청했습니다.

aab474e72197987179a0b93a037e7f573cul.png

누적기록이 필요하여 이 부분도 수정요청합니다.

프롬프트 

누적기록을 10개까지 저장해주고 승리 라고 뜨는 화면에 같이 보여줘. 누적기록은 완료한데 걸린 시간을 백분의1초 단위로 남겨줘

5895b3323ed7fd30cdb5208fa3501324Ikg3.png

오 괜찮네요. 이제 HTML로 저장..

재미;있게 해 보세요.

그런데 하나.. 만들고보니 아쉬운 점이 있는데 다시한번 클릭하면 깃발이 지워져야 하는데 그걸 빼먹었네요. 여러분이 다시 클로드에서 수정해서 해보세요 ㅎㅎ

 

 

댓글 0
전체 49 / 1 페이지
홈으로 전체메뉴 마이메뉴 새글/새댓글
전체 검색
회원가입