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

  Рет қаралды 358,606

freeCodeCamp.org

freeCodeCamp.org

Күн бұрын

Пікірлер: 258
@AngleBrace
@AngleBrace 3 жыл бұрын
OMG Beau!!!!!!!!! Many many thanks for having me. I still can't believe its happening ❤❤
@hackersmethod3340
@hackersmethod3340 3 жыл бұрын
@Angle Brace.....Are you Bangladeshi???
@AngleBrace
@AngleBrace 3 жыл бұрын
@@hackersmethod3340 yes
@MdNaimurRahmanHera
@MdNaimurRahmanHera 3 жыл бұрын
@@AngleBrace ours pride 😊
@flatearthgodsarenotreal
@flatearthgodsarenotreal 2 жыл бұрын
Sir I hope you'll see this, I have a problem it tells me : Uncaught TypeError: THREE.GLFTLoader is not a constructor
@mirzaabrar572
@mirzaabrar572 2 жыл бұрын
@@hackersmethod3340 me too
@kratosAk4700
@kratosAk4700 3 жыл бұрын
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.
@oldGoatMilk
@oldGoatMilk 3 жыл бұрын
You definitely don't need college to gain the knowledge that is offered here. Don't except to get a job though with this in your portfolio.
@hierophace1830
@hierophace1830 3 жыл бұрын
U spend thousands of dollars in college for a piece of paper so you have a better chance at getting a CS job
@kansai2kansas
@kansai2kansas 3 жыл бұрын
College degrees are hit and miss these days. If you wanna be a lawyer or a doctor (where you can’t legally practice without being certified by peers) then yes, you definitely need a degree. But if your passion is to be a photographer or a fullstack developer, then your portfolio will matter more than any degree you may have. Note that I NEVER say that degrees are useless. A photographer with a degree in photography can still get hired…but ultimately, it’s their portfolio that matters the most.
@tan8067
@tan8067 3 жыл бұрын
@@oldGoatMilk Oh yeah, you definitely need more than just this, but it will be a great thing to showcase your skills.
@agustinl7499
@agustinl7499 3 жыл бұрын
I'm from Argentina, the only reason for me getting a CS degree or similar is to get a Visa, otherwise, is nearly pointless
@TomNook.
@TomNook. 3 жыл бұрын
Never in a million years could I see this coming
@syllight9053
@syllight9053 3 жыл бұрын
Me neither lol
@dariousdennis5594
@dariousdennis5594 3 жыл бұрын
I was literally practicing my Python skill. Just got this notification. I was forced to click on it. Can't resist!
@adarshchakraborty
@adarshchakraborty 3 жыл бұрын
Code Forkers ka naam roshan kar diya aapne shuvo saar. Feeling proud 🔥🔥
@psychedelictacos9118
@psychedelictacos9118 Жыл бұрын
This is not the JavaScript program tutorial everyone asked for, but the JavaScript program tutorial everyone needed!
@coolcumber7
@coolcumber7 3 жыл бұрын
Already saw this tutorial and the blog on Dev Community. Loved the tutorial ♥️
@faiqkhan7545
@faiqkhan7545 3 жыл бұрын
where is this dev community ? can you link it ?
@rameshchandrapola1102
@rameshchandrapola1102 3 жыл бұрын
Many times Free code camp posts the video which I need at that moment. Thanks a lot Freecodecamp.
@outis99
@outis99 3 жыл бұрын
You wanted a Three.js Squid Game clone?
@rameshchandrapola1102
@rameshchandrapola1102 3 жыл бұрын
@@outis99 not like that, I want some project with three.js
@lonleybeer
@lonleybeer 3 жыл бұрын
I love this channel oml
@anant115
@anant115 3 жыл бұрын
So much knowledge to be obtained
@moiseshuaman310
@moiseshuaman310 2 жыл бұрын
It's amazing! Thank you very much for your great work ❤
@abdel-rahmansayed6384
@abdel-rahmansayed6384 2 жыл бұрын
Ahhh yes. Another reason to keep learning three.js Thanks for this kick!
@vigneshwar9256
@vigneshwar9256 3 жыл бұрын
Three js was a long overdue thanks
@DavidJohnson-jj1io
@DavidJohnson-jj1io 2 жыл бұрын
Thanks
@svitlana6420
@svitlana6420 2 жыл бұрын
Love it! Thanks for this tutorial!
@mellez2742
@mellez2742 2 жыл бұрын
Very good! Best code content here, keep it up!🔥🔥❤️
@abdgame2025
@abdgame2025 3 жыл бұрын
It's amazing!!! Congratulations on magnificent idea
@sushantchaulagain4709
@sushantchaulagain4709 3 жыл бұрын
Thanks for to making this great video..You always make a brilliant videos that information hits next level
@jithumuraleedharan5231
@jithumuraleedharan5231 3 жыл бұрын
Motivation for a unity lover❤️even if it is in JS😍
@bluelagoon12
@bluelagoon12 3 жыл бұрын
U all have saved so much lives
@vigneswarikrisnan1471
@vigneswarikrisnan1471 2 жыл бұрын
OMG!!!!! You guys really....I don't know how to express my reaction....All the best for more power🔥🔥🔥❤️❤️❤️
@Tradewithsimpleminded
@Tradewithsimpleminded 3 жыл бұрын
Don't know where you watching this from but I wished you all the best in life ❤️❤️
@Tradewithsimpleminded
@Tradewithsimpleminded 3 жыл бұрын
@Jason Saren thank you man
@shafiullahsyed4255
@shafiullahsyed4255 3 жыл бұрын
Thank you man
@glitch-dev4072
@glitch-dev4072 3 жыл бұрын
Thank you man
@eismitkamaal8392
@eismitkamaal8392 3 жыл бұрын
Thank you brother
@Tradewithsimpleminded
@Tradewithsimpleminded 3 жыл бұрын
@@shafiullahsyed4255 thank man
@JerrysTechCorner
@JerrysTechCorner 3 жыл бұрын
Wow this is cool man!!!
@puravsihag
@puravsihag 3 жыл бұрын
LOVED IT
@rafsanrahman3951
@rafsanrahman3951 3 жыл бұрын
That was awesome my man
@sakatagintoki8835
@sakatagintoki8835 3 жыл бұрын
Very nice work.. !! Will watch full
@bbstar7
@bbstar7 3 жыл бұрын
this is going to go viral
@HildasXD
@HildasXD 3 жыл бұрын
Been looking for resources for three.js!!❤️❤️❤️❤️🎈
@akashbro742
@akashbro742 2 жыл бұрын
Just Amazing bro
@coledrain2158
@coledrain2158 3 жыл бұрын
Only thing missing is the song 😊 "Mugunghwa Kkoci Pieot Seumnida" great job
@mavenxplays9957
@mavenxplays9957 3 жыл бұрын
Ayy awesome brother..love from Bangladesh
@shinthantkaung1925
@shinthantkaung1925 2 жыл бұрын
Amazing tutorial
@arthurshaidullin7981
@arthurshaidullin7981 3 жыл бұрын
thank you )
@christophermyers6372
@christophermyers6372 3 жыл бұрын
Really really tired about everyone talking about squid games so much that's pretty much turned KZbin into SquidTube or something buuuuuuuuut this one gets a pass cause it's educational...
@donsurlylyte
@donsurlylyte 3 жыл бұрын
squidtube, now there is an idea
@christophermyers6372
@christophermyers6372 3 жыл бұрын
@@donsurlylyte you know after I typed it I realized it was probably already a thing but I'm to scared to look...
@Coder_DhruvArora
@Coder_DhruvArora 3 жыл бұрын
@@christophermyers6372 🤣🤣🤣
@PakitoVlogs
@PakitoVlogs 3 жыл бұрын
Me acaba de explotar la cabeza con el título 🤣🤯
@juanortegaa6916
@juanortegaa6916 3 жыл бұрын
This is soooo educative and Bit creepy too lol
@kansai2kansas
@kansai2kansas 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?
@randombleachfan
@randombleachfan 3 жыл бұрын
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.
@kirillgimranov4943
@kirillgimranov4943 3 жыл бұрын
Create your own, nooby
@brooksgunn5235
@brooksgunn5235 2 жыл бұрын
@@randombleachfan They do it like that now since everyone uses the comment filter... These scams are annoying.
@justanotherhotguy
@justanotherhotguy 2 жыл бұрын
And there are people saying good browser games are dieing lmao. Well done!
@tan8067
@tan8067 3 жыл бұрын
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 :))
@WiredWisdom930
@WiredWisdom930 2 жыл бұрын
Thank you!!!🥰
@mikidai3575
@mikidai3575 2 жыл бұрын
Thank you, I am learning something interesting.
@wuskevo
@wuskevo 3 жыл бұрын
Cool, we could make seafood game outta this
@TranNguyen-mv6ln
@TranNguyen-mv6ln 2 жыл бұрын
Thanks a bunch
@websitepiec2019
@websitepiec2019 2 жыл бұрын
Brilliant work :) thanks a lot dear brother :)
@bing4047
@bing4047 3 жыл бұрын
Great Channel Ever
@mukundkulkarni6558
@mukundkulkarni6558 3 жыл бұрын
Amazing 🤯
@AbhishekKumar-hb5uj
@AbhishekKumar-hb5uj 3 жыл бұрын
It is really cool and trending game too😂
@anotidaisheneilmisi904
@anotidaisheneilmisi904 2 жыл бұрын
Damn, everyone jumped on this Squid Game hype
@shashanksharma7747
@shashanksharma7747 3 жыл бұрын
Great video 👍🔥
@venkatesh2788
@venkatesh2788 3 жыл бұрын
Wow more video in three.js
@webcoding8333
@webcoding8333 2 жыл бұрын
Great work..
@ELMEEV
@ELMEEV 2 жыл бұрын
Великолепно!
@chacha-tw9pl
@chacha-tw9pl 3 жыл бұрын
So cool!
@funtocode5904
@funtocode5904 3 жыл бұрын
Great video! Btw small youtuber here!
@usmanabdulhadi6375
@usmanabdulhadi6375 3 жыл бұрын
Very impressive
@thearachhay7202
@thearachhay7202 2 жыл бұрын
Many thanks!!!!
@theatypicaldeveloper
@theatypicaldeveloper 2 жыл бұрын
lets the game begin!
@vinhnguyenquang4490
@vinhnguyenquang4490 3 жыл бұрын
Cool 👌
@davidm7889
@davidm7889 2 жыл бұрын
Like it! :) but the doll only turns the neck not the whole body hehe. Interesting project tho, thanks for sharing.
@Omegarri
@Omegarri 2 жыл бұрын
AMAZINGG
@joopie46614
@joopie46614 2 жыл бұрын
bruh mans using a whole library for a simple animation when you can write your own implementation in just 3 lines
@gokmennisanc8583
@gokmennisanc8583 3 жыл бұрын
Thanks man :d
@Mahbub_Morshed
@Mahbub_Morshed 2 жыл бұрын
Good work
@mahalakshmisivakumar2668
@mahalakshmisivakumar2668 2 жыл бұрын
Uncaught TypeError: THREE.GLTFLoader is not a constructor Please anyone tell how to rectify this error
@nxzthelinuxguy5192
@nxzthelinuxguy5192 3 жыл бұрын
Proud of Indian devs making it possible with people around the world ❤️🌹
@disrael2101
@disrael2101 3 жыл бұрын
It should be opposite when she looks the other way but very interesting idea regardless.. i like the passion and speed of the recorder
@jackstarsky3268
@jackstarsky3268 3 жыл бұрын
its the squid game from alternate universe
@kimjihooon
@kimjihooon 3 жыл бұрын
오징어 게임을 여기서 볼줄이야 !!
@mohammadmotasim4559
@mohammadmotasim4559 3 жыл бұрын
Error: "You don't have permission to download this model", it gives me that error while downloading the 3d model. What should I do?
@oldGoatMilk
@oldGoatMilk 3 жыл бұрын
Did you create a free account and log in to download it?
@helloworld3979
@helloworld3979 3 жыл бұрын
Lovely
@timothynwokeji6235
@timothynwokeji6235 2 жыл бұрын
Please 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
@Saffeyah
@Saffeyah 3 жыл бұрын
Soooo cool!!!
@bhavinchandran266
@bhavinchandran266 2 жыл бұрын
When coders know they aren't left behind
@gamingtv6351
@gamingtv6351 2 жыл бұрын
very very very nice
@DKOFFICIALORG
@DKOFFICIALORG 2 жыл бұрын
great
@amrutarasalkar9708
@amrutarasalkar9708 2 жыл бұрын
What if I don't get the black canvas after the initial setup? What do I do?
@weebabboo
@weebabboo 2 жыл бұрын
lil time stamp for me :) 42:58
@Anondrops
@Anondrops 2 жыл бұрын
Thaaaaaaaaankkkkkkk youuuuuuuuuuuuuuuuuuuu
@webdevstudyroom
@webdevstudyroom 2 жыл бұрын
It is very common cool
@shawn-vy2zz
@shawn-vy2zz 3 жыл бұрын
indian man behind it woooooo
@suparnapaul5539
@suparnapaul5539 2 жыл бұрын
three.min.js:6 Fetch API cannot load file:///D:/vs%20project/squidgame/model/scene.gltf. URL scheme "file" is not supported. GLTFLoader.js:97 TypeError: Failed to fetch at lc.load (three.min.js:6) at GLTFLoader.load (GLTFLoader.js:111) at main.js:38 sir , why am I getting this type of error.... plz assist me sir....
@z-tech4703
@z-tech4703 3 жыл бұрын
Wow 🔥🔥🔥
@auroratechnologies5157
@auroratechnologies5157 3 жыл бұрын
THREE.GLTFLoader: Failed to load buffer "scene.bin" , I got an error with gltf loader when loading model
@aruneshnaha4113
@aruneshnaha4113 2 жыл бұрын
same problem... did the issue get a resovle?
@sproutboot
@sproutboot 2 жыл бұрын
와 대박...ㄷㄷㄷ 오징어게임이 여기까지 등장하다니...
@howecreative
@howecreative 3 жыл бұрын
Constructive criticism: Everyone knows how to copy and paste, you don’t need to explain the shortcuts. But you do need to explain that you need an extension to run a live server from right click. That is not native functionality. You should also slow down a bit. It took me 3 listens on .75 speed to work out that you were saying ‘exclamation mark, tab’ to insert the html boilerplate. I can’t understand much of anything you are saying at full speed. Pleas slow down. It’s not a race. But also, thanks for the knowledge, it is appreciated.
@tsarge_017
@tsarge_017 3 жыл бұрын
samee but i still dont understand how do i get the live server option. could u explain a bit?
@snaprabbit9695
@snaprabbit9695 3 жыл бұрын
@@tsarge_017 U must first download the Live Server Plugin
@tsarge_017
@tsarge_017 3 жыл бұрын
@@snaprabbit9695 thank u thank u haha
@luv2skat
@luv2skat 2 жыл бұрын
@@tsarge_017 You need to download an extension. If you're using VS Code, got to the extensions tab and search "live server" and click "install." Hope that helps!!
@domicio1577
@domicio1577 2 жыл бұрын
Did you speed up the video? Even at 0.75 it is too fast.
@MichaelOnyeforo
@MichaelOnyeforo 3 жыл бұрын
Loved it! Please did he achieve the auto-complete in his Visual Studio Code? Basically, the IDE knows the next line of code.
@wtfdoiputhere
@wtfdoiputhere 3 жыл бұрын
I've been peer pressured to watch squid game more than using a debugger
@diii3206
@diii3206 2 жыл бұрын
3:36 is when I fell off the wagon. No black screen, just plain white webpage.
@luv2skat
@luv2skat 2 жыл бұрын
Me too. I just kept going. I looks correct every you type in renderer.render like a minute later.
@MdNaimurRahmanHera
@MdNaimurRahmanHera 3 жыл бұрын
He is talking too fast.. Boom man you are a genius 😍😍
@balajibalagam9597
@balajibalagam9597 2 жыл бұрын
THREE is not defined in GLTFLoder.js what should i do
@melon095
@melon095 2 жыл бұрын
Holy BatChest !
@heyrishabh13
@heyrishabh13 2 жыл бұрын
Not able to get the black screen copy the three-min.js but still not able to see the black scene.
@josedante.official3247
@josedante.official3247 Жыл бұрын
this is super content, can you share the 3D model file please. Will appreciate. Thank you
@ZenoTee
@ZenoTee 2 жыл бұрын
My scene at the beginning doens't work...
@parthsrivastava2632
@parthsrivastava2632 2 жыл бұрын
after linking three.main.js no black screen is happening in go live ....kindly tell anyone what to do
@luv2skat
@luv2skat 2 жыл бұрын
Keep going. When he types in render a minute later it will look right.
@bvinoth
@bvinoth 2 жыл бұрын
Would have loved more if shooting animation was there
@pritambasak2813
@pritambasak2813 3 жыл бұрын
Green_light red_light with python !
@moderneinstein2644
@moderneinstein2644 2 жыл бұрын
That's great, but I would rather create a video game using an object-oriented programming language such as Java, C#, or C++.
@diii3206
@diii3206 2 жыл бұрын
then do it
@ketchupparty9997
@ketchupparty9997 3 жыл бұрын
😂😅😂😂😂😂 awesome video 👨🏻‍💻👨🏻‍💻👨🏻‍💻👨🏻‍💻👨🏻‍💻
@user-dinozzz
@user-dinozzz 2 жыл бұрын
6:43 arrararrrrrrr
@artisahu319
@artisahu319 2 жыл бұрын
main.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
@chanjusingha5751
@chanjusingha5751 3 жыл бұрын
the speaker is angry maybe!!
6 Months of Learning JavaScript Game Dev in 6 Minutes
6:35
Suboptimal Engineer
Рет қаралды 125 М.
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
啊?就这么水灵灵的穿上了?
00:18
一航1
Рет қаралды 103 МЛН
Osman Kalyoncu Sonu Üzücü Saddest Videos Dream Engine 269 #shorts
00:26
HELP!!!
00:46
Natan por Aí
Рет қаралды 17 МЛН
Бенчик, пора купаться! 🛁 #бенчик #арти #симбочка
00:34
Симбочка Пимпочка
Рет қаралды 4 МЛН
I wish I knew this before using React Three Fiber
28:23
Rabbit Hole Syndrome
Рет қаралды 126 М.
You Should Learn C++ (for hacking games)
6:11
cazz
Рет қаралды 463 М.
Learn To Code Like a GENIUS and Not Waste Time
9:41
The Coding Sloth
Рет қаралды 1,7 МЛН
How I learned Unity without following tutorials (Developing 1)
18:11
Game Maker's Toolkit
Рет қаралды 2 МЛН
How to use TypeScript with React... But should you?
6:36
Fireship
Рет қаралды 936 М.
How I Would Learn Python FAST in 2024 (if I could start over)
12:19
Thu Vu data analytics
Рет қаралды 482 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 974 М.
7 ways to deal with CSS
6:23
Fireship
Рет қаралды 1,1 МЛН
Self-Driving Car with JavaScript Course - Neural Networks and Machine Learning
2:32:40
啊?就这么水灵灵的穿上了?
00:18
一航1
Рет қаралды 103 МЛН