README.md

Camera Transitions Research

This project was developed by Ángel González J. , a second year student of the Bachelor's degrees in Video Game Design and Development at CITM/TTC as of 31/03/2020.

This content was generated for the Project II subject under the supervision of lecturer Ramón Santamaria.

About this project

This research's goal was to produce a functional scene and transition system in C++.

You can visit the research's website here. All the information related to the research can be found there.

The project contains 8 different transitions, including fades, wipes and zoom, all of which can be interpolated linearly and non-linearly as well as be modified to some degree. (Ex: Wipe can transition from all sides of the screen)

Software used to develop this project:

• Visual Studio 2019
• SDL & STL Libraries
• Tiled
• Online Converter

Test the project

Download the release and execute the Camera_Transitions_Research.exe. The available transitions options are:

• LEFT CLICK: Move the camera to the mouse position.

• RIGHT CLICK: Zoom to the mouse position transition to the next scene.

• 1 Key: Cut Transition

• 2 Key: Fade In / Fade Out Transition.

• 3 Key: Horizontal Slide Transition.

• 4 Key: Vertical Slide Transition.

• 5 Key: Horizontal Wipe Transition.

• 6 Key: Vertical Wipe Transition.

• 7 Key: Alternating Bars Transition.

• 8 Key: Expanding Bars Transition.

• Disclaimer: All transitions starting from the Horizontal Slide Transition behave differently depending from which scene is being transitioned to:

  • All "Horizontal" Methods:

    • Transitioning from the first scene: Transition from Left to Right.
    • Transitioning from the second scene: Transition from Right to Left.

  • All "Vertical" Methods:

    • Transitioning from the first scene: Transition from Top to Bottom.

    • Transitioning from the second scene: Transition from Bottom to Top.

  • Both "Bars" Methods:

    • Transitioning from the first scene: Horizontal Bars.
    • Transitioning from the second scene: Vertical Bars.

About the Author

• GitHub
• LinkedIn

Relevant Links

GIFS

• Basic Transitions GIFS: Cuts & Transitions 101
• VG GIFS 1: Pokemon Red/Blue - Curiosities of battle transitions
• VG GIFS 2: Shaders Case Study - Pokémon Battle Transitions
• VG GIFS 3: The Art of the JRPG Battle Transition - Desma

Videos

• Math for Game Programmers: Fast and Funky 1D Nonlinear Transformations

• Timing Fight Woosh ~ Boredom Video

• Transition References Video 1

• Transition References Video 2

Documentation

• Wikipedia: Film Transition

• Traditional Transitions References 1

• Traditional Transition References 2

• Traditional Transition References 3

• VG Transition References Documentation 1

• VG Transition References Documentation 2

• Linear Interpolation

• Non-Linear Interpolation

• Easing Functions

• Shaders