3D Squid Game!

Have you watched the TV show named Squid Game on Netflix? Inspired from the TV show, I have created the bridge game that appeared on the show.

For this Project, I have...

• Used Three.js to form the scene, and Cannon.js as the 3D physics engine to animate the character and the events
• Worked with Blender to model the 3D main character, and created animations using the Action Editor tool
• Delivered smooth gameplay to users by using multiple types of cameras and position methods in Three.js

Let's look at the game first!

Brief overview of the game:

• The game consists of one player, and a bridge with 10 strong glasses, and 10 fragilent glasses.
• To win the game, you will need to jump on 10 strong glasses in a row! 😎

Below is the starting scene of the game. You can drag, zoom, or press shift and drag to customize your view. 😆

To play the game, you simply click on one of the two glasses of the next step. 🚶

When you step onto the weak glass, you are unfortunately dead. 😔

You will be able to see the replay of the scene of you falling though! 😁

Here are some scenes of the game in different angles. 📐

Ready to play the game?

The game is deployed HERE 🤗

Want to play around with the code locally?

1. Install these packages

   npm install cannon-es gsap
   

2. Start the server

   npm start
   

3. The server will be hosted on:

   http://localhost:8080/ 
   

4. Enjoy the game! 🎉