Code a Squid Game JavaScript Game Using Three.js – Tutorial for Beginners

Ecommerce Empire Academy

Learn how to use JavaScirpt and Three.js to create the Red Light/Green Light game from the TV show Squid Game. This is a beginner-friendly game development tutorial.

🔗 Doll 3D model:

💻 Code:

✏️ Course created by Angle Brace. Check out their channel:

⭐️ Course Contents ⭐️
⌨️ (00:00) Intro
⌨️ (01:30) Setup
⌨️ (03:40) Three.js Basics
⌨️ (09:38) Loading 3D Model
⌨️ (15:46) Doll Class
⌨️ (18:56) GSAP Animation
⌨️ (20:58) Creating Track
⌨️ (27:53) Player Class
⌨️ (31:46) Keypress Handling
⌨️ (35:32) Functioning the Doll
⌨️ (38:13) Game Logic

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 AppWrite

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

And subscribe for new videos on technology every day:

43 thoughts on “Code a Squid Game JavaScript Game Using Three.js – Tutorial for Beginners”

  1. Ramesh Chandra pola

    Many times Free code camp posts the video which I need at that moment.
    Thanks a lot Freecodecamp.

    1. I was literally practicing my Python skill. Just got this notification. I was forced to click on it. Can’t resist!

  2. sushant chaulagain

    Thanks for to making this great video..You always make a brilliant videos that information hits next level

  3. Would be interesting if the game of shape-carving on dalgona can have a tutorial as well…I think it can be created with pure CSS, right?

    1. Random BleachFan

      That’s a scam ^ don’t listen to it buddy, stay safe.
      Edit: there used to be a comment above me that was saying to contact a WhatsApp number, but that comment was deleted and now people can ignore my comment so there are no future confusion.

    2. @Random BleachFan They do it like that now since everyone uses the comment filter… These scams are annoying.

  4. I wasted thousands of dollars in college and learned nothing compared to what i learned here in this channel for free. You guys are amazing . You people deserve a noble prize for what you are doing here.

    1. @HierophAce Funny thing about that is here in Canada, more and more people are in IT with no formal education while people like us have CS and IT degrees and certifications have no jobs. Odd, but that is the market right now. IT companies would hire $15/hr min wage armature Java/Python developer than just hire a new grad. The only other way to get a job right now is nepotism or birbes.

    2. Excalibur Resume & Culture Service

      You can not hire IT professionally in Canada with the national minimum wage

    1. ⵃⵓⵙⴻⵢⵉⵏ ⵉⴷⵡⴰⵣⵉⵣ

      Sir I hope you’ll see this, I have a problem it tells me : Uncaught TypeError: THREE.GLFTLoader is not a constructor

  5. Great job! Three js and GSAP are very useful frameworks. I’ll take a deeper look at them. I’m also enjoying tinkering with this program :))

  6. Loved it! Please did he achieve the auto-complete in his Visual Studio Code? Basically, the IDE knows the next line of code.

  7. VIGNESWARI KRISNAN

    OMG!!!!! You guys really….I don’t know how to express my reaction….All the best for more power🔥🔥🔥❤️❤️❤️

  8. CHITUS💙⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻

    Loved it! Please did he achieve the auto-complete in his Visual Studio Code? Basically, the IDE knows the next line of code.

Comments are closed.