2048 Game in React - Animated Version - Game Development in React
2048 is a popular game and easy to play, you can check the history of this game on Wikipedia.
IMPORTANT:
If you decide to put this live, make sure to add the below credits.
"Motion Graphics by Romain Cousin ( https://www.behance.net/romaincousin )"
We have made this game simply in React.
You can even extend it and have Redux or Context as there are endless possibilities.
What's required?
1. 2048 Starter Pack - https://bitly.com/2048-starter-pack
2. "clear-sans.ttf" - Font Family
Here we're not implementing the logic of the game, but we're simply utilizing.
Would love to give credits to 3 people:
Romain Cousin, it's his design that inspired me a lot and I wanted to make this project really really bad. He is a great designer. He was very kind to give us the permission to use his designs for this tutorial.
You should go and check out his work at
https://www.behance.net/romaincousin
Ivan Vergiliev
I found his logic very easy to follow and was not having any unnecessary complications. Below is the repository where you will find the logic which we have used in our project.
https://github.com/IvanVergiliev/2048-react
*Don't forget to Star his Repo*
Ahaan
Having a very tight schedule made it impossible to video edit. That's where @AhaanMusic helped me to make an awesome video.
Let us know what do you think about the Outro. I loved it.
If you love animated projects, you will definitely love our Pizza Animation project as well:
https://youtu.be/8YNYhUapAzY
Original 2048 Project: https://youtu.be/oulShRV4spU
.
.
.
Follow us on Instagram: https://www.instagram.com/reactjs1/
.
.
.
Ask any questions you have on Instagram or in the comments section.
@freecodecamp @bawad @TraversyMedia @academind
Видео 2048 Game in React - Animated Version - Game Development in React канала EduRise
IMPORTANT:
If you decide to put this live, make sure to add the below credits.
"Motion Graphics by Romain Cousin ( https://www.behance.net/romaincousin )"
We have made this game simply in React.
You can even extend it and have Redux or Context as there are endless possibilities.
What's required?
1. 2048 Starter Pack - https://bitly.com/2048-starter-pack
2. "clear-sans.ttf" - Font Family
Here we're not implementing the logic of the game, but we're simply utilizing.
Would love to give credits to 3 people:
Romain Cousin, it's his design that inspired me a lot and I wanted to make this project really really bad. He is a great designer. He was very kind to give us the permission to use his designs for this tutorial.
You should go and check out his work at
https://www.behance.net/romaincousin
Ivan Vergiliev
I found his logic very easy to follow and was not having any unnecessary complications. Below is the repository where you will find the logic which we have used in our project.
https://github.com/IvanVergiliev/2048-react
*Don't forget to Star his Repo*
Ahaan
Having a very tight schedule made it impossible to video edit. That's where @AhaanMusic helped me to make an awesome video.
Let us know what do you think about the Outro. I loved it.
If you love animated projects, you will definitely love our Pizza Animation project as well:
https://youtu.be/8YNYhUapAzY
Original 2048 Project: https://youtu.be/oulShRV4spU
.
.
.
Follow us on Instagram: https://www.instagram.com/reactjs1/
.
.
.
Ask any questions you have on Instagram or in the comments section.
@freecodecamp @bawad @TraversyMedia @academind
Видео 2048 Game in React - Animated Version - Game Development in React канала EduRise
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Crazy 🤯...#computer #pythonprogramming #hacker #edurise](https://i.ytimg.com/vi/C2SbhGF868I/default.jpg)
![5 things you must know about ReactJS](https://i.ytimg.com/vi/mB52YxqoINU/default.jpg)
![Git Rebase vs Git Merge - Keep your branch always in sync with Master](https://i.ytimg.com/vi/Lo3u3TV7t5I/default.jpg)
![Unable to access Github - Aug 13, 2021 Update - Solution](https://i.ytimg.com/vi/a5ml-wUqh0A/default.jpg)
![Learn Javascript in 1 hour - Interview Ready - Learn JS Quickly in 2021](https://i.ytimg.com/vi/l9e-tbyQtUc/default.jpg)
![Frontend Interview Question - Remove Duplicates from an Array - Javascript Question](https://i.ytimg.com/vi/kbd5c5TcsvI/default.jpg)
![Foobar Problem - Javascript Algorithms - Learn to code free](https://i.ytimg.com/vi/KdZPKAkiW0I/default.jpg)
![1 - Introduction - Data Structures and Algorithms - Javascript](https://i.ytimg.com/vi/tX4bKxovvmQ/default.jpg)
![Hello from Google! - My Interview Experience and Google Interview Process - Overview](https://i.ytimg.com/vi/oulE3CRXwxs/default.jpg)
![Coding Interview Question - Valid Anagram - Frontend Interview Question](https://i.ytimg.com/vi/Gr9qnMHG_0I/default.jpg)
![Learn Firebase with React JS - with Real Example](https://i.ytimg.com/vi/5CQpabPHc3s/default.jpg)
![Redux Basics in 1 hour - With Interesting Examples](https://i.ytimg.com/vi/iOOkKFPhILs/default.jpg)
![Break Out Game in 80 min - with React and HTML Canvas](https://i.ytimg.com/vi/ftDxniRTpRQ/default.jpg)
![Minesweeper in 100 minutes - React JS Game](https://i.ytimg.com/vi/BLdd0zP-tAw/default.jpg)
![Awesome Pizza Customization in 1 Hour - React JS Project - EduRise](https://i.ytimg.com/vi/8YNYhUapAzY/default.jpg)
![5 TIPS FOR STUDENT FRONTEND DEVELOPERS](https://i.ytimg.com/vi/T3ee-GiUQjs/default.jpg)
![ENOUGH JAVASCRIPT FOR REACT JS - WITH CODE](https://i.ytimg.com/vi/IDLs3bg5dzc/default.jpg)
![Enough Javascript to use ReactJS - Learn Javascript - Learn React JS Basics](https://i.ytimg.com/vi/7XCvbf-a0Kk/default.jpg)
![Plus One - #15DaysOfLeetcode - Javascript Leetcode Solutions](https://i.ytimg.com/vi/_17C7EXkSh8/default.jpg)
![Deepest Leaves Sum - #15DaysOfLeetcode - Javascript Leetcode Solutions](https://i.ytimg.com/vi/zopZxTJv1Ww/default.jpg)