Games And Websites

How Packet Travels In Network

2012-06-21T06:29:00.000-07:00

How Packet Travels In a Network and How Firewall, Router, and Switch Works.

Data travels across the internet in packets. Each packet can carry a maximum of 1,500 bytes. Around these packets is a wrapper with a header and a footer. The information contained in the wrapper tells computers what kind of data is in the packet, how it fits together with other data, where the data came from and the data's final destination.

When you send an e-mail to someone, the message breaks up into packets that travel across the network. Different packets from the same message don't have to follow the same path. That's part of what makes the Internet so robust and fast. Packets will travel from one machine to another until they reach their destination. As the packets arrive, the computer receiving the data assembles the packets like a puzzle, recreating the message.

All data transfers across the Internet work on this principle. It helps networks manage traffic -- if one pathway becomes clogged with traffic, packets can go through a different route. This is different from the traditional phone system, which creates a dedicated circuit through a series of switches. All information through the old analog phone system would pass back and forth between a dedicated connection. If something happened to that connection, the call would end.

That's not the case with traffic across IP networks. If one connection should fail, data can travel across an alternate route. This works for individual networks and the Internet as a whole. For instance, even if a packet doesn't make it to the destination, the machine receiving the data can determine which packet is missing by referencing the other packets. It can send a message to the machine sending the data to send it again, creating redundancy. This all happens in the span of just a few milliseconds.

Want To See

How Packet Travels In a Network,
How Proxy Server Works,
How Router Works,
How Switch Works,
How Firewall Works,

Then Watch This Video... It will Clear your Doubts. This is a Simple Animation Of Network. Which Explains pretty much Everything.

Watch On YouTube....
Click Here

My Music Store (JAVA Struts Website)

2012-01-25T19:52:00.000-08:00

My Music Store

This website in made in Jsp Struts and MYSQL .

This Music stores plays songs on the click of a song without even reloading or refreshing a page. I used Jquery to gave a nice user interface, animations, sorting, searching, sliding of albums and playing and also used Jplayer Plugin for playing a song.

For running this web-application first you need to instal Java which you can download from here

And then IDE NETBEAN 7 which you can download from here

There is also a MYSQL file with my project(you can right click on it and open it in notepad to see the database schema), either you import it in MYSQL or you can create your own database but with same table name and fields otherwise you have to make change at many places in the project. You can Download MYSQL along with MYSQL workbench(GUI tool Which makes easy for you to import my sql file) from here.

You can simply open my project in NetBean 7 and edit if you want. I've delete all the MP3 Files From the Music Folder To make the size of my project smaller. It is still 7mb of size. So You have to place MP3 files at the exact path as specified in the database. But the song cover and Album covers are still at the place.

It's cool right. If you want then.
Email me On (vks.cool19@gmail.com) and i will send you a source code
Thanks for visiting my blogspot.

Tictactoe Game CS4 AS3
Pacman Game CS4 AS3
Snake Game CS4 AS3
The End Of the World Animation

-->

TicTacToe Flash CS4 AS3

2012-01-25T19:10:00.000-08:00

Tic-tac-toe, originally called noughts and crosses and X and 0 (in India) is a pencil-and-paper game for two players, X and O, who take turns marking the spaces in a 3×3 grid. The player who succeeds in placing three respective marks in a horizontal, vertical, or diagonal row wins the game.

A Simple Human VS Computer Tictactoe game.
Didn't used any minmax algorithm to make the computer defence or attack, I just used simple if else conditions and it is good enough and unbeatable.

Source code

Pacman Game CS4 AS3
Snake Game CS4 AS3
The End Of the World Animation

-->

Snake Game Flash CS4 AS3

2012-01-25T18:37:00.000-08:00

Popular Snake game.

Download source code and modify it yourself.

Code------

