How can I make an on-screen speedometer?

I have everything on my car but the speedometer and i just cant figure it out how to script one. so is can anyone help me out by making one? my game objects is "Car" and i just want to apply the script to my dial.

The answer to this largely depends whether you want to display a numerical readout, or as a rotating needle.

First, to get the actual speed value, as mentioned in another answer, you can simply use the rigidbody’s velocity. However, Unity’s default scale is one unit = one meter, so reading rigidbody.velocity.magnitude will give you the speed in meters per second.

To convert to MPH, you can use:

var mph = rigidbody.velocity.magnitude * 2.237;

or to convert to KPH:

var kph = rigidbody.velocity.magnitude * 3.6;

Next to display it.

To show the speed as a numerical readout is comparitively simple:

  1. Create a GUIText gameobject (from the gameobject menu).

  2. In your car script, create a var which will store a reference to this GUIText GameObject:

var mphDisplay : GUIText;
  1. Select your car, and drag a reference from the new GUIText GameObject in the hierarchy into this variable slot in car script, in the inspector.

  2. Now, in your car script, you can add the lines in your Update() function to calculate the MPH, and update the text displayed:

var mph = rigidbody.velocity.magnitude * 2.237;
mphDisplay.text = mph + " MPH";

That should get you working with a numerical readout.


To display as a rotating needle requires some trickier coordination. There's no simple way to rotate a GUI Texture, or a texture drawn using the `OnGUI` method, so I've written a small general-purpose script which you can place on a gameobject to create a rotatable GUI Texture. You can control it by setting the 'angle' variable from other scripts.

So:

  1. Create a new C# script. Name it RotatableGuiItem, and paste in this script:

using UnityEngine;
[ExecuteInEditMode()] 
public class RotatableGuiItem : MonoBehaviour {

    public Texture2D texture = null;
    public float angle = 0;
    public Vector2 size = new Vector2(128, 128);
    Vector2 pos = new Vector2(0, 0);
    Rect rect;
    Vector2 pivot;

    void Start() {
        UpdateSettings();
    }

    void UpdateSettings() {
        pos = new Vector2(transform.localPosition.x, transform.localPosition.y);
        rect = new Rect(pos.x - size.x * 0.5f, pos.y - size.y * 0.5f, size.x, size.y);
        pivot = new Vector2(rect.xMin + rect.width * 0.5f, rect.yMin + rect.height * 0.5f);
    }

    void OnGUI() {
        if (Application.isEditor) { UpdateSettings(); }
        Matrix4x4 matrixBackup = GUI.matrix;
        GUIUtility.RotateAroundPivot(angle, pivot);
        GUI.DrawTexture(rect, texture);
        GUI.matrix = matrixBackup;
    }
}
  1. Create a new empty GameObject. Name it “mph needle”. Add the RotatableGuiItem script to it.

  2. Assign your speedo needle “Texture” variable. You probably want to use a texture with a transparent alpha background for this, and bear in mind that it will rotate around the centre of the image. Adjust the “size” values to match the size of your texture.

  3. Adjust the position of the texture using the X and Y position values of the GameObject in the inspector, so that it is your desired position. (probably in the centre of a normal static GUI Texture showing the mph dial face).

  4. In your car script, create a var which will store a reference to this rotatable GUI item:

var mphNeedle : RotatableGuiItem;
  1. Select your car, and drag a reference from the “mph needle” GameObject in the hierarchy into this variable slot in car script, in the inspector.

  2. Now, in your car script, you can add the lines in your Update() function to calculate the MPH, and update the needle’s angle:

var mph = rigidbody.velocity.magnitude * 2.237;
mphNeedle.angle = mph;

You will probably need to adjust how far the needle turns in relation to the mph, and at what angle it starts, so you may end up with a line which looks more like this:

mphNeedle.angle = 20 + mph * 1.4f;

Which means the needle will be rotated by 20 degrees when the mph is zero, and will rotate 1.4 degrees for every 1 mph.

(If you want to control this script from a Javascript script, you’ll have to move the C# RotatableGuiItem into a folder called PlugIns in your assets.)

Hopefully this should get you to the stage where you have a working speedometer with a rotating needle!

How have you made the car move?

If you’ve used the wheel collider there’s a value called rpm (revolutions per minute), you can use this plus the radius of the wheel to get an accurate mph for your speed dial.

Using these formulai:

circumference = 2 * PI * R

1km = 0.621371192 miles

So if your wheel has 0.3 meters radius and you have an rpm of 100 you’ll be going at:

2*3.14*0.3*100*60 = 11,309.7336 meters per hour or 11kmph or 6.8mph

If you’re using something else then you can get the magnitude of velocity from the rigid body with this:

var speed = rigidbody.velocity.magnitude;

But this isn’t how fast the wheel is spinning so if you’re flying through the air it’ll not be an accurate display for the speed dial.

You may use this simple code in your Car Control Script.

public
var Speed: float;
public
var maxSpeed: float = 150;

var speedOMeterDial: Texture2D; //GUI Texture for dial
var speedOMeterPointer: Texture2D;

var minAnglePointer: int = -90;
var maxAnglePointer: int = 180;

function Update()
{
    Speed = rigidbody.velocity.magnitude * 3.6 f;
    if (Speed > maxSpeed)
    {
        Wheel_FL.motorTorque = 0;
        Wheel_FR.motorTorque = 0;
    }
    else
    {
        Wheel_FL.motorTorque = EngineTorque / GearRatio[CurrentGear] * Input.GetAxis("Vertical");
        Wheel_FR.motorTorque = EngineTorque / GearRatio[CurrentGear] * Input.GetAxis("Vertical");
    }
}

function OnGUI()
{
    GUI.DrawTexture(Rect(Screen.width - 300, Screen.height - 300, 300, 300), speedOMeterDial);
    var speedFactor: float = Speed / maxSpeed;
    var rotationAngle: float;
    if (Speed >= 0)
    {
        rotationAngle = Mathf.Lerp(minAnglePointer, maxAnglePointer, speedFactor);
    }
    else
    {
        rotationAngle = Mathf.Lerp(minAnglePointer, maxAnglePointer, -speedFactor);
    }
    GUIUtility.RotateAroundPivot(rotationAngle, Vector2(Screen.width - 150, Screen.height - 150));
    GUI.DrawTexture(Rect(Screen.width - 300, Screen.height - 300, 300, 300), speedOMeterPointer);
}