Stack Game 3D

Getting Started

1. Clone the repository
2. Join to the correct path of the clone
3. Execute: yarn install or npm install
4. Execute: yarn dev or npm dev

Description

In this page I replicated without gravity the famous mobile game "Stack Game", which consists of stacking blocks one on top of the other. In case of stacking with a block that is not perfectly superimposed to the one below, the block above will lose the part that was not stacked correctly. The game ends when a block is not stacked correctly. To stack you will have to click.

Technologies used

1. Typescript
2. CSS3
3. NodeJS

Libraries used

Dependencies

"@types/jest": "^29.5.14"
"@types/cannon": "^0.1.12"
"@types/three": "^0.161.2"
"cannon": "^0.6.2"
"three": "^0.148.0"

devDependencies

"@testing-library/dom": "^10.4.0"
"@testing-library/jest-dom": "^6.6.3"
"@testing-library/user-event": "^14.5.2"
"jest": "^29.7.0"
"jest-environment-jsdom": "^29.7.0"
"ts-jest": "^29.2.5"
"typescript": "^5.3.3"
"vite": "^4.0.4"

Portfolio Link

https://www.diegolibonati.com.ar/#/project/Stack-Game-3D

Video

2023-12-15.21-51-07.mp4

Web

https://stack-game-3-d-page.vercel.app/

Testing

1. Join to the correct path of the clone
2. Execute: yarn test or npm test