Hover Tutorial using Keyguard--with Zip

This forum is meant for people to share their knowledge by writing their own tutorials for Adventure Maker.

Moderators: time-killer-games, Vengeance66, Candle, reneuend, GM-Support

Hover Tutorial using Keyguard--with Zip

Postby mercedes » Sun May 29, 2011 5:36 am

Hey guys..

There may be a tutorial on this already..Either way, I thought it would zip up a project with pictures for anyone's usage.
You may want to change the frame itself..using whatever keypad[background] you wanted...

This is a keypad with numbers..1-9 and the numbers have hover-

I put numbers in there; As well as an arrow..
So for new comers..who may want to know how to make an arrow with hover in their games-going right or left.

I will explain more on pictures--

First thing; You have to create a picture for each state.
Both--when the mouse enters the hotspot and when it leaves.

If you want it to look seamless--When the mouse enters and leaves;

You need a software designed for layers--Paint.net, Gimp, ect
Where you can work with layers--It's easier..

Make a picture [like a small square] with a solid background or a transparent one--Make it the size you will use in the game itself.

I used a black square for the number/arrow to lay on top of.

Then you create your next picture[layer]--Say- it's arrow going Right.

Place the arrow where you want it on your background--Then-Don't move it.
Make it one color a dark green---Save it--But leave your software open.

Now without moving it---change the color of the arrow to a brighter green-
Re-save it again--SAVEAS--only name it something else now.

For instance the first arrow can be called;
ARROW Darker green
The second arrow can be called;
ARROW_1Lighter Green

Another way of doing this;
Is to do a search on your computer. Do a search for .bmp or .gif

--At this point you will see all the pictures used for any software on your computer--All states of them. Downstates, upstates, hovers, buttons you name it.

Let me know if I forgot something..I made this strictly for using KG and hover purposes..

Hover with KG.zip
(201.77 KiB) Downloaded 338 times
User avatar
Posts: 2460
Joined: Sun Mar 09, 2008 10:43 pm
Location: Canada..~

Postby ShadowHunter » Sun May 29, 2011 8:26 pm

Excellent made :D
User avatar
Forum Admin and Games Page admin
Posts: 1304
Joined: Fri Jun 06, 2003 10:37 pm
Location: Belgium

Postby mercedes » Mon May 30, 2011 3:10 am

ShadowHunter wrote:Excellent made :D

Thank you!~...:D

When i first started making games..Hover was the first thing i wanted to put in my games..And Actions. were the first bits of code i learned...which is why i made it too.. :)
User avatar
Posts: 2460
Joined: Sun Mar 09, 2008 10:43 pm
Location: Canada..~

Postby insaneproject » Fri May 25, 2012 1:00 am

mercedes I can use your image to create a puzzle? I say the demo
HERE MY WEBSITE AND MY GAMES! CLICK HERE:http://magva-productions.es.tl/
User avatar
Advanced Member
Posts: 193
Joined: Mon Apr 16, 2012 9:54 am
Location: SPAIN

Postby mercedes » Fri May 25, 2012 6:03 am

Yup..!~ :D

I made it this way too, so you can either change background/frame..and/or use the numbers..You're free to do what you like with it..:)
User avatar
Posts: 2460
Joined: Sun Mar 09, 2008 10:43 pm
Location: Canada..~

Return to Post Your Own Tutorials

Who is online

Users browsing this forum: No registered users and 2 guests