package {

    import flash.display.Sprite;
    import flash.events.KeyboardEvent;
    import flash.events.TimerEvent;
    import flash.ui.Keyboard;
    import flash.utils.Timer;

    [SWF(width='430', height='430', frameRate='30')]

    public class Snake extends Sprite{

        private const SPEED            :uint = 100;//lower = faster
        private const DIM            :int = 15; //keep this number uneven to have the snake starting in the middle
        private const INITIAL_SIZE    :int = 3; //keep this lower then DIM/2

        private var stopped            :Boolean;
        private var left            :Boolean;
        private var right            :Boolean;
        private var up                :Boolean;
        private var down            :Boolean;
        private var size            :Number;
        private var food            :Sprite;
        private var tmr                :Timer;
        private var curI            :Number;
        private var curJ            :Number;
        private var snake            :Array;
        private var grid            :Array;

        public function Snake(){
            size = stage.stageWidth / DIM;
            curI = curJ = Math.floor(DIM * 0.5);

            initSnake();
            fillGrid();
            placeFood();

            tmr = new Timer(SPEED);
            tmr.addEventListener(TimerEvent.TIMER,move);
            tmr.start();

            stage.addEventListener(KeyboardEvent.KEY_DOWN,changeDir);
        }

        private function fillGrid():void{
            grid = Make2DArray();

            for (var i:uint = 0; i < DIM; i++){
                for (var j:uint = 0; j < DIM; j++){
                    var sp:Sprite = new Sprite();
                    sp.graphics.beginFill(0xF0F0F0);
                    sp.graphics.lineStyle(1,0xF5F5F5);
                    sp.graphics.drawRect(0, 0, size - 1, size - 1);
                    sp.x = i * size;
                    sp.y = j * size;
                    addChild(sp);
                    grid[i][j] = sp;
                }
            }
        }

        private function Make2DArray():Array{
            var a:Array = new Array(DIM);
            for(var i:uint = 0; i < a.length; i++){
                a[i] = new Array(DIM);
            }
            return a;
        }

        private function initSnake():void{
            var center:Number = Math.floor(DIM * 0.5) * size;

            snake = new Array(INITIAL_SIZE);

            for (var i:uint = 0; i < INITIAL_SIZE; i++){
                var sp:Sprite = makeItem();
                sp.x = center;
                sp.y = center + i * size;
                addChild(sp);
                snake[i] = sp;
            }

            snake.reverse();
        }

        private function makeItem(c:uint = 0):Sprite{
            var s:Sprite = new Sprite();
            s.graphics.beginFill(c);
            s.graphics.lineStyle(2,0x333333);
            s.graphics.drawRect(0, 0, size, size);
            return s;
        }

        private function placeFood():void{
            var rndI:uint = Math.floor(Math.random() * DIM);
            var rndJ:uint = Math.floor(Math.random() * DIM);

            var rndX:Number = grid[rndI][rndJ].x;
            var rndY:Number = grid[rndI][rndJ].y;

            if (food != null) removeChild(food);

            food = makeItem(Math.random() * 0xFFFFFF);// random color
            food.x = rndX;
            food.y = rndY;

            addChild(food);

            //redo if the food is on the snake itself
            for (var i:uint = 0; i < snake.length; i++){
                if (rndY == snake[i].y && rndX == snake[i].x){
                    placeFood();
                }
            }
        }

        private function move(e:TimerEvent):void{
            if (left){
                curI -= 1;
            }else if (right){
                curI += 1;
            }
            if (up){
                curJ -= 1;
            }else if (down){
                curJ += 1;
            }

            if (left || right || up || down){
                var s:Sprite = makeItem();

                if (curI > DIM - 1) curI = 0;
                if (curJ > DIM - 1) curJ = 0;

                if (curI < 0) curI = DIM - 1;
                if (curJ < 0) curJ = DIM - 1;

                s.x = grid[curI][curJ].x;
                s.y = grid[curI][curJ].y;

                addChild(s);
                snake.push(s);

                if (Math.floor(s.x) == Math.floor(food.x) && Math.floor(s.y) == Math.floor(food.y) ){
                    placeFood();
                } else {
                    removeChild(snake[0]);
                    snake.shift();
                }
            }
        }

        private function changeDir(e:KeyboardEvent):void{
            if(e.keyCode == Keyboard.LEFT)    {if (!right){left = true; up = false; down = false; right = false;}}
            if(e.keyCode == Keyboard.UP)    {if (!down)    {left = false; up = true; down = false; right = false;}}
            if(e.keyCode == Keyboard.RIGHT)    {if (!left)    {left = false; up = false; down = false; right = true;}}
            if(e.keyCode == Keyboard.DOWN)    {if (!up)    {left = false; up = false; down = true; right = false;}}
        }
    }
}

