소개
평소에 게임을 굉장히 좋아하는데 직접 만들어볼 생각은 한번도 하지 않았었습니다. 하지만 이번 지피터스의 수업을 통해서 생각보다 만들기가 간단할 것 같아서 시도하게 되었습니다! 주제가 뇌과학이니 주제에 맞게 퀴즈 게임을 하면 인터페이스도 간단하고 방법도 조금 더 쉬울 것 같아서 진행하게 됐습니다. 제가 가장 잘 아는 토픽으로 하는게 좋을 것 같아 성경퀴즈 게임을 개발하게 됐습니다. 간단하게 문제 풀이하면서 대답을 통해 성경지식이 깊어졌으면 좋겠네요 ㅎㅎ.
진행 방법
최대한 간편하게 하려고 오로지 Cursor로만 작업했습니다.
Cursor에서 프롬프트를 최대한 자세하게 하는게 좋을 것 같아서 저는 이런식으로 입력했습니다:
I want to make a Bible Quiz game with a simple multiple choice format. Here is the interface I'm looking for:
1. Bright and Pastel colors that uses easy to read fonts
A multiple choice format where the answers must provide scriptures (NIV and NKJV) as well as a brief historical context regarding the answer. Levels of difficulty can also be chosen.
The questions and answers must be in line with Presbyterian doctrine (음.. 기독교인들이 아닌 분들을 위해 말씀드리자면 개신교에서도 교단이 많은데 교단마다 핵심 교리가 조금씩 다르기 때문에 제가 가장 잘 아는 장로교로 택하였습니다. 그래야 오류가 있으면 제가 잡을 수 있을테니까요 ㅎㅎ)
The primary language shall be English with Korean language supported with AI Translations. The Korean language should also be customized. (한글 번역을 AI에 맡기되 제가 수정할 수 있게 끔 했습니다).
이렇게 프롬프트를 넣으니 cursor이 똑똑하게 html 파일, README 파일, JS 파일, 그리고 CSS 파일을 만들어주더군요.
인덱스, 스크립트 및 스타일의 스크린 샷
Index 파일을 클릭하면 이제 게임을 실행할 수 있는데요. 실제 게임에 들어가보면:
아직은 손 볼 것이 많지만, 기본적인 인터페이스로 만들어졌습니다.
질문도 이렇게 만들고
성경 퀴즈 게임 스크린 샷 1
정답을 선택하면
한국 성경 앱의 스크린 샷
제가 원했던데로 관련 성경구절에 더해 역사적 맥락까지 잘 보여주네요 ㅎㅎ.
결과와 배운 점
다른 도구 없이 커서로 시도해봤는데 대성공이라서 너무 기쁩니다.
여기서 인터페이스를 특히 디자인적으로 더 개선하고, 동기부여를 위해서 몇가지 옵션을 추가하려고 합니다. 커밍 순!
