added description(main classes) in README.md

This commit is contained in:
haerikimmm
2026-05-11 15:44:42 +09:00
parent 6710b5987d
commit 94a3e18152
2 changed files with 18 additions and 6 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

View File

@@ -4,7 +4,7 @@
- Name: Haeri Kim - Name: Haeri Kim
- Student ID: 20254236 - Student ID: 20254236
- Email: kimhaeri@kaist.ac.kr - Email: kimhaeri@kaist.ac.kr
- URL of the git repository: https://github.com/haerikimmm/kakamora-game.git - URL of the git repository: https://git.prototyping.id/20254236/kakamora-game.git
- Check out the Demo: https://youtu.be/b40nqw1cudM - Check out the Demo: https://youtu.be/b40nqw1cudM
--- ---
@@ -18,6 +18,18 @@ 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. The more precisely you time your defense and the more accurately you connect with each rock, the higher you get your score.
### Main Classes used in code :
The game is built in a single `sketch.js` using p5.js. Here are the main classes:
| Class | Role |
|---|---|
| `Rock` | A rock thrown at the player's warriors during the battle. It flies in an arc, grows bigger as it approaches. |
| `Particle` | A tiny flying chip that appears when the player slashes a coconut. |
| `ImgParticle` | A spinning sprite effect that also pops out during coconut slashing. |
| `WakeParticle` | A small foam dot left behind the ship as it sails. |
--- ---
Libraries used: Libraries used:
@@ -32,14 +44,14 @@ I used AI for building this game project and here are the list of services I use
Image and sound sources: Image and sound sources:
- For Image generation, I used Nano Banana and chatGPT. - For Image generation, I used Nano Banana and chatGPT.
- prompts: q5 play animation frame sequence로 쓰고 싶어. 얘가 움직이는 것처럼 보일 수 있게 연속해서 쓸 수 있는 이미지들 만들어줘. - Prompt: I want to use this as a p5play animation frame sequence. Create a series of images that can be used consecutively so that the character appears to be moving.
![Img](./assets/reference/sequence1.png) ![Img](./assets/reference/sequence1.png)
![Img](./assets/reference/sequence2.png) ![Img](./assets/reference/sequence2.png)
- Sound sources from https://mixkit.co/free-sound-effects/ - Sound sources from https://mixkit.co/free-sound-effects/
Claude Code Prompts: Claude Code Example Prompts:
- using these frame sequences image, animate the idle animation using p5play library. - using these frame sequences image, animate the idle animation using p5play library.
- 얼마나 돌에 가까이 칼을 휘두르냐에 따라 포인트를 다르게 매겨줘 - Award different points depending on how close the sword swing comes to the rock.
- 칼을 휘두르는 스피드에 따라 포인트를 다르게 매겨서 방어 파워를 계산해줘. - Calculate defense power by awarding different points based on the speed of the sword swing.
- 코코넛이 나무에서 땅으로 떨어지는 애니메이션을 구현하고 화면 가운데로 오게 해줘. - Implement an animation of the coconut falling from the tree to the ground, and have it land in the center of the screen.