6 Months of Learning JavaScript Game Dev in 6 Minutes

  Рет қаралды 131,651

Suboptimal Engineer

Suboptimal Engineer

Күн бұрын

Пікірлер: 270
@plasticsamalt6633
@plasticsamalt6633 2 жыл бұрын
As someone who just started my 3D programming journey, learning JS (and code in general), this video is inspiring as hell! Subscribed
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Awesome to see more people starting to learn 3D coding in JavaScript 🙌
@plasticsamalt6633
@plasticsamalt6633 2 жыл бұрын
​@@SuboptimalEng I would love some tips, because basically threejs is my goal here, and I just started learning JS.
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
@@plasticsamalt6633 If you just started learning JS, then I'd recommend making 2D games in HTML canvas. It's a lot easier to get started there. Once you understand the fundmentals, you can start picking up frameworks like Three JS.
@plasticsamalt6633
@plasticsamalt6633 2 жыл бұрын
@@SuboptimalEng noted. Thanks!
@TomServo-tg2tj
@TomServo-tg2tj 10 ай бұрын
i love the aesthetic of making things 3d for no practical reasoning but with cool lighting
@SuboptimalEng
@SuboptimalEng 10 ай бұрын
Lighting is everything 💡
@andrestellez3229
@andrestellez3229 2 жыл бұрын
Beautiful man, you're the only one who could help me, I watched 8 videos and yours was the only one that saved me
@arsen3223
@arsen3223 2 жыл бұрын
this is really cool man, makes me want to learn this as well!
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
You can do a lot with JS game dev! Definitely worth trying out 👀
@RajJaiswal538
@RajJaiswal538 2 жыл бұрын
I feel the Rubik's cube is hardest among them in terms of logic And also has a lot of potential of some unintentional amazing bugs : P
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Agreed. Sometimes, the bug is better than the code
@andybrice2711
@andybrice2711 Жыл бұрын
Rubik's cube logic is probably quite simple if you understand Abstract Algebra and Group Theory. (Which I don't.)
@RajJaiswal538
@RajJaiswal538 Жыл бұрын
@@andybrice2711 neither do I tho So we're on the same page
@cineural
@cineural 2 жыл бұрын
The Rubik cube glitch would be a really cool loading screen
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Or a retro windows screensaver
@moatazemad1854
@moatazemad1854 2 жыл бұрын
BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY MUCH!This is cool, well done!
@airelav
@airelav 2 жыл бұрын
Hello! I just wanna say thank you for the video it did really gave me a perspective in game dev in JavaScript as I'm starting and only doing it as a hobby, but I would really like to pursue some projects of my own so this is great inspiration 👍🏼
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Thanks, Valeria! A couple months ago, I was also not sure about making games in JavaScript. But now, I think it is the best decision I made 🙌
@airelav
@airelav 2 жыл бұрын
@@SuboptimalEng Yeah! This video really helped me, from now own I'm gonna give priority to game dev cause is supper interesting but also so very challenging for me
@stickguy9109
@stickguy9109 2 жыл бұрын
Nice video but there's one thing I should point out. If you know any programming language like Js for example unity is not hard. I say go for it, if you wanna get serious with gamedev a library is not an artistic tool
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Unity is not hard, but running it on my computer with Chrome and VS Code is impossible 😂
@stickguy9109
@stickguy9109 2 жыл бұрын
@@SuboptimalEng Oh I understand. Well then there's no choice but to make your own web based game engine
@GalaxyTime5416
@GalaxyTime5416 2 жыл бұрын
@@stickguy9109 im working on one
@KennyFully
@KennyFully 2 жыл бұрын
Unity isn’t hard to use but at the same time I’m not trying to give people a portion of my money!
@10inall28
@10inall28 Жыл бұрын
@@GalaxyTime5416 wat is it
@adnancodesweb
@adnancodesweb 2 жыл бұрын
I feel your struggle man.. love your videos as well.
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
The struggle of coding games in JavaScript is real, but it's worth it! Keep pushing through 💪
@Sumet_maharjan
@Sumet_maharjan 2 жыл бұрын
Your actually the goat, This helped so much thank you.
@musicbox2675
@musicbox2675 2 жыл бұрын
by any ans, but I can make what I envision, and that's the greatest gift to . You are, without a doubt, an expert teacher. You may
@Total_Studios_Games
@Total_Studios_Games 2 жыл бұрын
Your video was very helpful, I'm still learning and getting the hang of it still. I'm into House and EDM. I look forward to seeing more of your
@mainichiippo
@mainichiippo Жыл бұрын
These are great! Makes me excited to learn threeJS
@always_swagin
@always_swagin 2 жыл бұрын
when you’re in the channel rack, click on gms to open up the gms nu, in the light blue screen on the top left look where it says
@drsensor
@drsensor 2 жыл бұрын
Proper cache control and lazy loading is really hard to achieve in engine that doesn't target web browser as it's first priority. Though streaming 3D model is still challenging in any engine or rendering-lib
@the2ndlanguage4me52
@the2ndlanguage4me52 2 жыл бұрын
Pertama nyoba instal di MacOS Monterey error, udah gitu di Bantu sama mimin, ternyata harus pake yang 2021 , daaan tadi nyoba, Sudah berhasil! Terima kasih Sudah membantu sampe berhasil instal 🙏
@TheUnkow
@TheUnkow 2 жыл бұрын
That "failed" cube is mesmerising. Thanks for sharing this video. Hope you will have success upon your path.
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Thanks a bunch!
@yahyamn6692
@yahyamn6692 2 жыл бұрын
Excellent video. Clearly explained all the basics to get started on soft soft. Thanks
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Thanks Yahya!
@user-zo7up5yw6e
@user-zo7up5yw6e 2 жыл бұрын
Thank you very much , now I will understand the functionality
@chrisanderson687
@chrisanderson687 7 ай бұрын
Great work! Thanks for sharing, very inspiring
@SuboptimalEng
@SuboptimalEng 7 ай бұрын
Thanks Chris!
@mustycom-tech5463
@mustycom-tech5463 2 жыл бұрын
Best soft soft Introduction Ever!!
@antegeiaeverydayofficial
@antegeiaeverydayofficial 2 жыл бұрын
i really apreciate your help with dowloanding this software
@256k_
@256k_ Жыл бұрын
the broken cube was fantastic. hope you kept it
@mattcardoso1503
@mattcardoso1503 2 жыл бұрын
Awesome, man! One day I intend to dig into game development as well, just for the fun
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Definitely, it's super fun to get hooked on a piece of software you wrote. Doesn't happen often to me in web development, but happens quite frequently when I make games.
@mattcardoso1503
@mattcardoso1503 2 жыл бұрын
@@SuboptimalEng That's exactly how I feel, man. It's wonderful that you got to discover that feeling! And thanks for the incentive given in this video... I have much to learn from you. Stay awesome. ‍🔥👊
@qarihassanhameed
@qarihassanhameed 2 жыл бұрын
wow. thank you for the amazing video
@juanmacias5922
@juanmacias5922 2 жыл бұрын
Cool journey, thanks for sharing!
@hssageni9893
@hssageni9893 Жыл бұрын
actually I'm a web developer and when I woke up this this morning why not making games then i came across this vd it was really beneficial for me and now I'm gonna start my journey in game dev with three.js and I loved the piano you made it's gonna be my first project since I really love music and most of piano games are payed or not that responsive so I'll make it for all the guys that really want to learn playing the piano and the financial support is what stopping them inchaalah when I'm done I'll put an update in this comment hope me luck
@mahedulhasan5515
@mahedulhasan5515 2 жыл бұрын
well understood. Thank you you are the best teacher.
@alkhemist6631
@alkhemist6631 Жыл бұрын
I'm here struggling with logic. This is great. Kudos to you
@SuboptimalEng
@SuboptimalEng Жыл бұрын
Thanks, I'm sure you'll figure it out 🤓
@mingxindong3150
@mingxindong3150 2 жыл бұрын
Incredible I will be glad if I can finish one small project in 3 months
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
I always set a deadline and try to get something working. It doesn't have to be perfect the first time!
@DevlogBill
@DevlogBill 2 жыл бұрын
I think you should make the Rubik cube broken. Looked really cool
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Agreed
@sarathps1666
@sarathps1666 11 ай бұрын
This is really cool, Just started myself
@nirajsolanki8773
@nirajsolanki8773 2 жыл бұрын
So informative, thanks a lot!
@Rafa_dante
@Rafa_dante 6 ай бұрын
Very good video, I am one year into making a clone of portal with threejs :)
@SuboptimalEng
@SuboptimalEng 6 ай бұрын
That's pretty cool!
@breh2716
@breh2716 2 жыл бұрын
Bruh i feel like you have superpowers making super complicated things left and right likw it's nothing, i hope to be like you someday.
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Appreciate the compliment! Though I still have a long way to go before I feel like I have superpowers 😅
@breh2716
@breh2716 2 жыл бұрын
@@SuboptimalEng 4 years of experience IS super powers in itself lol
@karimaskarimas553
@karimaskarimas553 2 жыл бұрын
Worked for me thank you!
@DodaGarcia
@DodaGarcia 2 жыл бұрын
Aside from the the Rubik's Cube, it seems everything you've thought of building in 3D is just a 2D experience extruded into 3D space with nothing of value added from that extrusion - or like in the Tic Tac Toe case, actively making the experience worse. If you're adamant in building 3D games it might make sense to take inspiration from other 3D experiences and see what they give the player in return for the added computing power and cognitive load they require.
@jasonponce7415
@jasonponce7415 2 жыл бұрын
Yoo tnx dude, everytNice tutorialng works. I LIKE IT
@gamer_minecraft_yt2163
@gamer_minecraft_yt2163 2 жыл бұрын
BROOO THANK YOU!!!!!!!!!!!!!!!!! YOU'R THE BEST!!!!!! I LEARNED EVERYTNice tutorialNG I NEEDED TO KNOW THAN YOU VERY
@vlone.666
@vlone.666 2 жыл бұрын
have. But, your tutorial was amazing and I have made a semi-decent soft. Thanks!
@johnclarkmabutin7944
@johnclarkmabutin7944 2 жыл бұрын
TNice tutorials is much more simple than I thought with you explaining it. Currently half way through and I feel like I know everytNice tutorialng already lmao
@coolsai
@coolsai 2 жыл бұрын
cool!
@sujitkumarsingh3200
@sujitkumarsingh3200 2 жыл бұрын
4:23 that is not a bug, that is feature 😁. A nice one.
@chekaroxas9262
@chekaroxas9262 2 жыл бұрын
I tried and it is installed thank u very much anda
@tusyama5157
@tusyama5157 2 жыл бұрын
Fantastic stuff, man!
@joonaal1567
@joonaal1567 2 жыл бұрын
Dude. Thank you so much.
@darisamran801
@darisamran801 2 жыл бұрын
Oh it's really works) god bless you
@curiez
@curiez 2 жыл бұрын
Thank you. super program!
@staticdopekilm621
@staticdopekilm621 2 жыл бұрын
Thanks bro that was really helpful
@aleksd286
@aleksd286 Жыл бұрын
You should have sticked with Unity if you wanted to make an actual game. ThreeJs too is really cool and trendy if you want to make a website with some stunning 3d effects
@SuboptimalEng
@SuboptimalEng Жыл бұрын
Three.js is good for small game dev experiments but I realized I needed a game engine to build something more complex. Started learning Unity a month ago! I go over this in my latest video 😅
@aleksd286
@aleksd286 Жыл бұрын
@@SuboptimalEng I think absence of physics engine, marketplace for assets, and big community makes usage of ThreeJs as a game dev option makes it not the best option
@AOP2912
@AOP2912 2 жыл бұрын
Really nice and helpful... Thanks!
@theblueplanet3576
@theblueplanet3576 4 ай бұрын
What 3js resources did you refer to while learning? Would be great to know those details. Good going on your 6m journey 👍
@JeezLeWeeze
@JeezLeWeeze 2 жыл бұрын
Gained a sub on this one, good shit man!
@lyricsbyfio1708
@lyricsbyfio1708 2 жыл бұрын
working fine thank you
@abdelrahman5094
@abdelrahman5094 2 жыл бұрын
such a fantastic video reccomendation
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Looks like praying to the KZbin algorithm every day is finally working 🙌
@ferhattaher
@ferhattaher 22 күн бұрын
hi , i hope you are doing welll after 2 years , i would like to ask about what courses and toturials you followed , let me know
@sarnarider9872
@sarnarider9872 2 жыл бұрын
utilised and enjoyed wNice tutoriallst increasing in value.
@jerryshub9914
@jerryshub9914 2 жыл бұрын
HELP! When i put a sample into the daw, the sample slides instead of moving in steps, how can i get the sample to move in steps?
@henryzhang6512
@henryzhang6512 2 жыл бұрын
just discovered your channel. love your content! (more than simondev 😉)
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
That's high praise - Simon's videos are super cool - thanks a bunch!
@lidestudios5094
@lidestudios5094 Жыл бұрын
The rubiks cube bug reminds me of another bug I got in my Matlab class when I accidentally coded perfect 3D rotation on a 2D graph due to some error in my math formula lol Can't help but appreciate these bugs
@SuboptimalEng
@SuboptimalEng Жыл бұрын
Have to agree here. Often times the bugs give more interesting visualizations than the fixes.
@nabinbhattrai1506
@nabinbhattrai1506 2 жыл бұрын
thanks so much man
@jawyor-k3t
@jawyor-k3t Жыл бұрын
conclusions? was it worth it? what are your future plans?
@SuboptimalEng
@SuboptimalEng Жыл бұрын
Was it worth it? I think so - it helped me get started quickly. But I also realized that lots of game dev/graphics jobs require knowledge of C++ or C#. So if that's your end goal, starting like this might not be worth it for you. Currently, I'm really interested in graphics programming so I've been learning how to write GLSL shaders. For this, you don't even need Three.js or Unity, just Shadertoy.
@Muddasir-h6h
@Muddasir-h6h 2 жыл бұрын
Worked, thx
@fluff0000
@fluff0000 2 жыл бұрын
Please, Please, Please include "New Quantize Jumps" also in "Edison" and "Slicex".
@rithjr8827
@rithjr8827 2 жыл бұрын
I want to put a drum in a certain ti but it automatically goes to the grid. in your video does not happen
@alteredsensations8273
@alteredsensations8273 2 жыл бұрын
YO YOUUURRRR ART IT BEAUTIFUL
@chicho01-e7l
@chicho01-e7l 2 жыл бұрын
Nice tutorial. I have been having content issues with my hmdi connected speaker and subwoofer. No soft is coming through, still coming out of
@oatcookies_
@oatcookies_ 2 жыл бұрын
i was at the 8 minutes mark then i got engrossed in the potential masterpiece i could make and started dancing and bobbinb my head
@skulllive7368
@skulllive7368 2 жыл бұрын
how do you get all the tutorial and samples on the left. mine doesnt have sNice tutorialt
@quantumempire5647
@quantumempire5647 2 жыл бұрын
Rétro snake looks awesome!
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Thanks Quantum, it's probably my favorite one as well!
@sonhoang2392
@sonhoang2392 2 жыл бұрын
my laptop speakers. Any suggestions on what to do to get my soft back? I recently updated. Any help would be greatly appreciated.
@adflyadfly4137
@adflyadfly4137 Жыл бұрын
From any js library can we create any game like tycoon used cars game? Like car moves in (3d object), follow route, park in given slot etc??
@SuboptimalEng
@SuboptimalEng Жыл бұрын
You can make small fun games in JS, but if it is super complex then it might be better to go with Unity or Unreal.
@clivekingco1865
@clivekingco1865 2 жыл бұрын
TNice tutorials was very helpful thankyou.
@thepeera1699
@thepeera1699 2 жыл бұрын
$199 bundle etc. so wNice tutorialch was is best??? ❤️❤️
@divyanshprakash7356
@divyanshprakash7356 2 жыл бұрын
In The setup If the master channel is located in the top, next to the counter, then no - IT stays witNice tutorialn acceptable limits, when I play so of
@roldanacebo8835
@roldanacebo8835 2 жыл бұрын
merci beaucoup a toi :))
@itzdragondreamxdgg4157
@itzdragondreamxdgg4157 2 жыл бұрын
Couldn't agree more!
@facundoalvarez8245
@facundoalvarez8245 2 жыл бұрын
thank u
@eoryo
@eoryo 2 жыл бұрын
Really helpfull tutorials. Helped a lot
@gourobsaha8130
@gourobsaha8130 2 жыл бұрын
Its working man!!
@MHW-nu7pz
@MHW-nu7pz Жыл бұрын
Nice video! I really love what you built! I will be going to start to learn the threejs. Is it that I have to be good at math before starting it?
@SuboptimalEng
@SuboptimalEng Жыл бұрын
That’s great to hear! You don’t need much math unless you want to become a shader magician.
@MHW-nu7pz
@MHW-nu7pz Жыл бұрын
@SuboptimalEng Really? Only the shader requires advanced math?
@SuboptimalEng
@SuboptimalEng Жыл бұрын
Depends on how complex your applications are. Most of the games I made in this video do not use math beyond trigonometry. The last game uses physics, but I imported a library to help with that.
@KKOO8
@KKOO8 2 жыл бұрын
hey I want to learn too where do I start?
@eotstv9197
@eotstv9197 2 жыл бұрын
In The setup what soft is that the little one
@saba7341
@saba7341 2 жыл бұрын
sotis when the sample finishes playing it will play over itself and you get tNice tutorials echo effect.
@samiullahsheikh5015
@samiullahsheikh5015 10 ай бұрын
I am frontend dev with 2 years of experience and now i am exploring game development in js. I don't know if game dev worth it in JS land but it just quite interesting to me and also it will help me to improve my logic rather than practicing boring DSA😅😅 Btw, can you point me where to start as it seems 3d, 2d have alot of concepts before even get hands on any library like theejs or pixijs Any resource/path or suggestions what should i learn first?
@ayubfauzihafiz5599
@ayubfauzihafiz5599 2 жыл бұрын
I have loved soft all my life but felt trapped and muted by the fact that I couldn't create my own. Over the last or so years I've tried
@kool-breez
@kool-breez Жыл бұрын
That Rubik's cube would make an awesome loading 'spinner'. Side note: I think some of the stuff you covered in the three.js tutorial (planets rotation), could help finish that rasengan model :)
@SuboptimalEng
@SuboptimalEng Жыл бұрын
I think the rasengan requires more glsl shader skills 😅
@kool141
@kool141 Жыл бұрын
@@SuboptimalEng You’ll get it, your first attempt was really good :D
@myporpor1184
@myporpor1184 2 жыл бұрын
Next ti, can you install one of those apps that creates a circle around your mouse pointer? Sotis it’s hard for to find where
@callme_nagi
@callme_nagi 2 жыл бұрын
Good choice!
@mtxar
@mtxar 2 жыл бұрын
hang in there bro, we're all in this together, =)
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
word
@mtxar
@mtxar 2 жыл бұрын
@@SuboptimalEng also subscribing, notifications on, gonna be liking all of your videos too, I appreciate what you're doing
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
@@mtxar Appreciate the support! Building games in JS ain't easy, but someone's gotta do it 😅
@abraarz2971
@abraarz2971 2 жыл бұрын
Very cool!
@nariharicreations
@nariharicreations 2 жыл бұрын
I bought soft soft today!
@samdavepollard
@samdavepollard 2 жыл бұрын
very cool you should write a book (seriously) subbed
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Thanks Sam! I think I’d need to learn quite a bit more before writing a book.
@nimrodargallon9100
@nimrodargallon9100 2 жыл бұрын
all the different elents together in a language that is universal. I've seen plenty of DAW tutorials being new, but tNice tutorials is by far the best so
@RAOROCKSTAR1990
@RAOROCKSTAR1990 Жыл бұрын
So if I don't have to build games in 3 dimensions, I don't need to use threejs? I have a fair amount of experience in React/Javascript but don't know much about game development. If I have to make simple games in 2D with sound and visual effects, can you suggest me a library? How's kaboom?
@SuboptimalEng
@SuboptimalEng Жыл бұрын
I've never worked with that library so I'm not sure how it is. My recommendation would be to learn and use PixiJS.
@dorktales254
@dorktales254 2 жыл бұрын
Bro check out chris courses too, he makes full fledged 2d games in js
@SuboptimalEng
@SuboptimalEng 2 жыл бұрын
Yep, he makes some really cool JS game dev videos! One of his tutorials to help me make the Naruto animation.
@rewiredbyadhd
@rewiredbyadhd Жыл бұрын
Dude, I already subscribed but if you make educational videos with all those projects and things you learned, I'll pay you without hesitation.
@SuboptimalEng
@SuboptimalEng Жыл бұрын
I’ve made a video for each project already! You can find them on my channel if you go scroll all the way down before my Three.js tutorials. Currently learning WebGPU with TypeScript so might do some videos on that next 🤓
@raihankarimpriyo2004
@raihankarimpriyo2004 2 жыл бұрын
Perfect tutorial, I just bought it and tNice tutorials helps heaps
@Ya2n_saputra
@Ya2n_saputra 2 жыл бұрын
GR8 IDEA TYTY
I Made the Same Game in 8 Engines
12:34
Emeral
Рет қаралды 4,4 МЛН
What is WebGPU?
14:09
Suboptimal Engineer
Рет қаралды 72 М.
Can You Draw a Square With 3 Lines?
00:54
Stokes Twins
Рет қаралды 53 МЛН
It's the natural ones that are the most beautiful#Harley Quinn #joker
01:00
Harley Quinn with the Joker
Рет қаралды 22 МЛН
Версия без цензуры в 🛒 МИРАКЛЯНДИЯ
00:47
Squid game
00:17
Giuseppe Barbuto
Рет қаралды 38 МЛН
I Tried Making an FPS Game in JavaScript
8:19
SimonDev
Рет қаралды 139 М.
choosing a game engine is easy, actually
15:08
samyam
Рет қаралды 710 М.
AI exploits a gamebreaking bug in Trackmania
23:13
Yosh
Рет қаралды 2,2 МЛН
It's not hard to make games in C++
6:23
Low Level Game Dev
Рет қаралды 152 М.
Making Minecraft from scratch in 48 hours (NO GAME ENGINE)
16:38
I Tried Making a 3D MMORPG Game in JavaScript
16:48
SimonDev
Рет қаралды 606 М.
Actually, Maybe There's Only 1 Game of Tic-Tac-Toe
11:58
Marc Evanstein / music․py
Рет қаралды 1,3 МЛН
What Kind of Math Should Game Developers Know?
19:39
SimonDev
Рет қаралды 75 М.
How I designed Jetpack Joyride
41:15
Luke Muscat
Рет қаралды 1,8 МЛН
Who is Smarter? Engineer vs Chinese 5th Grader
21:08
Cantomando
Рет қаралды 1,7 МЛН
Can You Draw a Square With 3 Lines?
00:54
Stokes Twins
Рет қаралды 53 МЛН