How to Use Storyboards as a Reference in Cinemachines Virtual Cameras

Objective: To understand how to use Storyboards as a reference in Cinemachines virtual cameras.

Storyboard Extension added to Cinemachine Virtual Camera component

This extension allows you to use existing storyboards images as a type of overlay on your screen for when you are using it to create those pivotal scenes and you want to capture exactly what the director has asked of you.

How to Setup the Storyboard Extension

On your CinemachineVirtualCamera component, head down to the bottom where it says Extension → Add Extension → Storyboard. It will now add the extension with the following settings:

Cinemachine Virtual Camera Storyboard Extension

It will also change your Game screen to be white. This is because we haven’t added an image yet:

From here, we can now add our texture/image into the ‘Show Image field and it will be overlayed onto the screen:

Storyboard image was taken from adobe.com

We now have the option of how best to show the ‘Aspect’ of the image in which we can choose: Best fit, Crop Image to Fit or Stretch to Fit.

Aspect options

We can also adjust the alpha color of the image, so we can work on top of it if we want to:

Alpha set to 0.3

Then we also have the options to offset the image, maybe to one side of the screen on the left or right, (or alternatively this can be offset up and down also):

X offset position set to 0.5
X offset position set to -0.5

--

--

--

Passionate Unity Game Developer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Core Concepts of React

RxSwift: Time-Based Operators

test this medium post

Bending the VS Code Debugger to Your Will

SOLID principles in Delphi [5] — The Dependency Inversion Principle

Comment on LinkedIn Post automatically with this python library

HMS Kits in BlueMail

Build A Portfolio Website With React and Gatsby.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Chris Hilton

Chris Hilton

Passionate Unity Game Developer

More from Medium

Orbital Transposer Virtual Camera Explained in Unity’s Cinemachine

Creating a UI Shield Strength indicator

2D Player Animation (part 2)

Using Post Processing Volumes in Unity3D with the URP