Check out the playlist of web project tutorials here! th-cam.com/play/PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q.html Got a tutorial suggestion? Let me know down below!
Thanks for this tutorial!! I was able to understand the code and added more features to the game such as: - Adding start and reset buttons - Incrementing the score only when the user clicks on the tile once (instead of allowing user to click on the same tile many times and obtaining more scores) - Ensuring that the mole is generated on a different tile on every interval Will add more features as I go. Thanks again!
I just discover you. I am a BootCamp grad trying to switch career and your channel is really healthful. Keep doing what you are doing. You will be big in no time!
after learning i made this game from myself bro you are legend you just taught complex things in such a simple manner you deserve to have like million subscriber i shared this playlist with my friends ..... hope you do great in life love you
I've been coming back to some of these videos to remember how to do certain things, like at 17:40 that adding event listener to the tiles, i came for that just now
Thx for this tutorial!!! Help me a lot to understand and learn Javascript by playing and programming a game. I need some help. I/ve change some parts and the themme (its pirates in my game) (sorry my poor english). But i have a problem trying the little image (mole, plant) display centered in the tile. they always displays in the top. ( add justify-content: center; align-items: center; in the #board in the .css and text-align: center; in the #board div and #board div img) and nothing, the little image is stuck in the upper side. Can you help me plz?
I found out while following the video and coding the game that if the player clicks the mole really fast many times you can get more points. Any suggestions how to fix that? I want the player to only be able to get one point per mole position :)
Perhaps you can add a bool, moleClicked to false and use it to check! When clicking on the mole, the bool will flip to true, and only when the function gets called again to move the mole, you’d set the bool back to false
Hy! For some reason when I try to delete the tile wich is inculde the mole, it not works. After the if statment the moles are gone and they are not appearing. What' wrong? Thanks for your answer! My js code : function setMole() { if (currMoleTile) { currMoleTile.innerHTML = ""; }
let mole = document.createElement("img"); mole.src = "./monty-mole.png"; let num = getRandomTile(); currMoleTile = document.getElementById(num); currMoleTile.appendChild(mole); }
Not sure based on your code, try comparing your code with the completed code on GitHub to see if anything is missing. Did you call setMole with setInterval?
@@KennyYipCoding yes i set the Interval, but using console log whas a great idea i got closer, i got this mole.js:33 Uncaught ReferenceError: currMoleTile is not defined at setMole (mole.js:33:4) and it showing to : if (currMoleTile) { currMoleTile.innerHTML = ""; } but still dont know because i checked your .js and it's a same
Smart 😎 more than me😅 not all. 😊 I think i can not learn coding So hard and boring😑 But please DELVEMPLOER make For Android y know not y know So easy 😎 like you do🎉
Yes, I misleading the part (colume 30 to 31 in 12:14), I was coding it to: currMoleTile = document.getElementById(num).appendChild(mole), and boom! Bugs attack :P@@KennyYipCoding
Hi Kenny, thanks for this video! It's similar to the game I'm trying to make. I was hoping you might be able to please help me code the setGame function for the images to pop up randomly anywhere in the game board instead of the 9 tiles you have here: function setGame() { //set up the grid in html for (let i = 0; i < 9; i++) { //i goes from 0 to 8, stops at 9 // let tile = document.createElement("div"); tile.id = i.toString(); tile.addEventListener("click", selectTile); document.getElementById("board").appendChild(tile); Any advice would be greatly appreciated, thanks!
Check out the playlist of web project tutorials here!
th-cam.com/play/PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q.html
Got a tutorial suggestion? Let me know down below!
Hi, thanks for your videos, they are very helpful for me, my suggestion : fps game with js
Could you do Donkey Kong?
Could you do Jigsaw puzzle?
@@huiying2838 jigsaw puzzle might be a bit difficult but I do have a tutorial on my channel for how to create a normal puzzle, and a slide puzzle game
شكرا لك قناتك رائعه 🤩
Thanks for this tutorial!! I was able to understand the code and added more features to the game such as:
- Adding start and reset buttons
- Incrementing the score only when the user clicks on the tile once (instead of allowing user to click on the same tile many times and obtaining more scores)
- Ensuring that the mole is generated on a different tile on every interval
Will add more features as I go. Thanks again!
hi im stuck on creating start button. can you show me your code I'm stuck for a good 3 hour now idk
I just discover you. I am a BootCamp grad trying to switch career and your channel is really healthful. Keep doing what you are doing. You will be big in no time!
after learning i made this game from myself bro you are legend you just taught complex things in such a simple manner you deserve to have like million subscriber i shared this playlist with my friends ..... hope you do great in life love you
Can see the Time in the Right Corner..Dude Coding at 2am..Kudos!!
Hahaha I consider that early. There are definitely some tutorials I’ve done at 4 am even.
Man have seen a lot on youtube, all game tutorials are over mathing, this is really different, well explained no complexity!
I want to venture in Game Development as my computer science niche. For a beginner, you have helped me.Thank you
I've been coming back to some of these videos to remember how to do certain things, like at 17:40 that adding event listener to the tiles, i came for that just now
this is best lesson ever! i had almost given it up before, but you saved my life.
just followed this tutorial but with my own sprites, loved it
Good Job Kenny Thank you so much for making these videos to help us
very nice and very well explained !!! Love this video, Kenny Yip i did the same project and uploded in my git repo.
you are the goat
Your tutorial is good, you explain everything your doing well.
Wow! Fantastic Channel 🔥
Thx for this tutorial!!! Help me a lot to understand and learn Javascript by playing and programming a game. I need some help. I/ve change some parts and the themme (its pirates in my game) (sorry my poor english). But i have a problem trying the little image (mole, plant) display centered in the tile. they always displays in the top. ( add justify-content: center; align-items: center; in the #board in the .css and text-align: center; in the #board div and #board div img) and nothing, the little image is stuck in the upper side. Can you help me plz?
Я искал тебя, и нашел, спасибо за то что ты есть!!!!!!!
my java script isn't working at all
Link it to html
Use script tag instead
This was great! Thank you for the work.
this was great to follow
I found out while following the video and coding the game that if the player clicks the mole really fast many times you can get more points. Any suggestions how to fix that? I want the player to only be able to get one point per mole position :)
btw I loved the tutorial and I plan on trying more of your games :)
Perhaps you can add a bool, moleClicked to false and use it to check! When clicking on the mole, the bool will flip to true, and only when the function gets called again to move the mole, you’d set the bool back to false
Thanks a lot bro you are really amazing
how do you download the files from the github repo?
There’s a green button that says Code, and you click that and you can download as ZIP
Im getting cant find variable : math when my mole should be popping up now. Any idea why?
Hy! For some reason when I try to delete the tile wich is inculde the mole, it not works. After the if statment the moles are gone and they are not appearing. What' wrong? Thanks for your answer! My js code :
function setMole() {
if (currMoleTile) {
currMoleTile.innerHTML = "";
}
let mole = document.createElement("img");
mole.src = "./monty-mole.png";
let num = getRandomTile();
currMoleTile = document.getElementById(num);
currMoleTile.appendChild(mole);
}
Not sure based on your code, try comparing your code with the completed code on GitHub to see if anything is missing. Did you call setMole with setInterval?
Also right click inspect on your webpage to see if any errors show on console log, that might help too
@@KennyYipCoding yes i set the Interval, but using console log whas a great idea i got closer, i got this
mole.js:33 Uncaught ReferenceError: currMoleTile is not defined
at setMole (mole.js:33:4)
and it showing to :
if (currMoleTile) {
currMoleTile.innerHTML = "";
}
but still dont know because i checked your .js and it's a same
i got the problem i missed one name damn i am sorry and thaky you very much!!@@KennyYipCoding
Same problem here, can you tell me how did you do?@@zoltanszadoczki5665
My pipe images aren't popping up? could someone help?
not able to donload images from your link , plz help
In your github I found direct link to open the game.. can u tell how to generate that link
There’s a tutorial on my channel on how to upload a website on GitHub
amazing keep it up
My pipe is not showing, does anyone has any solution?
Right click inspect console to see what the error is showing… it could be you didn’t put the correct image path in your file
love you bro! !!
Smart 😎 more than me😅 not all. 😊
I think i can not learn coding
So hard and boring😑
But please DELVEMPLOER make
For Android y know not y know
So easy 😎 like you do🎉
why my innerHTML not working?
Right click inspect console to see what error you’re getting. Could be that you misspelled something
Yes, I misleading the part (colume 30 to 31 in 12:14), I was coding it to: currMoleTile = document.getElementById(num).appendChild(mole), and boom! Bugs attack :P@@KennyYipCoding
Hi Kenny, thanks for this video! It's similar to the game I'm trying to make. I was hoping you might be able to please help me code the setGame function for the images to pop up randomly anywhere in the game board instead of the 9 tiles you have here:
function setGame() {
//set up the grid in html
for (let i = 0; i < 9; i++) { //i goes from 0 to 8, stops at 9
//
let tile = document.createElement("div");
tile.id = i.toString();
tile.addEventListener("click", selectTile);
document.getElementById("board").appendChild(tile);
Any advice would be greatly appreciated, thanks!
My mole is invisible someone help me
Same here
You should do a full chess game tutorial in vanilla JavaScript!
can you please make a bubble shoter game in js, please
Thanks;
Do some project using nodejs and MongoDB 🙏🏼
thanks kenny
it is not work
You are a hero
Please put the code here on the comment section
Can some one send the git hub link
It is in the video description
@@KennyYipCoding k
make it responsive
In 3rd place and I think
Look my one it's based on pvz
I host and make it in web site
Where can I get the code