diff --git a/documentation/docs/docs/03-creating-stories/02-cinematics/05-skippable-cinematics.mdx b/documentation/docs/docs/03-creating-stories/02-cinematics/05-skippable-cinematics.mdx new file mode 100644 index 0000000000..927e928726 --- /dev/null +++ b/documentation/docs/docs/03-creating-stories/02-cinematics/05-skippable-cinematics.mdx @@ -0,0 +1,30 @@ +--- +difficulty: Easy +--- + +import Player from "@site/src/components/Player"; +import Image from "@site/src/components/Image"; +import EntrySearch from "@site/src/components/EntrySearch"; + +# Skippable Cinematics +:::info[Before starting] +It's best to first read [Cinematics](./index.mdx) before starting this tutorial. +::: +In this tutorial, you will learn how to allow players to skip certain parts of your cinematics. + +## Adding a skippable cinematic +Firstly click on the + icon in the top right corner of the panel and search for `Add Skippable Cinematic`. Add it to your page by clicking on the + icon. + + + +### Configuring the skippable cinematic +Inside the inspector of the skip cinematic you can choose between `SNEAK` or `SWAP_HANDS` at the confirmation key field. This key will be the key the player has to press to skip the cinematic. This guide will use the SNEAK key to skip the cinematic. + +## Adding a skippable part +Now inside the inspector of the skippable cinematic you can add a new segment by clicking on the `Add segment` text at the operations section. This will create a new segment\ +At the fields Start and End frame you can set the timings you want a player to be able to skip a cinematic. For this guide this will be 0 and 100. + +## result +Now you have a skippable cinematic that can be skipped by pressing the key you set in the confirmation key field. + + \ No newline at end of file diff --git a/documentation/docs/docs/assets/cinematics/skip_cinematic_result.webm b/documentation/docs/docs/assets/cinematics/skip_cinematic_result.webm new file mode 100644 index 0000000000..a7aa6426c3 Binary files /dev/null and b/documentation/docs/docs/assets/cinematics/skip_cinematic_result.webm differ