Construct 3 Tutorial: Coding Complete Cutscenes

In this tutorial you will learn how to code a cutscene from start to finish. Topics include: music, camera movements, character animations and movement, sound effects, and dialogue.
Bonus tips: camera zoom function, wait for signal, and fade to black
Puppet system: • Construct 3 Tutorial: ...
Dialogue system: • Construct 3 Tutorial: ...
Code along using editor.constru...
Art
Sprites and tilemap by GrafxKid
opengameart.or...
Music
Skylines by Anno Domini Beats (KZbin Audio Library License)

[@Zrangatang]

Just wanna say I’m surprised there’s not more comments on this. This is top notch work and inspires me as I want to start using this program.

[@deltastarstudios2809]

Thank you! 😊

[@merowayc]

This was a really great C3 tutorial! Cutscenes and Dialogue are 2 areas I feel C3 gets left behind. Your tutorial on puppets, dialogue and now cutscenes have really helped me out. I would love to see a game made from this tutorial and maybe throw in a quest system or inventory or a dialogue choice path would be really great as well. A tutorial on how making different choices in dialogue can affect not only your story but your alignment as well like in KOTOR.. Looking forward to more! Please!!

[@merowayc]

Also something would be really helpful is a tutorial on the timeline animation system and how it integrate that into cutscenes.

[@lilrockstar77]

Puppet System was CLUTCH. I was doing this iin a less efficient way

[@neerajbansal8777]

amazing tutorials! Thanks so much for your help

[@diggerdog001]

Thank you for your work! It's amazing! I have a request for the following video if you pleased. Can Construct allow build clicker games? Earn coins and could be spent on various improvements? (faster earnings at 1 click, etc.) How it build? I'd be interested in seeing a video like that Thank you

[@deltastarstudios2809]

It sure can! You would use the mouse object to handle clicking, variables to store data (coins, rates, amounts, speeds, etc.. ), the system action "every x seconds" and the system action "add to global variable" to handle automatic addition, sprites as the things you would click (use their animation frames to handle upgraded versions), and text objects to display numbers :)

[@kaimanparkerPA-C]

Great tutorial! Thanks!

[@lucasbird6367]

Great tutorial, thank you so mutch! :) +1 sub

[@deltastarstudios2809]

Glad it was helpful! Thanks for subbing! :)

[@mikejoe3551]

I have a video request that I hope you can help me with. I searched on KZbin and the Construct forums, but couldn't find the answer I was looking for. I have been developing my first platform game for a while now and ran into a problem when my friends played the test the first stage. The game is an automatic runner that basically plays like' Super Mario Run.' I want to keep the playable character off to the left side of the screen when running and have the camera stay towards the right of the screen, so that the player has maximum visibility of stage to make decisions as they are coming up. Do you know if there is a way to pull this off in Construct 3? And what code would I need to do it?

[@deltastarstudios2809]

Hi Mike, Totally doable! Make a camera sprite (like at 4:30) with pin and scroll to. Disable scroll to on the player. Set the position of the camera to something like (player.x+250, player.y). Pin the camera to the player. It will stay at the fixed distance. If you uncheck 'pin to y,' then the camera won't move during jumps :)

[@mikejoe3551]

@@deltastarstudios2809 Thank you very much 👍

[@CartoonkartunID]

2:46 4:22 14:52 18:44 22:31

[@mikejoe3551]

Thank you for the great video! I've noticed in my play testing that when I run into my "scene trigger" if I am holding down the right arrow key the screen shake will never stop and basically freezes the game. Is there a way to avoid this? Otherwise the camera moving to the desired spot does work fine. (Also, I want to mention I have the camera scrolling behind him back to beginning of the stage and it's the camera shake that seems to stop the camera from moving. You can literally see the camera pulling to the left and getting pulled back to the trigger spot.)

[@deltastarstudios2809]

Sounds like it gets triggered over and over again? Check in your trigger event. Maybe a "trigger once while true", or adding the action "destroy scene trigger" would help? Or perhaps it's the action that shakes the camera? Check it's time and magnitude are not to high.

[@mikejoe3551]

@@deltastarstudios2809 Destroying the scene trigger did the trick. Thanks 👍

[@stormfiretheog9183]

​@deltastarstudios2809 hi! Sorry if I'm being annoying bit I did exactly what you said for the when player collides with the cutsceeneTrigger the cutsceene starts and I tried it out but nothing happened I did just how you showed I did Player On collision with sceeneTrigger Player set 8Direction Disabled Systum wait 0.1 seconds Player set animation to "frontidle" (play from beginning) Camera Set position to Player (image point 0) Camera Set ScrollTo with magnitude 20 for 1.5 seconds (Reducing magnitude) Systum wait 1.5 seconds Camera Move To: Move (417,407) (Direct) but for some reson the cutsceene won't start- any ideas on why?

[@twitchyglue1133]

heyy, i cant find any move to on my construct 2.. is there any solution?

[@deltastarstudios2809]

Hi, Some users in the community have created addons to mimic some c3 features in c2. I have not tried this one personally, but here is a move-to addon created by the community :) www.construct.net/en/forum/construct-2/addons-29/behavior-moveto-40701

[@twitchyglue1133]

@@deltastarstudios2809 thanks for replying, ive already figure it out :) thanks!

[@meredeth5260]

*promo sm*