원소 탁구게임
"Three.js로 구현한 3D 가상 탁구장에 5가지 원소 능력을 접목하여 물리적 제약을 극복하는 신개념 스포츠 게임"
💡 만든 동기
평소 정적인 웹 페이지가 아닌, 사용자의 입력(마우스/터치)에 실시간으로 반응하는 역동적인 콘텐츠를 만들고 싶었습니다. 탁구라는 대중적인 스포츠를 모티브로 하여, 프로그래밍을 통해 물리 법칙(중력, 마찰력, 탄성)을 재해석하고, 여기에 '판타지 스킬'이라는 게임적 재미를 더해 지루할 틈 없는 웹 경험을 제공하고자 기획했습니다."
🤔 어려웠던 점
가장 큰 난관은 물리 엔진의 정밀도와 난이도 조절'이었습니다. 단순히 공을 튕기게 하는 것을 넘어, 3D 공간 내에서 공의 궤적을 실시간으로 계산하고 특정 원소 능력(바람 굴절 등) 사용 시 공이 비정상적으로 튀지 않고 정확히 테이블 내부로 안착하게 만드는 궤도 보정 알고리즘을 구현하는 것이 매우 까다로웠습니다."
🛠 해결한 방법
이 문제를 해결하기 위해 '예측 타겟팅 알고리즘'을 도입했습니다. 공이 날아가는 속도와 남은 거리를 계산하여 목표 지점을 역산(Reverse Calculation)하는 수식을 적용했습니다. 또한, 사용자 경험을 해치지 않도록 코드 내에 CPU의 반응 속도와 스킬의 지속 시간을 변수화하여, 미세한 조정을 반복하는 '데이터 기반 밸런싱(Data-Driven Balancing)' 과정을 거쳤습니다."
✨ 배운 점
이 프로젝트를 통해 'Three.js를 활용한 3D 공간 제어'와 '수학적 물리 모델링'의 기초를 확실히 다질 수 있었습니다. 특히, 단순히 기능을 구현하는 것을 넘어 '사용자가 게임을 플레이할 때 느끼는 감각(조작감)'을 최적화하는 과정에서, 코드의 논리만큼이나 '사용자 중심의 UI/UX 설계'가 중요하다는 것을 깊이 깨달았습니다. 결과적으로 웹 브라우저 위에서도 3D 엔진을 통해 충분히 복잡하고 매력적인 인터랙티브 콘텐츠를 만들 수 있다는 자신감을 얻었습니다."