Build Candy Crush using JavaScript HTML and CSS
HTML-код
- Опубликовано: 12 сен 2024
- Create a candy crush clone with javascript html and css! In this tutorial, you will learn to create Candy Crush using HTML, CSS, and JavaScript. You will learn to swap candy pieces, crush candy pieces, and generate new ones.
Code: github.com/ImK...
Demo: imkennyyip.git...
candycrushgame...
Website: www.kennyyipco...
Java Game Programming Projects Playlist:
• Java Game Programming ...
JavaScript Game Programming Projects Playlist:
• JavaScript Game Progra...
Subscribe for more coding tutorials 😄!
Check out the playlist of web project tutorials here!
ruclips.net/p/PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q
Got a tutorial suggestion? Let me know down below!
You are a genius dude I been looking for someone that is good enough to pull off this app game idea I have I know you are capable I believe in you and don't even know you
This is a really fun and educative video! Keep up the good work bro ❤
Brooooo you are beast. I take bootcamp on front end and that was my first project. You code clean and easy to understand. So bad I don't so this tutorial before that.
You have an incredible skill for tutorial explanation!! Thank you very much for sharing this with all of us.
hey there! great great video man! really got me unstuck and also really appreciate how you explain
Rly enjoyable tutorial and project, looking foward to make my own improvements, thank you!
Its awesome video for Beginners. Keep it up dude. I really like this video
this would of been easy if can just copy and paste, you are legend for this bro
Wow!!! it's awesome !!!!
Bro striped , wrapped candy and choco is not becoming after mixing 4 -5-6 candy please tell me solution
Thank you so much, i really appreciate it.👍
Subscribed! Bell. Thank you for this channel!
This is a great video. How did you learn how to code this well.
Good Idea think you for your video we wait for more ❣❣
Glad you found this tutorial helpful! Make sure to subscribe to see more tutorials like this !
Thank You So Much
🥰🥰
Can you add the sound folder to your github for game sounds? Looking for sound effects but it is a bit of a rabbit hole
Thank you for this video
Wow ty god i found ur channel
Great tutorial on building a basic match 3 style game. Thanks! Is there a way to convert this to canvas so I can add visual effects? I want to access the images on a pixel level basis, so I can add glow, shift, blur and other effects.
@@bartdemeyere9766 Sounds really interesting. Do you have any link to the code or pseudo-code?
@@bartdemeyere9766 Did you happen to get a chance to put up the repo for the canvas approach? Much appreciated.
where u find these background images, bruh?
Sir theres no stripped candy code in the github......pls provide me i want to learn
Where did you get the background image from?
has anybody gotten smoother transitions like when dropping the candies they look like they are falling down, or when crushed they make an explosion or something?
thank u i love u
bro can we play in mobile phone
good . be regular
can you teach me how to crush 4 or 5
Instead of random, is there any algorithm to generate the candies?
It is possible that some levels are manually designed so you always see the same board layout at certain levels. They could also use more advanced techniques to reduce randomness so that there is a higher or lower chance of getting specific crush combinations, etc) levels that require you to get the chocolate ball twice. This is something that you’d have to do more research on I guess
Hello i can't input function drage in Candy game becuse i input it, i can't see img?? please tell me about why??
easiest way to figure out what went wrong is to compare your code to the completed code in github. You might've missed a step or made a typo. Also make sure your folder setup is correct so the js file can access the images path correctly.
@kennyYipcoding please provide the folder of the candies
As mentioned in the video, it’s in the GitHub link in the video description
3:59
how can i make the turns counter logic in simple js?
In the html, you can add a p tag with an id so that you can access the tag in JS. Then in JS add a variable to keep track of the number of turns and every time you drop a piece onto another, you reduce the turns count by 1 and update the html text.
Hey the score is not reseting to zeroevry time I reset it
I mean that it is increasing by a certain after I refresh and start playing
Thats because when the game is loaded, the board is randomly generated, and the code is constantly checking if candy pieces could be crushed. Therefore if the board loads with 3 candies in a row in some places, those will be crushed.
where u put the turns left code on js?
I didn’t put that for this tutorial but it’s something you can implement on your own. Should be simple since it’s just a turnsLeft int counter with a gameOver boolean
How can i get every user's score detail? Like if I want to reward a user who reached in 1000 score, how I will get to know about score??
There should be a global variable keeping track of the score count!
Declare a variable which store 1000 and if the score reaches 1000 make a pop for congratulating player use alert to do it or make a proper pop box to appear
how to animate
with JavaScript
How do I build an app version of this
you would need to learn android development with java or ios development with swift, or react native to create a mobile app.