안녕하세요. 업무 자동화 RPA 매크로 엔지엠소프트웨어입니다.
이전 시간에 AI 인공지능 커서 에디터를 이용해서 테트리스 게임을 만들어봤습니다.
오늘은 카드 짝 맞추기 게임을 만들어 볼건데요. 처음 이 내용을 읽으시는 분들은 이전 내용을 먼저 학습하고 오셔야 합니다.
인공지능을 이용해서 쉽게 매크로를 만들거나 게임을 만들려면 몇가지 프로그램을 설치해야 합니다.
이런 내용들은 [ 인공지능을 이용한 테트리스 게임 만들기 ] 글을 참고하시면 됩니다.
AI Cursor Editor를 실행하세요.
새로운 워크 스페이스를 만들고, index.html 파일을 추가하세요.
그리고, 콘트롤 L을 눌러서 인공지능 채팅창을 열어주세요.
아래와 같이 카드 짝 맞추기 게임을 html로 만들어 달라고 요청했습니다.
만들어진 내용을 잘 읽어보니 뭔가 잘못되었다는걸 알게 되었습니다.
카드 짝을 맞추려면 총 카드의 수가 짝수여야 하는데요. 위에서 25장으로 만들어 달라고 했더니 한장은 매치가 안되도록 만들었네요.
2번째 내용을 보면 1부터 12까지는 각각 2장씩이라서 매치가 되지만, 13 숫자는 한장만 있다고 알려줍니다.
문제를 해결하기 위해서 카드를 26장으로 변경해달라고 하고, 코드를 수정했습니다.
이 상태로 프로그램을 실행해보니 정상적으로 잘 동작했습니다. 그런데, 카드가 플립될 때 숫자가 반대로 표시되는 문제가 있었어요.
그래서, 아래와 같이 카드를 뒤집을 때 숫자를 반대로 표시하라고 했습니다.
라이브 서버를 실행해서 카드 짝 맞추기 게임이 정상 동작하는지 테스트할 수 있습니다.
저는 이전 글과 동일하게 깃허브에 프로젝트를 게시하고, 배포까지 진행했습니다.
이 게임을 테스트 해보려면 아래 링크를 클릭 해보세요.
아래 동영상을 참고하셔서 동작과 자세한 설명을 확인 해보세요.
몇번 하다보면 왠만한 프로그램은 10분컷으로 만들 수 있습니다.
댓글