Typescript Arkanoid game | 2D TS game
Vložit
- čas přidán 12. 09. 2024
- Learn how to build a game with vanilla Typescript. Build the classic Arkanoid game with types, classes, modules and modern code in Typescript. Use modules thanks to Parcel that bundles and builds the code.
Starter files and finished project: github.com/wei...
Support me by subscribing to this channel ❤️
Do you want to master #react, #gatsby, or #svelte fast? ⏩ 🚀 👩🚀
Check out my premium courses at www.weibenfalk...
-
Find me somewhere below:
Website: www.weibenfalk...
Udemy: www.udemy.com/...
Linkedin: / thomas-weibenfalk-7635...
Twitter: / weibenfalk
Github: github.com/wei...
FreeCodeCamp: www.freecodeca...
Dev.to: dev.to/weibenfalk
I always like listening to you talk. Makes for some interesting insight as you teach. Thanks Thomas. Set you soon!
Thanks a million for spending your valuable times for us.
Brilliant! Thank you sir! Love Typescript!
Please MOAR Typescript videos like this! They are fantastic.
I was searching for typescript tutorials, found this video, and was like "wtf??". Whats next, build a spaceship with typescript?!?! Im definitely gonna check out all your videos now LOL
Haha thanks. Appreciate the support!
I've never used querySelector, and didn't really know anything about it. I love that you used it instead of getElementById because it forced me to find out what the actual difference is. Now I know why you used it and I might use it more. I know, simple things to most, but still new and exciting to some of us.
P.S. This kind of thing is why I prefer your tutorials. Almost everything I know about TS, I learned from your channel, and I'm still learning.
Ryan Guelzo Thanks. Glad to read that my tutorials are helpful.
Thanks bro! Your channel deserves a lot of subs,lemme spread the word
Thanks ... appreciate the support!
god this is amazing! I havent finish the movie app tutorial and I already want to jump into this!
Glad you enjoy :)
@@Weibenfalk I know its too much to ask, but you need to make more of those full course tutorials :) do you have a paid version?
@@ricksanchez207 Thank you. The React Movie course is actually a paid premium course that I released here on YT instead. I've put in months of work on that one as it's the 3rd iteration of the course. Also my Gatsby course here on my channel.
I decided to release them here instead as I have a lot going on in my life with the dayjob and family etc. so I didn't have time to update them or answer questions for premium buyers.
And tbh ... there wasn't enough bang for the buck so to say. I put in much more time and effort than I got payed for. The downside of not being a super famous course creator I guess =) Same here ... I don't have enough followers to dedicate more time right now as that would mean that I had to give up payed hours from my freelance work.
@@Weibenfalk Ah man thats sad to hear! Ill try my best to spread the word about your channel! Ive actually recommended you to some of my colleagues switching to React!
The part where you write down css for each styled components is very helpful, wish more people does that rather than just copy paste it.
Hope you keep doing what you doing! Helps alot of people!
coooll project bro!
Great tutorial, the only thing I have to figure out is how to switch keyup & keydown event listeners to mouse onClick is my guess, as I am using a mac and the pad, and this is one of my fav games that I will play in my free time, thank you again! I am finishing your Svelte tutorial and loving it, you make it be a really fun experience. Like the broken balloon image at the bottom of all movies thumbs...thank you again.
Thanks! Appreciate your support.
Excellent video
Thanks!
Good job
the index.html web console says that the index.ts' first line has a problem (it has the imported canvasView thing)
and like idk what is or even where to put the "npm run start" cause you didnt show it
you didn't explain well the calculations you did in the createBricks and other places. at times, I felt lost. but thanks for sharing.
It is also called atari breakout, I think
good tutorial, thanks)
I will be pleased if you can give me the name of the font you use
wanna buy it, but forgot the name of the font-family :D
Thanks! It's Operator Mono
first
Hey Tomas
On console i have this error , how can i fix?
"
index.html:1 Refused to execute script from '000.0.0.0:000/src/index.ts' because its MIME type ('video/mp2t') is not executable.
"
Looks strange. Have you checked against the finished game and is it the same there?
@@Weibenfalk yes , the same , i try a to re-install VSCode , maybe an extension cause the error , but it doesnt, work.
@@Rode1o I can see that your index file is trying to run a .ts file ... that's not correct. Do you run it with "npm run start" command so you really transpile it down to JavaScript?
@@Weibenfalk Actually is working, was a config in karma.conf.js , thx a lot