source code

Pacman Game(Flash CS4 AS3)

The End Of The World Animation (SAD)

-->

PacMan Game Source Code (AS3) Flash CS4

2012-01-23T09:02:00.000-08:00

I Developed this game in Flash cs4 Using Action Script 3. This is my First game so i can't say that it is perfect, but i worked hard on it and did all i can, to make it work like the real one.This game is not complete Because i only made 2 Ghost BLINKY and PINKY. You can easily make other two. My whole code is fully commented and completely object oriented so you will not find trouble understanding it. But in case if you find any thing difficult to understand u can contact me on my email id(vks.cool19@gmail.com).

The Path structure of the game is Constructed on fixed xy coordinates and is defined in Path.as.

In this image Lines are the path, circles are the cross corners, and blank area are obstacles. Packman can move from one cross corner to another.
public static function init():void
        {
            myMap.push(new Array());
            var level1:Array = new Array([70,35,135,275,340,475,580]);
            var level2:Array = new Array([135,35,135,205,275,340,410,475,580]);
            var level3:Array = new Array([210,35,135,205,275,340,410,475,580]);
            var level4:Array = new Array([275,205,275,340,410]);
            var level5:Array = new Array([310,135,205,410,475]);
            var level6:Array = new Array([410,35,135,205,275,340,410,475,580]);
            var level7:Array = new Array([480,35,70,135,205,275,340,410,475,545,580]);
            var level8:Array = new Array([545,35,70,135,205,275,340,410,475,545,580]);
            var level9:Array = new Array([610,35,275,340,580]);
            myMap[0].push(level1, level2, level3, level4, level5,level6, level7, level8, level9);
        }

the myMap array in Path.as contains 9 sub arrays which are horizontal path cross points(the corner points and the points from where pacman can switch from horizontal to vertical vice versa). Like in is this image the first horizontal path is at y = 70 where horizontal path x goes and cross points are (70,35,135,275,340,475,580) .
for eg:- If a packman starts from the point x=70 and y=70 and if i want to move it horizontaly then i will simply increment it's x by the speed i want, when he reaches the new corner pont then i will test if their is a horizontal path from that point if not then the packman will stop their until you press down or up arrow key. the same goes for the vertical direction.
I know it's not a good way to design this game i should be using tiles. But when i was making this game i had no idea how to generate path. i came up with this only.

And the Graph.as contains all the logic of finding shortest path using Breadth first search.
private function generateGraph():void
        {
            for(var i:Number=0;i<90;i++)
            {
                graphPath.push(new Array());
                for(var j:Number=0;j<90;j++)
                {
                    graphPath[i].push(hasPath(i,j)?1:0);
                }
            }//end loop
        }

this method generate a graph. It stores 1 if their is a path between beetween 2 cordinates and 0 if no path is their.

here are some preview pics of my game:-

Game Source Code

The end of the world (broken heart) Animation

-->

The End of the World

2011-05-18T10:56:00.000-07:00

The end of the world

This is my flash animation on a beautiful song "The end of the world by Skeeter Davis ".
This song describes the emotions of a girls whose love left her alone, this makes his world at end.
I tried to show it through my animation but I was not that much successful. Hope some of you like it.

Lyrics of the song:

Why does the sun go on shining
Why does the sea rush to shore
Don't they know it's the end of the world
'Cause you don't love me any more

Why do the birds go on singing
Why do the stars glow above
Don't they know it's the end of the world
It ended when I lost your love

I wake up in the morning and I wonder
Why everything's the same as it was
I can't understand, no, I can't understand
How life goes on the way it does

Why does my heart go on beating
Why do these eyes of mine cry
Don't they know it's the end of the world
It ended when you said goodbye

Why does my heart go on beating
Why do these eyes of mine cry
Don't they know it's the end of the world
It ended when you said goodbye