Cutscene Cinematics | Cutscene editor plugin for Studio

✨ Cutscene Cinematics
The ultimate cutscene creation plugin for ease of workflow.
Install Plugin

This plugin offers you ease of use with the simple user interface for the purpose of making easy cutscenes with unique transitions and field of view effects. This plugin is still in development and the User Interface is a placeholder as I was only focusing on the code and fixing bugs. I’m open to taking suggestions on how I can improve this plugin. Also please don’t be afraid to report any bugs, just drop a reply! :slight_smile:

Tutorial

Step 1 Getting Started

The plugin comes with two buttons. The button on the left “Cc” will open the cutscene creation panel. The button on the right with the script icon will insert a cutscene executor script, but don’t worry for that now.


To begin press the Cc button.

Step 2 Creating a new cutscene

Once you press the “Cc” button which stands for Create cutscene you will be presented with this panel where you can name your cutscene.

After you make your cutscene name and press confirm this panel will show up:

Step 3 Cutscene magic

In order to make your cutscene you need to press the “Create point” button. This will allow you to edit certain properties to customise the cutscene for your liking.


Please do note that “Cut delay” will require the Cut Transition setting to be enabled in order to work.

Once you are happy with the settings you have chose you can hit the “Add point” button and a white flash will occur on your screen to let you know that your first camera position has been recorded.


Now you can do this multiple times to record more camera positions just like this.

This means that the camera will smoothly transition between camera positions 1 to 4 in this screenshot.

After you are happy with your scene you can press the finish button. And there will be a brand new model in workspace with all your camera positions.


Every camera position has a set of attributes which can be edited for your liking.

Step 4 Coding the cutscenes into your experience

It is recommended that you have a basic understanding of module scripts before using this plugin. There are several module script tutorials on Youtube if you are unsure.

Earlier I mentioned the cutscene execution module button, well now we’re going to use it!
Simply press on it and the module script will be inserted into the Workspace. This module script must be ran locally as the server can not modify the camera instance.

Keep in mind that this script does not need to be inserted every time you make a cutscene.

Next require the module script in any other script and call the PlayCutscene() function and set the parameter as your cutscene model of choice

CutscenePlayer.PlayCutscene("Your cutscene model")

There you go! You made your first cutscene using Cutscene Cinematics.

Documentation

Properties

Field Of View

This will change the field of view smoothly as the camera pans to the next position.

Transition Time

This determines the duration of the transition to the camera point.

Cut Transition

Instead of smoothly transitioning to the next camera point, if this is enabled the camera will instantly snap to the CFrame of the next camera point.

Cut Delay

How many seconds the camera will wait after having a cut transition before it begins to smoothly transition to the next camera point.

Easing Direction

Determines the direction of the transition. Read the Roblox documentation for more information. https://create.roblox.com/docs/reference/engine/enums/EasingDirection

Easing Style

Determines the style of the transition. Read the Roblox documentation for more information. https://create.roblox.com/docs/reference/engine/enums/EasingStyle

Future features to be added

  • Bezier curves
  • Cutscene events
  • Refined user interface
  • Editing already finished cutscenes

Notes

Thank you for reading the post. I had a lot of fun making this plugin and I hope to work on it more in the future. If you find any bugs or have any suggestions please don’t be afraid to leave a reply below I will make sure to respond to everyone. Feedback is everything because other people see your creation differently to how you see it.

8 Likes

This looks very awesome, also, sometime, you could add support for animated cameras as that is what alot of people want

1 Like

Animated camera is a completely different system to what I’m making here. It is quite easy to make one using Motor6D.

2 Likes

It is indeed easy to make, it’s just annoying having to set up the motor 6ds, but it’s not a lot, still, i like the approach you made here, it’s pretty interesting

2 Likes

Looks like a very cool plugin I havent tested it but, It think it would be way better with Bezier curves as you mentioned and the ability to preview the Cutscene without playing.

Thanks,

The whole system currently relies on Tween Service and this is just a base line.

In the future I will script my own Tween service using Lerping in order to have the alpha value to allow for cutscene events to be created. This will also mean I will add bezier curves.

This is really nice, thank you!

1 Like