Touchscreen Steering Wheel Rotation Example (Mouse Supported)

Hi Shane,

I've tested both scripts without any modifications on my S3 device and they worked perfectly. If you are using the UI code: does the wheel rotate normally when you change its Rotation Z value from Rect Transform component manually?

 

Hi Yasirkula,

When I run the app in Unity Remote, the touch works perfectly, but when I build and run, then it goes all weird on me..... It's so strange. I tried a few other methods - they also work perfectly when I run the Remote, but the minute I build and run, then it goes corky.

 

Thank you so much! This helped me alot

 

Hello, I'm using unity 5.2.2 I added your script to my canvas image gameObject. It rotates and rotates back to the inititial rotation but returns 0 wheelangle.Am I doing something wrong I copied the same script that was shown.

 

Code (CSharp):

1. rectT.localEulerAngles = Vector3.back * wheelAngle;

This line in the UI code uses wheelAngle directly to rotate the steering wheel. So, if your wheel rotates, then wheelAngle must have a value other than 0 (while the wheel is rotated). I honestly don't know why it does not function properly on your project, sorry

 

Dude, your scripts is perfect. it was my error, sorry. Thanks a lot for sharing this script dude.

 

Hi Yasirkula,

I have got the same problem as faced by iamshaneturner.

The wheel rotation works perfectly in unity editor but when i build for unity mobile the steering does not work perfectly.
And yes in the editor when i change the rect rotation z, the steering is rotating perfectly.

 

Hello Reloaded23,

Sorry about the late answer. By "does not work perfectly", do you mean that it does not work at all or is it working imperfectly?

 

It is working imperfectly. When i drag diagonally sometimes it steers. But it should work like steering a wheel.

 

To be honest, I don't really know why this happens. When I test the code on my S3 phone, it works as expected. Can that line be the reason of the problem, though:

Code (CSharp):

1. if( Vector2.Distance( pointerPos, centerPoint ) > 20f )

If your finger is too close to the center of the wheel (20 pixels), it is ignored. But you can change it to 0 and try again perhaps.

 

please help me
steering wheel is OK. no words to thank you
But I want to rotate simple 3d object with that Steering wheel(which is working properly)
I am a maths teacher
I try to build educational games
Please some one help me

 

Hello ranaweera,

Try this one (RotateMe.cs):

Code (CSharp):

1. using UnityEngine;
2.  
3. public class RotateMe : MonoBehaviour
4. {
5.     public SteeringWheel wheelScript;
6.     public Transform objectToRotate;
7.    
8.     void Update()
9.     {
10.         objectToRotate.eulerAngles = new Vector3( 0f, wheelScript.GetClampedValue() * 180f, 0f );
11.     }
12. }

This code rotates the "Object To Rotate" around its Y axis using the output of the "Wheel Script". You should assign both variables their values from the Inspector.

 

Dear yasirkula
Great help
my cube rotating thanks
Please help the following problem
I want to rotate around the center
where should I change in SteeringWheel script

 

Extreamly sorry I forgot to say
It rotates perfectly around the center
but the problem comes when I place it on bottom left coner of the screen

 

Set RectTransform's Pivot to (0.5, 0.5) from the Inspector.

 

Every thing is ok
what a great help
I spent long hours to find these things
what a great relief to me
all the credits goes to you
Wish you all the best dear Yasirkula
thaks

 

dear yasirkula
please again need help
Now I can turn a little meshine(in my number game) with the steering wheel .
problem when the steering wheel comes back to zeero position my little meshine also
spin back .how can I correct this.I tried but did not work .

 

Dear yasirkula
If you are busy just give me an idea for the last issue I posted
I will try
Thanks

 

How exactly do you want the meshine to behave?

 

dear yasikula
my meshine needs to turned towards prime numbers
so I want to turn and move alone that direction to collect that numbers
I can move and collect those numbers but the meshine turns to previous position when the steering wheel is released.
so now meshine behaves very similar to the steering wheel
let the steering wheel turns back but need to keep the meshine towards that direction
(my meshine is avery simple object -no wheel colliders
thanks

 

I got an idea
I have been trying to turn without tyres
should I add wheel colliders(at least fron two wheels)

 

If your meshine has wheels, then maybe you can use wheel colliders.

If you want to device to stay still while steering wheel resets its rotation, you can simply set the "Wheel Released Speed" to 0 so that wheel no longer resets to zero rotation.

 

great I have two options(workig) with your guidence

sorry for taking your valuable time and disturbing
so far I have been doing all these things on my own through trial and error method
This time I got your help
Thanks Thanks Thanks

 

some one please help
think that we access a variable in another scripts .But for some reason if we
want to reset that value for one object that affects the other object also.
How can we overcome this issue by restricting to one object.

 

Couldn't understand your question well but it is better if you create a new topic for non-related scripting questions

 

sorry this what happened
I reset the "Wheel Released Speed" speed to zero
then the steering wheel did not reset into its previous position

 

That was what I tried to achieve. No reset means no need to make extra adjustments. If you want, you can use the GetAngle function instead of GetClampedValue function and multiply it with a value much smaller than 180f. If you give "Maximum Steering Angle" some very big value, that might work for you.

 

Ok you nicely put me into the track(nice method of teaching)-thanks dear.

 

hi yasirkula, i started using your script for a prototype i am making but for some unknown reason to me i cant manage to get the script to work with the car. i am using the sky car from unity standard assests as a base. using their car controller script. i can get the image to rotate but the car wont steer?
would greatly appreciate any help you can offer me and thank you sharing the script.

giuseppe

 

Hello giuseppe,

Edit line 22 (or maybe 23, use your instinct =] ) of CarUserControl.cs as following:

