Designs Collage » web

25+ Thrilling Tutorials of Flash Games with Source

EDDY — Fri, 22 Oct 2010 18:54:57 +0000

Flash is a household name when it comes to multimedia. Whether you’re creating interactive demos, browser games or cool web components, Flash is a solid foundation on which to base your work. This post is especially for those who wanted to learn game development Flash but never got enough time to learn actionscript deeply.

Flash Games plays a major role in browser based games over the internet and have always been one of the best pass-times for all internet users, For flash beginner , creating a flash game is a quite tough job and also interesting as well.

Here i’ve listed 28 exciting flash game tutorials including fla files that will help you in creating a simple but cool flash game of your own.

Creating a Flash Lite Game

Making rich media for mobile consumption has never been easier since the release of the Flash Lite player for mobile devices.

Creating a Flash Lite Game

 Live Demo | Source Files

Create a game like Bloons

First impression is that Bloons is a really simple game, and it is in fact. Also is highly addictive, and is so easy to get stuck at higher levels.

Create a game like Bloons – Part 1

 Live Demo | Source Files

Flash Pool Game

Learn to creat a simple pool game in flash.

Flash Pool Game

 Live Demo | Source Files

Chicken And Eggs Game

This article is a tutorial which explains how to create a game using Flash CS3.

Chicken and Eggs Game

 Live Demo | Source Files

Create a 3D Sliding Puzzle Game in Flex with ActionScript 3.0

Flash Platform is a great tool to create games, either for internet or mobile content. With the introduction of Flash 3D Engines, the ability and success of creating flash games is even bigger.

Create a 3D Sliding Puzzle Game

 Live Demo | Source Files

AS3 Character Movement: Asteroids Style 360 Degree Movement

It’s a movement style that dates back to arcade games and is definitely a usable option in today’s flash game industry. So how hard is making this angle based movement going to be? Not hard at all.

AS3 Character Movement

 Live Demo | Source Files

How to Create a Tower Defense Game in AS3

In this section of the tutorial, we’re going to set up the roads and stuff onto the stage. However, the first thing we need to do is create a blank flash document with a black background with the frames per second set at 24.

Tower Defense Game in Flash

 Live Demo | Source Files

AS3 Character Movement: Follow the Mouse Controls

How to make a character follow the mouse at a set speed. Excellent effect for games, and very useful.

AS3 Character Movement

 Live Demo | Source Files

Learn ActionScript 3 By Following This Simple Avoider Game Tutorial

A lot of people claim that AS3 is hard. This is not true. By following this tutorial, you’ll learn how to use this powerful language to make games in Flash.

Simple Avoider Game Tutorial

 Live Demo | Source Files

A Step-by-Step Guide to Becoming a Flash Game Developer

So you want to be a flash game developer, eh? It’s something that’s easy to get into, but hard to get good.

A Step-by-Step Guide to Becoming a Flash Game Developer

 Live Demo

Using Hit Tests & HitTestObject

Learn to use hitTestObject to check when two objects are touching in a game.

Registering Hit Tests

 Live Demo | Source Files

Advanced Mathematical Functions in Flash

Well just to give you an idea of what can be done with geometry check out a flash game.

Advanced Mathematical Functions in Flash

 Live Demo | Source Files

AS3 Character Movement: Helicopter Game

Everybody has played those helicopter games where you have to fly the helicopter through a maze without crashing.

Helicopter Games

 Live Demo | Source Files

AS3 Flash Games for Beginners: Firing Weapons with Delays

So you need to create a weapon, maybe a laser, and you want your character to fire the weapon.

Firing Weapons with Delays

 Live Demo | Source Files

How to Create a Brick Breaker Game in AS2

Learn how to create and code a classic brick breaker game in ActionScript 2.0.

Create a Brick Breaker Game in AS2

 Live Demo | Source Files

Simple Guessing Game with Actionscript

We’ve probably all played this game before: memorize a number between 0 and 1000, and let the other person guess.

Simple Guessing Game with Actionscript

 Live Demo | Source Files

Laser Collision Checking

In this final tutorial on ‘building an arcade game’ you will learn how to create you ship and check when the laser hit it.

Laser Collision Checking

 Live Demo | Source Files

Building an Arcade Game

Take your first steps into flash game development with this series of informative tutorials by Flash Junkie. By Flash Junkie

Building an Arcade Game

 Live Demo | Source Files

Game creation tutorial

This is the first part of a long step-by-step article that will guide you through the entire process of creating a Flash game including input management, basic physics, collision detection and a lot more!

Game creation tutorial

 Live Demo | Source Files

Creating Scrolling Terrain

Add further visual excitement and interactivity to your game will scrolling terrain.

Creating Scrolling Terrain

 Live Demo | Source Files

Flash Racing Game Tutorial

In this tutorial we’ll cover the creation of a flash racing game.

Flash Racing Game

 Live Demo | Source Files

Base Defender

Create this game. Defend the TNT beneath the grass by blowing up any incoming airplanes and the bombs they drop.

