For this java game / applet, visit http://www.wyka-warzecha.com for more information.
TO PLAY
To see the popup dialogue -- simply mouseover the points starting with the blue circle labeled #1! And then you'll see why these two people are from different planets! (You can also have some fun moving your mouse on other items in the picture to see other popups!)

IMPORTANT NOTES TO MAKE YOUR OWN POPUP!

1. If you are running this on your computer (i.e., NOT a website), test in Internet Explorer because Netscape will not allow to run an applet locally (security restrictions).

2. Click once on the applet/picture.

3. Then, to see the rectangle hotspot areas, press 'r' for rectangles. (If you wish to toggle between the light blue border color and a black border color, press 'b'. This will also toggle the color between white and black when you create hotspot areas, as discussed later).

4. To get 'hotspot area' information (the area in which you can move the mouse to get a popup message), press 'h'. (When the mouse is not in a popup hot spot, or you have popup messages disabled, it will show a small menu at the top.)

5. To turn on/off popup messages (while you are getting your hotspots), press 'p'.

MAKING YOUR OWN POPUP!

VERY IMPORTANT NOTE: EACH parameter must be on ONE line only. (An editor you can use on practically all Windows operating systems is called "Notepad"). For Example:

<param name=popupmessage1 value="this is a test"> (CORRECT WAY)
<param name=popupmessage1 value="this is
a test"> (WRONG WAY -- It is broken up on two lines)

1. The first thing that is required is a background image. You set this is in the 'background' parameter, for example:
<param name="background" value="scene1.jpg">

2. If you wish to change the popup menu sound, simply change the parameter:
<param name="popupmenusound" value="bubble.au">

3. If you wish to change the font type, font size or font name, simply change these parameters:

<param name="fonttype" value="Arial">
<param name="fontstyle" value="bold">
<param name="fontsize" value="12">

4. Now, to create an actual popup consists of three parts.

  • A 'popuppoint'
    (the x,y co-ordinate where the menu should popup, i.e., 20,20).
  • A 'hotspotarea'
    (the starting x,y co-ordinate and ending x,y co-ordinate of where when someone moves the mouse into, a message should popup)
    (i.e., (10,10,30,40) for a rectangle 20 pixels long, 30 pixels deep, starting at location 10,10)
  • The 'popupmessage' itself (the text that should popup).

a) There are some built in utilities for finding the 'popup' point and the 'hot spot area' that you want to use. Follow this procedure:

  • Move your mouse over the image, and click on it once.
    Press 'r' to display the rectangles, then press 'h' to show hotspot information, then press 'p' to disable the popup menus.
  • Now, to determine where the center of the popup menu should be, click anywhere on the image. The first two numbers that appear are your 'popup' point. Write down this popup point (First 2 numbers).
  • Now, find the starting upper lefthand corner of the popup menu box, and then drag the mouse (hold on the mouse button while moving it down to the right) and you should see a rectangle appear (in white). This rectangle is your popup location. Write down this popup string (4 numbers)
  • FOR THE TEXT -- Also, decide what text you want to popup. PLEASE NOTE: If you wish the break up the text (instead of one long line, have several lines), SEPARATE THEM WITH A SEMICOLON (;). For example, to have the phrase "Hello There" on two lines, it would be "Hello;There"

b) Now, fill the numbers in the corresponding locations, and the text you want. Assume your popup point is (10,10), the 'hotspot' area is (10,10,50,50), and the text you want to appear on two lines is "Hi there" and "How are you?". You would then fill in the parameters as such:

<param name="popuppoint1" value="10,10">
<param name="hotspotarea1" value="10,10,50,50">
<param name="popupmessage1" value="Hi There;How are you?">


c) Now, once you are satisfied with the way your popup menu looks, you can (optionally) choose to disable people from showing rectangles/hotspot information by changing this parameter:
<param name="allowedit" value="true">
to this:
<param name="allowedit" value="false">
(It has been changed from 'true' to 'false')

SAMPLE SOURCE CODE LISTING

Please click here or or open the file sample.txt into notepad (under Windows operating systems) to see the sample source code listing that was used to create the menu you see here. (You can also change this).

FULL VERSION FEATURES

When you register the full version, aside from helping great software like this continue to be developed, it also removes the automatic copyright notice that pops up when you load the software, and also when you move the mouse to the top of the popup image. Plus, you can also set an automatic popup as soon as someone loads in the software!

Please visit our website at http://www.wyka-warzecha.com, then click on the link to this product where you can find details of ordering securely on-line, by phone, fax or mail.