Gamasutra: The Art & Business of Making Gamesspacer
View All     RSS
October 23, 2018
arrowPress Releases
  • Editor-In-Chief:
    Kris Graft
  • Editor:
    Alex Wawro
  • Contributors:
    Chris Kerr
    Alissa McAloon
    Emma Kidwell
    Bryant Francis
    Katherine Cross
  • Advertising:
    Libby Kruse






If you enjoy reading this site, you might also want to check out these UBM Tech sites:


 

Different Ways Of Shaking Camera In Unity

by Vivek Tank on 07/09/18 02:22:00 pm   Featured Blogs

6 comments Share on Twitter    RSS

The following blog post, unless otherwise noted, was written by a member of Gamasutra’s community.
The thoughts and opinions expressed are those of the writer and not Gamasutra or its parent company.

 

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!


Related Jobs

Deep Silver Volition
Deep Silver Volition — Champaign, Illinois, United States
[10.22.18]

Studio Programming Director
Plarium Michigan Studio LP
Plarium Michigan Studio LP — Portage, Michigan, United States
[10.22.18]

Senior Game Developer
Remedy Entertainment
Remedy Entertainment — Espoo, Finland
[10.22.18]

Senior Gameplay Programmer
YAGER Development GmbH
YAGER Development GmbH — Berlin, Germany
[10.22.18]

Lead Backend Engineer (f/m)





Loading Comments

loader image