home *** CD-ROM | disk | FTP | other *** search
- <!-----------------------------------------------------------------------
- <! joystick.alx - 11/14/96
- <!
- <! Site Design, Programming, and Art By:
- <! Eric Lippke eric@mbdirect.com (206) 489-5956
- <! Phil Austin bob@mbdirect.com
- <! John Laney jlaney@mbdirect.com
- <! Erik Herz erik@mbdirect.com
- <!------------------------------------------------------------------------->
-
- <script language="VBScript">
-
- dim startX
- dim startY
- dim oldPos
-
- '//--------------------- joystickObj_OnLoad() ---------------------------------
- '//-- Turns off all sprites and sets joystick to the starting position.
- '//----------------------------------------------------------------------
- sub joystickObj_OnLoad()
- oldPos = 2 '// Must set to bogus valid number
- ChangeJoystickPosition(1)
- end sub
-
- '//--------------------- controller_MouseDown() ---------------------------------
- '//-- Sets the starting X,Y position based on the users mouse click.
- '//----------------------------------------------------------------------
- sub controller_MouseDown (Button, Shift, X, Y)
- startX = X
- startY = Y
- end sub
-
- '//--------------------- controller_MouseUp() ---------------------------------
- '//-- Center the joystick when the mouse is released.
- '//----------------------------------------------------------------------
- sub controller_MouseUp (Button, Shift, X, Y)
- if(Button = 1) then ChangeJoystickPosition(1)
- end sub
-
-
- '//--------------------- MouseMove() ---------------------------------
- '//-- This function Monitors Mouse movement and sets the correct postion.
- '//----------------------------------------------------------------------
- sub controller_MouseMove (Button, Shift, X, Y)
- dim newPos
- if (button = 1) then
-
- '// Get The Slope
- if (x = startX) then
- slope = 100
- else
- slope = (startY - y) / (x - startX)
- end if
-
- '// Vertical Line
- if (slope => 1.5 or slope <= -1.5) then
- if(startY - y=> 0 ) then
- newPos = 4
- else
- newPos = 2
- end if
-
- else '// Horizontal Line
- if (slope <= .5 and slope >= -.5) then
- if(x - startX=> 0 ) then
- newPos = 6
- else
- newPos = 8
- end if
-
- else '// Top Left To Lower Right Angle
- if (slope=>.5 and slope <=1.5) then
- if(startY - y=> 0 ) then
- newPos = 14
- else
- newPos = 16
- end if
-
- else '// Top Right To Lower Left
- if(startY - y) >=0 then
- newpos = 10
- else
- newPos = 12
- end if
- end if
- end if
-
- end if
-
- ' Calculate The Distance from starting point
- if ( Abs(startX-X) > 22 or Abs(startY-Y) > 22) then newPos = newPos + 1
- if ( Abs(startX-X) <= 2 and Abs(startY-Y) <= 2) then newPos = 1
- ChangeJoystickPosition(newPos)
-
- '// Display The X & Y & Slope
- 'top.document.joyForm.joyValue.value = Int(x * 1000) / 1000 & " " & Int(y*1000)/1000 & " " & Int(slope*1000)/1000
-
- end if
- end sub
-
- '//--------------------- ChangeJoystickPosition() ---------------------------------
- '//-- This function sets the current sprite and hides all the other sprites.
- '//----------------------------------------------------------------------
- sub ChangeJoystickPosition(thePos)
- if thePos = oldPos then exit sub
- oldPos = thePos
- if thePos = 1 then joystick1.visible = true else joystick1.visible = false end if
- if thePos = 2 then joystick2.visible = true else joystick2.visible = false end if
- if thePos = 3 then joystick3.visible = true else joystick3.visible = false end if
- if thePos = 4 then joystick4.visible = true else joystick4.visible = false end if
- if thePos = 5 then joystick5.visible = true else joystick5.visible = false end if
- if thePos = 6 then joystick6.visible = true else joystick6.visible = false end if
- if thePos = 7 then joystick7.visible = true else joystick7.visible = false end if
- if thePos = 8 then joystick8.visible = true else joystick8.visible = false end if
- if thePos = 9 then joystick9.visible = true else joystick9.visible = false end if
- if thePos = 10 then joystick10.visible = true else joystick10.visible = false end if
- if thePos = 11 then joystick11.visible = true else joystick11.visible = false end if
- if thePos = 12 then joystick12.visible = true else joystick12.visible = false end if
- if thePos = 13 then joystick13.visible = true else joystick13.visible = false end if
- if thePos = 14 then joystick14.visible = true else joystick14.visible = false end if
- if thePos = 15 then joystick15.visible = true else joystick15.visible = false end if
- if thePos = 16 then joystick16.visible = true else joystick16.visible = false end if
- if thePos = 17 then joystick17.visible = true else joystick17.visible = false end if
-
- '// VRML ADD IN SECTION
- dim vrmlPos
- if thePos = 1 then vrmlPos = "center"
- if thePos = 2 then vrmlPos = "slow_down"
- if thePos = 3 then vrmlPos = "fast_down"
- if thePos = 4 then vrmlPos = "slow_up"
- if thePos = 5 then vrmlPos = "fast_up"
- if thePos = 6 then vrmlPos = "slow_right"
- if thePos = 7 then vrmlPos = "fast_right"
- if thePos = 8 then vrmlPos = "slow_left"
- if thePos = 9 then vrmlPos = "fast_left"
- if thePos = 10 then vrmlPos = "slow_topleft"
- if thePos = 11 then vrmlPos = "fast_topleft"
- if thePos = 12 then vrmlPos = "slow_bottomright"
- if thePos = 13 then vrmlPos = "fast_bottomright"
- if thePos = 14 then vrmlPos = "slow_topright"
- if thePos = 15 then vrmlPos = "fast_topright"
- if thePos = 16 then vrmlPos = "slow_bottomleft"
- if thePos = 17 then vrmlPos = "slow_bottomleft"
- top.document.joyForm.joyValue.value = vrmlPos
-
- '// Add Your Call to control the VRML HERE!! - feel free to change the above paramaters.
- '// I listed them above for your reference.
- '// Right now it is set to move full speed.
- end sub
-
-
-
- </script>
-
- <DIV ID="joystickObj" STYLE="LAYOUT:FIXED;WIDTH:80;HEIGHT:84;">
- <OBJECT ID="controller"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0;LEFT:0;WIDTH:80;HEIGHT:84;ZINDEX:3;">
- <PARAM NAME="PicturePath" VALUE="images/blank.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick0"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:0;">
- <PARAM NAME="PicturePath" VALUE="images/joystick0.jpg">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick1"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick1.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick2"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick2.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick3"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick3.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick4"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick4.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick5"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick5.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick6"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick6.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick7"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick7.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick8"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick8.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick9"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick9.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick10"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick10.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick11"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick11.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick12"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick12.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick13"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick13.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick14"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick14.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick15"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick15.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick16"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick16.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
- <OBJECT ID="joystick17"
- CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:0px;LEFT:0px;WIDTH:80px;HEIGHT:84px;ZINDEX:1;">
- <PARAM NAME="PicturePath" VALUE="images/joystick17.gif">
- <PARAM NAME="BorderStyle" VALUE="0">
- <PARAM NAME="SizeMode" VALUE="3">
- <PARAM NAME="Size" VALUE="9605;4948">
- <PARAM NAME="PictureAlignment" VALUE="0">
- <PARAM NAME="VariousPropertyBits" VALUE="19">
- </OBJECT>
-
- </DIV>
-
-