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:
Web Coding
28.09.2022Great work..
Web Coding
26.09.2022https://m.youtube.com/watch?v=3wjShcY0R2w&t=62s
෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴෴
26.09.2022AMAZINGG
Bhavin Chandran
26.09.2022When coders know they aren't left behind
李佳勳
26.09.20226:43 arrararrrrrrr
Parth Srivastava
26.09.2022after linking three.main.js no black screen is happening in go live ….kindly tell anyone what to do
ELMEEV
26.09.2022Великолепно!
Christine Lee
26.09.2022와 대박…ㄷㄷㄷ 오징어게임이 여기까지 등장하다니…
Anatoly
26.09.2022And there are people saying good browser games are dieing lmao.
Well done!
midnight sunshine
26.09.2022this guy speaks at 4x when i play the video at 2x
melon
26.09.2022Holy BatChest !
🌼Hoa Cúc Dại🌼
24.09.2022i lost agai
Gaurav Saini
24.09.2022Uncaught ReferenceError: THREE is not defined
at main.js:1
showing error
any solution?
David M
24.09.2022Like it! 🙂 but the doll only turns the neck not the whole body hehe. Interesting project tho, thanks for sharing.
Mahbub Morshed
24.09.2022Good work
shine gamer
24.09.2022i want for discord sir
D.K. OFFICIAL
24.09.2022great
The Atypical Developer
24.09.2022lets the game begin!
Ishaan gaming
24.09.2022my doll doesnt show up? can somebody help.
ModernEinstein
24.09.2022That's great, but I would rather create a video game using an object-oriented programming language such as Java, C#, or C++.
Potato Boy
24.09.2022lil time stamp for me 🙂 42:58
Abdullah Hafizh
22.09.2022I see green light red light game
Moisés Huamán
22.09.2022It's amazing! Thank you very much for your great work ❤
CHITUS💙⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻
22.09.2022Loved it! Please did he achieve the auto-complete in his Visual Studio Code? Basically, the IDE knows the next line of code.
Nabanita Maity
22.09.2022I Don't understand my doll is not visible same code like him, what's the problem, is anyone feel the same?
anees hanif
22.09.2022i am not enjoy this video
Shin Thant Kaung
22.09.2022Amazing tutorial
Vinoth B
22.09.2022Would have loved more if shooting animation was there
Binary Tree
22.09.2022why cant see the doll when I just select the index?
Tony Sharp
22.09.2022Unwatchable. Drink less caffeine
SLAVA UKRAINI
22.09.2022Set speed to 0.75x
Man, he's talking fast! 😄
arti sahu
21.09.2022main.js:33 Uncaught TypeError: Cannot read properties of undefined (reading 'rotation')
at Doll.lookBack (main.js:33)
at main.js:39
how to fix this
arti sahu
21.09.2022Uncaught (in promise) TypeError: gltf.scene.position is not a function
at main.js:27
at GLTFLoader.js:117
at GLTFLoader.js:2085
how to fix this
Chao Mana
21.09.2022So I'm getting this error
Uncaught TypeError: THREE.GLTFLoader is not a constructor at main.js:18
Botney J
21.09.2022bruh mans using a whole library for a simple animation when you can write your own implementation in just 3 lines
MelleZ
21.09.2022Very good! Best code content here, keep it up!🔥🔥❤️
Anotidaishe Neil Misi
21.09.2022Damn, everyone jumped on this Squid Game hype
Ghost kee
21.09.2022Great video but the accent is psychological torment
WebDev StudyRoom
21.09.2022It is very common cool
Timothy Nwokeji
21.09.2022Please I'm having a little problem,my browser says THREE is not defined .
I mean from the starting point of the tutorial.
When we copy and paste the first lines of code
Dedboi Codes
21.09.2022Loved the tutorial!!! Suggestion: Try to be a bit slower. You were going too fast from my point of view. no offense ¯_(ツ)_/¯
Artem Batyr
21.09.2022speed 0.75 is good😀
d III
21.09.20223:36 is when I fell off the wagon. No black screen, just plain white webpage.
Felix Reißner
21.09.2022At first it didn't load the textures of the gltf model and I had error codes in the console. Turns out that only happened because I didn't had the newest threejs version (I had r128)
Amruta Rasalkar
21.09.2022What if I don't get the black canvas after the initial setup? What do I do?
Liviu Dumitrescu
21.09.2022Very hard to understand what he is saying.
HjsGGG5
21.09.2022I have created a three js video game but when i uploaded all the files to github, github could run the models. Where can i upload and host three js video games with their models?
vafadie kongolo
21.09.2022Thank you!!!🥰
David Johnson
21.09.2022Thanks
Rishabh Kamboj
21.09.2022Not able to get the black screen copy the three-min.js but still not able to see the black scene.