Code (CSharp):

1. float h = steeringWheel.GetClampedValue();

Then add a public variable to the same script:

Code (CSharp):

1. public SteeringWheel steeringWheel;

Now, using the Inspector, give the "Steering Wheel" variable of "Car User Control" component of sky car its value and test the game.

 

thank you so much for your help. i was stuck for a few days trying to figure it out. works great and thanks again for your support and script

 

Dude tks for sharing this amazing script

 

@yasirkula Thanks a lot, i am using this script. Works perfect in vehicle kind of games.
Now i am applying changing in that. Steer handle is moving smooth with mouse drag, but I want to make steer handle rigid and slow. Actually i wants to use it as steamer boat steer wheel, which would hard to rotate.
Can you guide me in script where i need to change.

 

Hello Hiten2012,

Add this variable to the script:

Code (CSharp):

1. float wheelTargetAngle = 0f;

Make the following changes:

Code (CSharp):

1.  
2. void Update()
3. {
4.     if( !wheelBeingHeld && !Mathf.Approximately( 0f, wheelAngle ) )
5.     {
6.         ...
7.     }
8.     else if( wheelBeingHeld )
9.     {
10.         wheelAngle = Mathf.Lerp( wheelAngle, wheelTargetAngle, 0.1f );
11.     }
12.  
13.    ...
14. }
15.  
16. public void DragEvent( BaseEventData eventData )
17. {
18.     ...
19.  
20.     if( Vector2.Distance( pointerPos, centerPoint ) > 20f )
21.     {
22.         if( pointerPos.x > centerPoint.x )
23.             wheelTargetAngle += wheelNewAngle - wheelPrevAngle;
24.         else
25.             wheelTargetAngle -= wheelNewAngle - wheelPrevAngle;
26.     }
27.     // Make sure wheel angle never exceeds maximumSteeringAngle
28.     wheelTargetAngle = Mathf.Clamp( wheelTargetAngle, -maximumSteeringAngle, maximumSteeringAngle );
29.     wheelPrevAngle = wheelNewAngle;
30. }
31.  

Basically, we have added an "else if" statement to Update function and changed "wheelAngle"s to "wheelTargetAngle" inside DragEvent function. Now we have two variables: current rotation of the wheel (wheelAngle) and its target rotation (wheelTargetAngle). You can simply lerp from the former to the latter (which we are doing inside the "else if"). Or you can code your own custom Lerp function for more customization

Hope it works.

P.S: if you just want to decrease the sensitivity of the wheel, you can get rid of the changes I've suggested above and tweak DragEvent as following:

Code (CSharp):

1. public void DragEvent( BaseEventData eventData )
2. {
3.     ...
4.    
5.     if( Vector2.Distance( pointerPos, centerPoint ) > 20f )
6.     {
7.         if( pointerPos.x > centerPoint.x )
8.             wheelAngle += ( wheelNewAngle - wheelPrevAngle ) * 0.5f;
9.         else
10.             wheelAngle -= ( wheelNewAngle - wheelPrevAngle ) * 0.5f;
11.     }
12.    
13.     ...
14. }

Adjust 0.5f value to change sensitivity.

 

@yasirkula Thanks a lot for your quick reply.
second way suggested by you is exactly what i want. decreased sensitivity it works fine.

 

I love you yasirkula I was looking for something like this

 

i want use your for my game.i tried your script as it is. its working absolutly.i want to say thanks for that.
now i want integrate this to my car.can you how can i do it. i need angle and speed. am new that's why am asking.
just give a idea that how can i do?
thanks

 

You should find the code that receives the input to rotate the car. It should be something like "Input.GetAxis( "Horizontal" )" or "CrossPlatformInput.GetAxis( "Horizontal" )". Afterwards, change that code to something like "GetComponent<SteeringWheel>().GetClampedValue()".

 

when i try to copy the whole code into an c# script that was attached to an empty object. it throw some errors .why?

 

Name of the C# script should be SteeringWheel. If it already is the case, then what error are you getting from the script?

 

check out this this is the error am getting

 

Ah, I see! I have updated the code in the main post. Apparently, it is sufficient to change "events.delegates"s to "events. triggers".

 

thanks for your support.it's working absolutely fine. now i have to use get angle method to rotate my front wheels right?
and for speed?

 

GetAngle returns the angle of the steering wheel itself (I can't think of any uses for that function, actually). You should use GetClampedValue, which returns a float in range [-1,1]. You can, then, multiply that value with a constant (like 45f).

For accelaration, you should use another asset or create your own script. Mine only handles the simulation of the steering wheel.

 

thanks so much for the those scripts
yasirkula how can I make the wheel not to go back to main position when i lift up my finger or mouse.
please help.

 

OH sorry I found The Solution

Code (CSharp):

1.  public void ReleaseEvent( BaseEventData eventData )
2. {
3. DragEvent( eventData );
4.  
5. //wheelBeingHeld=false;
6. }

i just commented wheelBeingHeld=false;
and it worked.

 

@yasirkula anyone guide me what to pass to the function PressEvent( event); ????

 

I'm not soo much good in unity.

 

You shouldn't call that function manually. You just have to call the GetClampedValue() function to get a value in range [-1,1]. If you need the angle of the steering wheel instead, call GetAngle().

 

@yasirkula thanks for the script...
working awesome...