How to make 2048 Game with Javascript HTML CSS

Channel:

Kenny Yip Coding

Subscribers:

50,600

Published on February 11, 2022 7:47:44 PM ● Video Link: https://www.youtube.com/watch?v=XM2n1gu4530

Category:

Tutorial

Duration: 37:49

26,351 views

716

Complete tutorial on how to build 2048 javascript html css. Build 2048 with javascript html and css!

Code: https://github.com/ImKennyYip/2048
Demo: https://imkennyyip.github.io/2048/

Website: https://www.kennyyipcoding.com/

Java Game Programming Projects Playlist:
https://www.youtube.com/playlist?list=PLnKe36F30Y4Y1XQOqNsL9Fgg_p6nYhcng

JavaScript Game Programming Projects Playlist:
https://www.youtube.com/playlist?list=PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q

Subscribe for more coding tutorials 😄!

#code2048 #2048javascript #2048js #gameprogramming #javascriptgame

/* colored tiles */

.x2 {
background-color: #eee4da;
color: #727371;
}

.x4 {
background-color: #ece0ca;
color: #727371;
}

.x8 {
background-color: #f4b17a;
color: white;
}

.x16{
background-color: #f59575;
color: white;
}

.x32{
background-color: #f57c5f;
color: white;
}

.x64{
background-color: #f65d3b;
color: white;
}

.x128{
background-color: #edce71;
color: white;
}

.x256{
background-color: #edcc63;
color: white;
}

.x512{
background-color: #edc651;
color: white;
}

.x1024{
background-color: #eec744;
color: white;
}

.x2048{
background-color: #ecc230;
color: white;
}

.x4096 {
background-color: #fe3d3d;
color: white;
}

.x8192 {
background-color: #ff2020;
color: white;
}