informa
/
Business
Featured Blog

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.

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!

Latest Jobs

Sucker Punch Productions

Bellevue, Washington
08.27.21
Combat Designer

Xbox Graphics

Redmond, Washington
08.27.21
Senior Software Engineer: GPU Compilers

Insomniac Games

Burbank, California
08.27.21
Systems Designer

Deep Silver Volition

Champaign, Illinois
08.27.21
Senior Environment Artist
More Jobs   

CONNECT WITH US

Register for a
Subscribe to
Follow us

Game Developer Account

Game Developer Newsletter

@gamedevdotcom

Register for a

Game Developer Account

Gain full access to resources (events, white paper, webinars, reports, etc)
Single sign-on to all Informa products

Register
Subscribe to

Game Developer Newsletter

Get daily Game Developer top stories every morning straight into your inbox

Subscribe
Follow us

@gamedevdotcom

Follow us @gamedevdotcom to stay up-to-date with the latest news & insider information about events & more