I got this Idea to make the game after taking this Course on Udacity along with the fact that my peers were taking a lot of effort in doing arrangements for the farewell while I didn’t do so much. It took me just 2 hours to make the changes from the open source code.
The technique was taught by them but the creativity is my own. Also if any one is furious because of their name being added or not added in the game just leave a comment and I will make changes as soon as possible.
Here is a whole course summary listing all the key points and important links.
You can play Gabriele Cirulli’s original 2048. (But be careful, we aren’t kidding when we say the game is addictive).
Thank you Gabriele for making this amazing game and making the code open source!
You can right click on any web page and click Inspect Element to see the code that made the page!
You can find the game here. In the game, Open up Developer’s Tools by right clicking on any part of the game (in Chrome or Firefox) and clicking Inspect Element. From there, you can select the Elements tab to look at the code for the page. Try clicking on the little triangles to expand/collapse a section. If you double click on something, you can edit the HTML.
You can download Sublime here. Note that we’re using version 2 in this course.
Fork The Repo To Get The Code
You can fork the 2048 source code (Udacity version) here. Once you have an account, you’ll need to “Fork” the repository and then Sync your local Github (which you just installed) with your online account. You’ll do that by:
- While signed in to your Github account, follow the link above.
- Click the “Fork” button on the top-right of the screen. This gives you a copy of the code, but it’s only online for now.
- Open up the Github program that you installed on your computer. Press the refresh button.
- Your version of the repository should show up. Click “Clone to Computer”
If your repo doesn’t show up in the Github program that you downloaded, it may mean that your online account and your downloaded program aren’t talking to each other. To fix this, open the Github program that you downloaded and select Preferences. Then you can login with your account.
You can also fork the original repo, but keep in mind this code might change over time from what is shown in the videos.
Share Your Version
- The Github for Mac tutorial or the Github for Windows tutorial will explain how to have your local changes show up in your online repository.
- Now you can follow the Github Pages tutorial to make a shareable web page. Make sure you select the options Project Site and Start from Scratch.
A helpful student let us know the answer to the mystery… why is a div called a div?
It stands for “divide,” since a div divides the content on the page.
The rest of course is self explanatory even so if you have any problems you can leave a comment down below. I have written the above after I successfully completed the whole course myself and I do not have any part in the creation of the course materials. Neither do I enforce any readers to take the course for hopes of any profit for myself. Readers are free to take the course if they wish to improve their skills. The rest of course is self explanatory even so if you have any problems you can leave a comment down below. Also see my other posts if any of them solve your problems.