The Design Superhero » tutorial http://thedesignsuperhero.com Design Blog by Aravind Ajith, A UI developer Mon, 30 Aug 2010 07:23:44 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 20 Free Tutorials to Create Your Own Flash Game http://thedesignsuperhero.com/2008/10/20-free-tutorials-to-create-your-own-flash-game/ http://thedesignsuperhero.com/2008/10/20-free-tutorials-to-create-your-own-flash-game/#comments Thu, 30 Oct 2008 22:42:28 +0000 Aravind Ajith http://thedesignsuperhero.com/?p=284

This post is co-authored by Navdeep from Dezinerfolio and published as 20 Free Tutorials to Create Your Own Flash Game #2 

Flash Games have always been one of the best pass-times of any modern internet users. After getting some good response on our previous 20 Free Tutorials to Create Your Own Flash Game we dediced to come up with another round of it that includes another 20 cool flash based game tutorials.

1. Creating a Flash Shooter Game like SkyForce

Part 1
Part 2
Part 3A
Completely Explained Prototype

2. Create a Flash Game like Nano War

3. Tower Defense


Part 1
Part 2

4. Base Defender

5. Classic letter guessing game (Hangman)

6. Tetris Game

7. Create a Brick Breaker Game in AS3

8. Speedball

9. Arcade Game: Bullets

10. Dart Shooter

11. Escape the Room Game Tutorial

12. Creating a Platform Game – Kirupa

13. Create a Platform Game in AS3 – mrsunstudios.com

14. ball pool game

15. Breakout Game Tutorial

Part 1
Part 2
Part 3
Part 4
Part 5

16. Space Invaders Clone

17. Dodgem Cars Game

18. Pong! Re-Create the famous pong game in Flash!

19. Making a car game with as2

20. How to make a short game in flash

Great offer by dotster, web hosting provider, find dedicated servers and affordable domain registration for small and mid-size business owners. Real bluehost provides your complete web hosting solution. Bluehost Web Hosting Information Resource Site and User Guide.

Join testking expert platform and get certified testking JN0-532 resources with latest testking VCP-410 exam dumps for practice to successfully complete your certification.Similar Posts:

]]> http://thedesignsuperhero.com/2008/10/20-free-tutorials-to-create-your-own-flash-game/feed/ 4 Tutorial to create a pretty cool, simple, horizontal CSS menu http://thedesignsuperhero.com/2008/04/tutorial-to-create-a-pretty-cool-simple-horizontal-css-menu/ http://thedesignsuperhero.com/2008/04/tutorial-to-create-a-pretty-cool-simple-horizontal-css-menu/#comments Fri, 18 Apr 2008 13:10:24 +0000 aravind http://thedesignsuperhero.com/blog/?p=35 This is a beginner level tutorial to create a horizontal CSS menu. Many of the beginners are not aware how simple is to create a pure CSS menu. This tutorial helps to create a simple and attractive CSS menu with a cool hover effect. Check out the demo below..

First of all let us write HTML list for menu. Say we have 8 links, as shown in image, here goes the code..

<ul id=”button”>

<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>Clients</a></li>
<li><a href=”#”>Products</a></li>
<li><a href=”#”>F.A.Q</a></li>
<li><a href=”#”>Help</a></li>
<li><a href=”#”>Contact Us</a></li>

</ul>

CSS menu

Now, lets go the CSS part, We used only one ID name here to write CSS code. That is ‘button.’

#button {
padding: 0;
}

The CSS code above will remove the padding which will be there in default for list elements.

I am going to create a horizontal menu now, so lets make the list inline

#button li {
display: inline;
}

CSS menu

Okay, now lets make it look beautiful by adding some styles for anchor tag

#button li a {
font-family: Arial;
font-size:11px;
text-decoration: none;
float:left;
padding: 10px;
background-color: #2175bc;
color: #fff;
}

CSS menu

Lets make it more attractive by giving hover effects, we are here going to give a special hover effect ;)

#button li a:hover {
background-color: #2586d7;
margin-top:-2px;
padding-bottom:12px;
}

Yeah..! its done! see how simple is to create a CSS menu… A demo..? CLICK HERE!

Easy and fast success in 642-983 is not a dream now. Sign up for pass4sure and get 100% reliable question and answers for 642-533 as well as 350-050 prepared by certified team to help you pass your exams without any difficulty.Similar Posts:

]]> http://thedesignsuperhero.com/2008/04/tutorial-to-create-a-pretty-cool-simple-horizontal-css-menu/feed/ 43 Free tutorials for flash game development – the coolest tutorials in web to create your own flash game http://thedesignsuperhero.com/2008/01/free-tutorials-for-flash-game-development/ http://thedesignsuperhero.com/2008/01/free-tutorials-for-flash-game-development/#comments Sat, 12 Jan 2008 07:19:10 +0000 aravind http://thedesignsuperhero.com/blog/?p=8 Flash is a very flexible tool for building games that are both entertaining and educational. However, the software itself is a quite tough to learn and extremely hard to master.

There are lots of websites providing free and paid tutorials of flash. Here I present you a bunch of free tutorials for game development in flash. Anyone who knows flash likes to create his own flash game. I believe these are the best free tutorials available in Flash Game Development. And all these tutorials come with the source files.!

Pool

Enjoy..

1.Complete Flash pool game with highscores

This is one of the very latest flash game developed by Alejadro Quarto, from Argentina. You can download the source file from the blog of Emanuele Feronato. Alejandro made this game in a day! The step by step tutorial is yet to be published. Still you can download the source file now.

Pool


2.Flash Racing Game Tutorial

This is a “time trial” racing game tutorial. After completing it, you will be able to make your own racing game with custom tracks and cars, smooth collisions, lap records and more.

Flash Racing Game Tutorial

3.Balloon Shooter

It is a shooting game where player / user have to shoot the flying balloons and gain the points. There are orange colored balloons, which gives player / user extra bonus points. Player / user get 1-minute time to play this game, within this period he / she need to shoot as many as balloons he / she can. For every missed balloon, separate score is maintained.

balloon shooter

4.Guess Next

GuessNext, a simple card game with highscores.

guessnextkong.jpg

5. Space Shooter

Its a series of tutorials on how to develop Space Shooter game.

Spave Shooter

6. Platform Game Tutorial Redux: All The Basics

This tutorial will show you all the basics of creating a platform game, Collisions that automatically move up slopes, Jumping, Moving, Simple Scrolling, Basic AI, and health

Platform Game Tutorial Redux: All The Basics

7. Make a dynamic hangman game with XML and ActionScript

This tutorial is intended for intermediate or advanced users of ActionScript. Before continuing with this lesson, you should already know some fundamental ActionScript concepts, such as variables, if/else conditional logic, for loops, function basics, paths, dynamic text fields and movie clip events.

Dynamic Hang man

8. Snake Game Tutorial

The “snake game” (it has several names) is one of the simplest game concepts ever, and just like Tetris it’s very addictive. There are a lot of variations of this game written in Flash, and this tutorial will explain one way to create it. It’s a relatively easy game to code, but many fail to make sure that when keys are pressed in rapid succession they are all registered. This is necessary if you want to have full control of the snake at all times.

Snake game

Testking offers guaranteed exam success with help of expert testking 350-001 notes, testking 70-680 questions and testking SY0-201 practice test.Similar Posts:

]]> http://thedesignsuperhero.com/2008/01/free-tutorials-for-flash-game-development/feed/ 6