Base Defender

 Live Demo | Source Files

Hangman Game

Hangman is a popular game which can be coded using a few symbols and a short amount of code.

Hangman Game

 Live Demo | Source Files

Make a dynamic hangman game with XML and ActionScript

This tutorial is intended for intermediate or advanced users of ActionScript.

Hangman Game In Flash 8

 Live Demo | Source Files

Catapult Game

Create a Catapult Game with a launching arm, trampolines, and fans.

Catapult Game

 Live Demo | Source Files

Balloon Shooting Game

Create a balloon shooting game in flash MX.

Balloon Shooting Game

 Live Demo | Source Files

Shooting Objects in Flash Games

This tutorial will show you how to shoot bullets to destroy objects, in Flash games.

Shooting Objects in Flash Games

 Live Demo | Source Files

Creating a Vertical Shooter

So, we will create a game using our super hero Pawel to kill dragons that are coming from one side of the screen.

Creating a Vertical Shooter

 Live Demo | Source Files

How To Create A (Favicon.ico) In Photoshop

admin — Tue, 16 Feb 2010 19:59:51 +0000

Favicon is a little custom icon that appears in web browser’s address bar next to a web URL. They also show up in your bookmarked sites, on the tabs in tabbed browsers, Internet shortcuts on your desktop and other folders in Windows. All you need to add a Favicon to your site is a Windows Icon (.ico) file wich is called favicon.ico that you upload to the main directory of your website. Nowadays, most browsers besides Internet Explorer can use a GIF including animated ones or PNG with full transparency instead. But since all browsers including IE understand the .ico format, and because it’s got a lot of intriguing features that GIFs and PNGs don’t, read on to find out how to make one.
How to Download The Plugin
You’ll need the Windows Icon (.ico) file format Photoshop Plugin to export to the .ico file format. You can download the plugin from Telegraphics. The plugin reads and writes ICO files in 1, 4 and 8-bit Indexed and 24-bit RGB modes, and also reads and writes 32-bit “XP” icons with 8-bit alpha channel. Make sure to install the plug-in and restart your software before you begin this tutorial.

Let’s Begin

Because 16 x 16 is such a small canvas area, it can be very difficult to be creative. So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files). Do this by selecting File>New, and opening a new canvas that is 64 x 64 pixels in size.

The Design
If you already have a logo you should reduce size to the 16 x 16 pixels to see if it holds up. If it doesn’t look good at this size, work with the 64 x 64pixels canvas and try creating a simple design that integrate with colors from your website’s palette.

When you’re ready to test the design select Image>Image Size menu and enter 16 x 16 pixels. Click on Resample Image and choose “Bicubic Sharper” from the drop-down menu (CS or latest versions only for this step). This is the best setting for making sure that an image doesn’t get blur as it’s being resized. If it’s still not sharp enough, go back and oversharpen, oversaturate and/or heighten the contrast of the original image and then resize it again.

If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect. At this tiny size it can take a few tries for required result.

Saving The Custom Icon

Go to File>Save As and make sure you name the file favicon.ico. Under Format you must choose Windows Icon (ICO) from the pull down menu. This format will only be available in Photoshop after you download and install the plug-in properly. In the next step you’ll need to upload this new file to the root folder of your website, so it’s a good idea to navigate and save it to that location on your hard drive.

Uploading of Favicon.ico File
Connect to your ftp server and upload your Favicon.ico file to your website. Make sure You must place it into the same directory as your home (index) page, and leave it loose, making sure not to put it in an images directory or other folder. The standard location is the “root folder” of your site, which is same directory as your home (index) page don’t place it inside an images directory or other folder. If you put it there most browsers will find (favicon.ico) file automatically.
But some browsers will look for a direct link in the HTML source code to your site’s favicon.ico file. You can help these browsers by adding this link in the head section of each page on which you want the Favicon.ico to appear.
Here is the link code to include:
Once you’ve added this code, upload all of your modified pages.

(Some people suggest that the following is actually more correct: You can use both if you want!)

If you want to use a GIF or PNG instead, use this format instead (just remember that it won’t work in IE):
or

Testing
If your new Favicon does not show up right away, try refreshing the page or clearing your cache — or put a ‘?’ at the end of the url, which will trick a browser into thinking the page is new and not cached.

>> Here is a great tutorial link that will help you create favicon and other details

like Troubleshooting, Multi-Resolution Favicons, Inspiration. Click Here

Here are some other links tht will help you in creat one

1. http://www.genfavicon.com/

2. http://www.favicon.cc/

Beautiful Typography Art in Web Design

admin — Sun, 29 Nov 2009 21:42:30 +0000

Everybody loves nice typography. This year we have seen some stunning typographic Designs used in print, web and games. Using typographic touch in web design can really help to spice things up, so take a look with examples of typography used in new web designs to inspire you when it comes to producing your own typography based designs for your web.

Allthingsheartandhome

Beautifuldecay

Bradfrost