A Beginner Guide To JsonResume

Hi, new post again. I am going to tech you how to use jsonresume and create your own dashing resume easily. 

If you search on google something like this "online resume builder/maker, download resume template" you get thousands of sites but most of them are not free. but jsonresume is free and opensource. you can easily create super cool resume just in a moment. So lets get started. 

step - 01 : you need to install git on your machine follow this site and download and install git.

step - 02 : Now you need to install nodejs on your machine. here is the official site download and install nodejs. Now you are ready to get started json resume.lets check that everything is working fine. open the command prompt or terminal npm -v you will the current version number mine is 3.10.8. If you did not see this then reinstall the nodejs.

step - 03: Here is the official site (https://jsonresume.org/) jsonresume. To install jsonresume open your terminal and write the following code  npm install -g resume-cli  now we are completely ready to create our first resume. 

step - 04 : resume init write the code in terminal you should ask for your name and email give them properly. Browse the directory (in windows it should be "C:\Users\YourName\node_modules") there you will find a resume.json file open the file in any editor and edit the field those field are pretty self explanatory. when your are done 
write the following command resume serve to see your resume live in browser.

you should see the basic flat theme but don't worry there are so many elegant themes are available. Here is the list of them  you have to install them into your directory. forget to mention you can export your theme as pdf format by this command resume export .

Feel free comment if you have any error.
follow me on twitter @shohan4556

Read More

Phaser Experiment - Making a Health Bar With PhaserJs

Hi everybody, Today I made a simple Healthbar with PhaserJs . Its required little bit tuning though but I think this example can help you to understand the basic idea of implementing health bar.
You can use "Linear Interpolation" or "Linear Tween" to make this Bar smooth.

Read More

Top 5 Bracket Extension I used All The Times

Hi guys, this post I will talk about top 5 Bracket extension that you should use to be more productive. 

1. Beautify : This is the extension I install at first after installing Bracket. This extension will help you to beautify your code just press ctrl+shift+L.

2. Tabs-Cutome-Working : This is one of handy extension this extension helps you to move one file to another using keyboard to use this extension press ctrl+tab.

3. Phaser-Chain : If your are a PhaserJs developer then this extension will be your best friend to use this extension press ctrl+i.

4. Bracket-Icons : This is extension is very beautiful, it creates files icons according to file types.




5. Todo : I know you are commented your code so lets do it more effectively. To use this extension comment like this in your code : 
// todo : this is a comment.
press ctrl+atr+t see the magic.


** Themes : Use a theme that is convenient to your eyes. I usually use new-one-dark, monaki, and bracket default dark theme. there are so many nice themes are available in Bracket repository choose yours.

So this is the end of this post if you have any query feel free to post in comment.

Read More

Javascript Events By Example

Hello everybody, today I will show you three types of javascript events.

Type 01 : In this type event you can add event in html tag, this is bad practice.

Type 02 : This type of event is very handy. you grub the element by id and attach event.

Type 03 : This is more advance type than Type 02, the advantage is you can add multiple events, create your own event and attach them in your code even non DOM elements.

Here is the simple example of these three types of events.

Read More

My Favourite Pixel Art Tools !

I am not talking about Photoshop even Gimp, I am talking about the most user friendly, easy to use pixel art tool "Piskel" and "Aseprite". I used both tools. Booth are very much attractive almost all the features you need to draw nice pixel art.

Piskel :

Piskel GUI

This is what I just drew with piskel editor, it has offline and online version.
you can also create animation sprite with this nice tool.
very easy to use.

When you are drawing pixel art then keyborad shortcut is very helpful, you can get all the shortcut here easily.

Piskel is not so hard to use just get your hands on it, I hope you will never be disappointed.

I hope I will post some pixel art drawing tips later on, time is a matter :).

Read More

How to install intel xdk on Ubuntu

Read More

How to install Monodevelop 5 on Ubuntu 14.04

Monodevelop is available in software center on Ubuntu 14.04 but its too old. So I am gonna show you how to download the latest version of monodevelop (5.x) on Ubuntu 14.04. lets follow me.

Open Terminal, the paste the below commands, 

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF

echo "deb http://download.mono-project.com/repo/debian wheezy main" | sudo tee /etc/apt/sources.list.d/mono-xamarin.list

sudo apt-get update

sudo apt-get install monodevelop

And you are done !.

Read More

How to install Apache server on Ubuntu 15.04

Hello, everybody today I am gonna show the procedure to  install apache server on ubuntu 15.04.
so lets get started.

step - o1:

Open terminal and type  sudo apt-get install apache2 

step - 02:

after completing installation type sudo /etc/init.d/apache2 start for start server.
Here is some useful apache command

sudo /etc/init.d/apache2 start   #start apache
sudo /etc/init.d/apache2 stop   #stop apache
sudo /etc/init.d/apache2 restart   #restart apache

# prevent auto-start when booting up
sudo update-rc.d -f apache2 remove

step - 03:

Open your browser and type localhost then you should see a page like this.

the default server directory is /var/www/html  inside this folder you can place you html files, But if you want to change the default root directory then follow few more steps with me.

step - Changing default root directory :

open a new terminal and paste this sudo gedit /etc/apache2/sites-available/000-default.conf  then it open a file in gedit find the line DocumentRoot /var/www/html and replace it with DocumentRoot /home/your_username/public_html here /.../public_html is  custom folder directory you are free to give any directory but at first make sure you created the directory before doing this. 

here is my public_html tree.

and your are done ! open browser and type your file url (use your own) http://localhost/jolly-jumper/index.html then you should see the result.

Thanks,hope I helped you someway, feel free to comments.

Read More

Java - BigInteger a Quick Tutorial

Read More

Phaser Experiment - 01

Read More

Basic Math for Game Developers- (How to find the nearest object to point) -- Part 01

Hello devs today I going to explain some very basic math for game developers. So lets get started at first we view a very basic game scenario .

Here is a player P and enemy e1 and e2  we have to determine the which enemy is closer to the player respect to the origin x and y. So that we have to do some basic math and it’s the famous Pythagorean formula, a quick review - The sum of the areas of the two squares on the legs (a and b) equals the area of the square on the hypotenuse (c).  a^2+b^2 = c^2.

So what we have we the coordinates of e1(x,y) and e2(x,y), we draw triangle with these coordinates respect to the player like this.

We have to find out the hypotenuse (? marked) assume that the hypotenuse for e2 is H1 and for e2 is H2. Now according to the Pythagorean formula,

H1^2 =  x1^2 +  y1^2 ;

H1 = sqrt (x1^2 +  y1^2 );

And , H2 = sqrt (x2^2 +  y2^2 );

Lest have some simple calculation assume that x1=4, y1=5 and x2=3, y2=4.

So H1 =  sqrt(41) = 6 (absolute value)  and H2 = sqrt(25) = 5.

So now we know that H2<H1 that means e2(enemy2) is closer to the player.

But there is a performance issue if you noticed the calculation above, we have sqrt() twice the values.  The sqrt() is very expensive operation just think a game scenario we have players and enemies, they are moving and in our update() function calculating sqrt continuously and as a result our game will be slowing down.

But you can easily efficient the calculation ,

H1^2 =  x1^2 +  y1^2 ;

H2^2 =  x2^2 +  y2^2 ;

Forget about the sqrt we just do the following way,

x1^2 +  y1^2 = 41

x2^2 +  y2^2 = 25

at this moment 25<41,now we have our desired enemy and that’s it.

Thanks for reading.

Read More