VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Intro to Game Development with JavaScript - Full Tutorial

Intro to Game Development with JavaScript - Full Tutorial

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
An introduction to game development tutorial using vanilla JavaScript and HTML5 canvas. Build a complete brick-breaker game while learning the fundamentals of game development. - Code / Completed Project: https://codesandbox.io/s/z2pqr9620m
Date: 2022-03-14

Comments and reviews: 10


Hi! So far from watching this is seems like a great guide! :) For any viewers watching this that are like me... that are having trouble paying attention I have a couple steps to search to help learn this information faster!
Find a supplement that allows you to remember what is being said
Find a supplement that allows you to be in the timeframe of watching the video and absorb the information
Find a supplement that allows you to focus without ADHD taking you in and out of the video
Find a supplement that allows you to get a good nights rest..
Then Start watching and learning and trying to figure out the content.
Currently I'm struggling on a couple of these... also my nerves tick me off sorta... I have a decent amount of nerve damage in my foot, hands, arm, chest, and back. This adds ADHD sorta feeling but I'm trying to focus in the moment but i feel like my IOS redirects my attention to other places. If i don't have a quality diet the chances of me sitting and watching the video is like 10 second tom from Fifty first dates when Adam sandler goes to the hospital where lucy is painting in the top floor when hes walking up the stairs and meets him for the first time.

reply

Still watching the video (it's great and I'm learning a lot), and I know this video is more about learning than the nitty gritty, but at 42:44 the collision with the paddle / the paddle's -hit box- could be a little better visually for gameplay. Currently, if the start of the ball image is just one pixel further left than the start of the paddle, it will not -hit- the paddle, although visually it should still be hitting it (and similar issue on the right side). A good fix could be incorporating the width of the ball image (and splitting it in half): if (...&& this.position.x - this.size / 2 >= leftSideOfPaddle && this.position.x + this.size / 2
reply

I'm learning solidity blockchain programming I know it is javascript base but you can use python as well still trying to understand all that but I'm trying to figure out how to get smart contracts to pull data from a video game variable thus creating the blockchain on one side and the game on the other side and just linking them together to adjust the data of the variables between them.
reply

Great project! Thank you , really helped my javascript learning.
If anyone wants to add some more -replay-ability- you can add this function that generates random levels of varying difficults as p increases from 0 to 1! :)
function RandomLevel(p) -
let bricks = [];
for( let i =0 ; i

reply

/src/index.js: Identifier 'paddle' has already been declared (9:4)-
7 - const GAME_HEIGHT = 600;-
8 - ctx.clearRect(0, 0, 800, 600);-
> 9 - let paddle = new paddle(GAME_WIDTH, GAME_HEIGHT);-
- --
10 --
11 - paddle.draw(ctx);-
12 -
can u plz help me with this error

reply

working for 3 years in a professional enviroment with javascript and frameworks like angular for producing good software products and almost forgot why i got exitet in the first place.
game development looks so much more fun then bulding yet another form with nice search selects and stuff

reply

When I get to -9:50, the Firefox Console shows -Uncaught SyntaxError: import declarations may only appear at top level of a module- and -Uncaught SyntaxError: export declarations may only appear at top level of a module-, and I can't get the paddle to show...
reply

If you've done all the instructions in the vid, you'll find a couple of glitches. If you press Esc at startup instead of space, it'll freeze the game. Also, if you press Esc to pause and then press space, you won't be able to get out of pause.
reply

Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLCanvasElement or HTMLImageElement or HTMLVideoElement or ImageBitmap or OffscreenCanvas or SVGImageElement or VideoFrame)'.-
Help

reply

I got a problem From the start
When importing the paddle class to my index.js
It's giving me some error
Like, -Cannot use import statement Outside a module-
I've checked single code, but can't resolved this
Pls any help -

reply
Add a review, comment






Other channel videos