Sponsored By

Different Ways Of Shaking Camera In Unity

The main objective of this blog post is to give you an idea about Camera Shake in Unity3D.

Vivek Tank, Blogger

July 9, 2018

6 Min Read
Game Developer logo in a gray background | Game Developer

Objective

The main objective of this blog post is to give you an idea about Camera Shake in Unity3D.

 

Are You looking for giving some real feel to your game ?

Do you want to add some screen shaking effect to your game ?

Then you are at the right place !

Camera Shaking is a great way to add some real feel to your game. It’s great for signifying the action and making your camera feel more real and part of game. Check out the example.

Shaking camera example

So, if you want to add camera shake in your game then you are at the right place.

In this blog, I will show you how to create your own camera shake effect in 3 ways.

Let’s start with scripting first.

1. By scripting

First setup a scene like this in Unity.

by scripting scene setup image

Create an empty game object named Explodestar and a particle system in child to get more effective look.

Create a script named Explodestar attached it to ExplodeStar gameobject to play particle system on playing game.

Create another script named CameraShake and attach it to camera you want to give the shaking effect.

CameraShake.cs


using UnityEngine;
using System.Collections;

public class CameraShake : MonoBehaviour
{
  


    public IEnumerator Shake(float duration, float magnitude)
    {
        Vector3 orignalPosition = transform.position;
        float elapsed = 0f;
        
        while (elapsed < duration)
        {
            float x = Random.Range(-1f, 1f) * magnitude;
            float y = Random.Range(-1f, 1f) * magnitude;

            transform.position = new Vector3(x, y, -10f);
            elapsed += Time.deltaTime;
            yield return 0;
        }
        transform.position = orignalPosition;
    }

   
}

Here, I have used Coroutine for shaking the camera. If you are not familiar with how to use coroutine in Unity. I recommend refer it first.

Name

Method/variable/coroutine

Description

Shake()

coroutine

Coroutine used for shaking camera

Vector3  orignalPosition

variable

To store the original position of camera

float elapsed

variable

To Store Elapsed time

float x

variable

To store random x value

float y

variable

To store random y value

ExplodeStar.cs


using UnityEngine;
using System.Collections;

public class ExplodeStar : MonoBehaviour
{
    public ParticleSystem explodePartical;
    public CameraShake cameraShake;
    void Update()
    {
        if (Input.GetKeyDown(KeyCode.E))
        {
            explodePartical.Play();
            StartCoroutine(cameraShake.Shake(0.15f, 0.4f));
        }
    }
} 

 

Name

Method/variable/coroutine

Description

Update()

Unity Callback

To check whether User Presses Key E

ParticleSystem explodePartical;

variable

To store reference of particle System

CameraShake cameraShake;

variable

To store reference of Camera

explodePartical.Play();

method

To Play the particle system

StartCoroutine(cameraShake.Shake(0.15f, 0.4f));

method

To start coroutine for Camera Shaking

Now go back to Unity and hit play button and press key (E).

Woooohooooo! Your screen is shaking.

This was simple and quick way to shake the camera.

But wait...

It has some limitation.

  • Doesn’t rotate the camera in any way

  • No way to control the roughness.

It just moves the camera every frame and using coroutine is bit clunky sometimes. So, if you want smoother camera shake this is not the proper way.

Let’s try it with another way using the animation and check if it fulfills our demands.

2. By Using Animation

First setup a scene like this in Unity.

by animation scene setup image

Add animator to main camera and create 2 animations idle and shake in that animator.

In ideal animation start recording and set the camera to its original position.

And in shake animation move position of camera on every two frame as you want to shake it.

Now go to animator and create a trigger shake.

Make transition from idle to shake and uncheck the ‘has exit time’ checkbox and set transition time to 1.

Second transition in shakeing camera

Now make transition from shake to idle and set transition time to 1 but don’t uncheck has exit time.

First transition in shakeing camera

Now make empty object named ShakeWithAnimation and add ShakeWithAnimation Script to it and has a particle system in child to see it more effective.

ShakeWithAnimation.cs


using UnityEngine;
using System.Collections;
public class ShakeWithAnim : MonoBehaviour
{
    public Animator camAnim;
    public ParticleSystem explodeStar;
    void Update()
    {
        if (Input.GetKeyDown(KeyCode.A))
        {
            camAnim.SetTrigger("Shake");
            explodeStar.Play();
        }
    }
}

 

Name

Method/variable/coroutine

Description

Update()

Unity Callback

Used for checking whether User Presses Key A

ParticleSystem explodeStar;

variable

To store reference of particle System

Animator camAnim;

variable

To store reference of Camera Animator

explodePartical.Play();

method

To Play the particle system

camAnim.SetTrigger("Shake");

method

To set Trigger for Camera Animation for Shaking.

Go to the Unity and play the scene and press A.

Oh Yeah! The screen is again shaking. Great, you learned one more way to shake the camera.

But wait, all condition are fulfilled but,

What about roughness?

Was there any way to control it using animation?

Nahhhh!

Then how can we do that?

Yes, I know the same question is there in your mind.

Let’s try the last way and check it out.

3. By using plugin

First make new scene in Unity.

Now go to asset store and download the plugin EZ Camera Shake (this is recommended by me as I use this and is very good but you can use any other plug in of your choice).

After finishing downloading EZ CAMERA SHAKE, import it to your scene. The folder EZCameraShake will be added in your scene.

Add script CameraShaker of EZCameraShake to main camera and set the variables as you want.

Now create empty object and name it ExplodeHeart.

Then give particle system in child for more effective look.

Now create and add ExplodeHeart script to it.

Add EZCameraShake namespace to your script.

ExplodeHeart.cs


using UnityEngine;
using System.Collections;
using EZCameraShake;
public class ExplodeHeart : MonoBehaviour
{
    
    public ParticleSystem explodePartical;
    void Update()
    {
        if (Input.GetKeyDown(KeyCode.H))
        {
            explodePartical.Play();
            CameraShaker.Instance.ShakeOnce(4f, 4f, 0.15f, 1f);
        }
    }
}

 

Name

Method/variable/coroutine

Description

Update()

Unity Callback

Used for checking whether User Presses Key H

ParticleSystem explodePartical;

variable

To store reference of particle System

explodePartical.Play();

method

To Play the particle system

CameraShaker.Instance.ShakeOnce(4f, 4f, 0.15f, 1f);

method

To call ShakeOnce Method of CameShaker Script Of EZCAmeShake passing magnitude, roughness, fadInTIme and fadeOutTime.

Now go to Unity and play the scene and press H.

Yeah! The screen shaking. It is smoother than the other ways, isn’t it?

By this way you created your camera shake with the plugin.

But wait...

Does this mean that the shaking camera with the script and animation was bad idea..?

Nope, instead the last way would give more load on your memory while running so if you don’t need this smoother shaking and roughness controlled camera shake the scripting one is really quick and easy.

So you have to be wise while choosing any one of the methods of camera shaking in your game according to your requirement.

Feel free to contact us if you really liked this blog. And don’t forget to share your comments below!

Read more about:

Featured Blogs

About the Author

Daily news, dev blogs, and stories from Game Developer straight to your inbox

You May Also Like