# Kakamora Game - Individual Project

Name: Haeri Kim
Student ID: 20254236
Email: kimhaeri@kaist.ac.kr
URL of the git repository: https://github.com/haerikimmm/kakamora-game.git 

Check out the Demo: https://youtu.be/b40nqw1cudM

---

[About the Game]
Inspired by Disney's Moana, players craft their own army of coconut warriors (Kakamora). The journey begins at the carving station, where you shape each warrior by dragging your mouse across a coconut as if wielding a knife. The speed of your strokes determine the warrior's defensive power. Once you've carved a crew of 7 warriors, your ship sets sail across the open sea.From a shadowy cave along the coast, enemies throws rocks at your ship, threatening to set it on fire. Each warrior must rise to defend the ship in turn.

Controls:
Arrow keys — move left and right along the deck
Spacebar — raise your shield and strike the incoming rock

The more precisely you time your defense and the more accurately you connect with each rock, the higher you get your score. 

---

Libraries used:
- p5.js
- p5play
- Matter.js
- GSAP

---

I used AI for building this game project and here are the list of services I used.

Image and sound sources:
- For Image generation, I used Nano Banana and chatGPT.
   - prompts: q5 play animation frame sequence로 쓰고 싶어. 얘가 움직이는 것처럼 보일 수 있게 연속해서 쓸 수 있는 이미지들 만들어줘. 
   ![Img](./assets/reference/sequence1.png)
   ![Img](./assets/reference/sequence2.png)

- Sound sources from https://mixkit.co/free-sound-effects/ 

Claude Code Prompts:
- using these frame sequences image, animate the idle animation using p5play library.
- 얼마나 돌에 가까이 칼을 휘두르냐에 따라 포인트를 다르게 매겨줘
- 칼을 휘두르는 스피드에 따라 포인트를 다르게 매겨서 방어 파워를 계산해줘.
- 코코넛이 나무에서 땅으로 떨어지는 애니메이션을 구현하고 화면 가운데로 오게 해줘.