UI Function

Template Editor Tab 표시된 각 영역들의 기능에 대해서 설명한다.

• 1️⃣ Template List

  • The area where the template list is displayed

  • Template creation, backup, and deletion operations are possible

• 2️⃣ UI Editor

  • The area where the value entered by the operator is converted into a code

  • When click Add, it is transcoded and displayed in the Code Editor, and applied to the segment

  • Command and AR Effects can be easily set

• 3️⃣ Command Editor

  • The area where you generate Commons for use within the template.

  • When click Apply to apply the Common in the list to the UI/Code Editor

• 4️⃣ Code Editor

  • The traditional way to use JSON editing areas

  • When click Apply to check the grammar and apply it to the segment

• 5️⃣ Explorer

  • The traditional way to use JSON editing areas

  • When click Apply to check the grammar and apply it to the segment

• 6️⃣ TimeLine

  • The traditional way to use JSON editing areas

  • When click Apply to check the grammar and apply it to the segment

Template List

This is a list of creating and managing templates.

• Template List Jobs

  • Backup: Selected template, instantly created as the same template (shown in List)

  • Save: Save the created template, and if you modify an existing file, overwrite it

  • New: Create a new template, 'Create a new Template' pops up, and the Template Name needs to be created first

  • Refresh: Refresh a template saved in the save path

  • Delete: Delete the selected template, a deletion confirmation pop-up occurs

  • Edit: Left-click the template and modify the template

  • Edit Name: Select a template, right-click, change the name of the template

• Template List View

  • List: Displays a list of templates stored in the specified path (Preference> Template Path)

  • Effect: If the AR Effect in the template is applied, activate the icon

  • Favorite: Select a frequently used template to appear at the top of the list

UI Editor

The UI Editor automatically converts the value entered by the operator into a code. You can easily complete the template through each job.

• UI Editor Tab Jobs

  • Reset : Change the values of each item in the UI Editor to the default value and save it automatically

  • Modify : Modify the contents of the segments that have already been created, save them automatically, select the segment in the timeline first, and then modify it

  • Add : Automatically convert the value to JSON format in the UI Editor entered by the operator, register the Code Editor and save it automatically

• UI Editor Tab View

  • Segment Type: Select the video playback configuration for the segment, and the code is automatically converted and registered according to the selected item

  • Camera: Select the camera number to use (if the segment type is Rotation, select the start/end camera number)

  • Duration: Write the time in ms for video playback (1sec = 1000ms), start the video at the start time and play until the end time (Ex1. 0 / 1000 : playback from 0 seconds to 1 second, -5000 / 0 : playback from 5 seconds ago to 0 seconds)

  • Option: Set playback speed and screen magnification

  • Comment: The operator can take notes on the text they want, it only provides the memo function, so it does not affect the template in any way

  • Position: Specify the center point based on the center of the image or the position specified by the operator.

• Segment Type

  • Small units that divide the entire video according to the way you want to shoot it

  • The video is produced as a single video that plays the segments in order

  • Play: Using one camera image, you can set only one camera with Start-End No

  • Pause: Using one camera image, only one camera can be set with Start-End No, Pause Time and Pause Duration can be set because the stop time and length are set on the still screen, the playback speed is meaningless, and Speed is not supported

  • Rotation : Camera number at the beginning of the 'Start No.' video 'End No.' The camera number at the end of the video can be set, and the rotation time can be set because only the camera rotation time is required
    (Ex. Start No : 1 – End No : 30, the start is 1, 1, 2, 3, ..., 4, 29 cameras are played in order from camera 30 to show the effect of rotating the screen)

  • Play-Rotation : All items can be set

• Detailed description of Play Segment Type

  • Normal video playback from start time ~ end time

  • Fixed 1 camera, do not set the last camera

  • Whether it is set by type

    • Camera: 1 first-last camera Index setting

    • Duration: Set start point (ms), end point (ms)

    • Options: playback speed, start zoom, end zoom

• Detailed description of Play Segment Type

  • Normal video playback from start time ~ end time

  • Fixed 1 camera, do not set the last camera

  • Whether it is set by type

    • Camera: 1 first-last camera Index setting

    • Duration: Set start point (ms), end point (ms)

    • Options: playback speed, start zoom, end zoom

• Detailed description of Rotation Segment Type

  • Rotate and play in the order of the camera set at the set rotation time

  • It plays auto-playing according to the playback speed and does not set the end time

  • Whether it is set by type

    • Camera: Set the index of the first and last camera that you want to play within the mapped camera index.

    • Period: Set the time of rotation (ms)

    • Options: playback speed, start zoom, end zoom

• Detailed description of Play-Rotation Segment Type

  • Rotate and play in the order of the camera set at the set start-end point

  • Playback and rotation are carried out at the same time, so that playback

  • Whether it is set by type

    • Camera: Set the index of the first and last camera that you want to play within the mapped camera index.

    • Period: Set the start point of rotation (ms), the end point of rotation (ms)

    • Options: playback speed, start zoom, end zoom

• Camera Description

  • Use the image taken by the camera of the entered number

  • In the case of Play / Pause, only one camera image is used without rotation effect, so End No is not set.

  • In the case of Rotation, the screen is switched in order from the static state to the Start No–End No camera, and the rotation effect is given.

  • In the case of Play-Rotation, the screen switches in order from the playing state to the Start No–End No camera, and gives a rotation effect.

• Duration Description

  • It is used to create a Replay video with the video being recorded from Start Time to End Time

  • The marker specified in the video being recorded means 0 at the start time.

  • If you enter a minus ( - ) time, the Marker means the time before the point

  • In the case of Play / Play-Rotation, video playback from Start Time to End Time

  • In the case of Pause, the screen remains still for the end time at the start time

  • In the case of Rotation, the end time is not set because the camera rotates while the screen is still at the start time

• Speed(in Part of Option) 설명

  • Set the speed at which the video is played

  • The default speed is 1x (x1), and the playback speed can be changed to 0/5 (x0.33), 0/25x (x<>.<>), and <>/<>x (x<>.<>) speeds.

  • In the case of Play/Play-Rotation, it is played in slow motion according to the double speed

  • In the case of Pause, the playback speed is not determined because it is a still screen.

  • In the case of Rotation, the camera rotation speed is slowed down, not the slow motion effect because it is a static screen.

  • ※ However, since the speed is set based on 30 FPS, there may be an error when shooting 60 FPS.

• Zoom(in All Option) 설명

  • Set the zoom in/zoom out effect for the duration of the video playing

  • The camera's default screen magnification is 100%, and zoom out is not possible below 100%.

  • Zoom works the same regardless of the segment type.

  • Zoom from Zoom Start to Zoom End during playback time

• Zoom 예시

• Center X, Y Description

  • Meaning the central point in the template

  • When the zoom in/out function and the position tracking function are operated, they are operated based on the designated center.

• [Explain Center X,Y in Code Editor]

  • The default value is x = 1920, y = 1080, and if you change it, you need to make a manual change in Code Editor.

• This is the default value when the video to be recorded is UHD recording, and if it is FHD recording, the value needs to
  be changedx = 1920, y = 1080 → x = 960, y = 540

• Coordinate notation method: (horizontal axis, vertical axis) = (x, y) Set zoom in/zoom out effect during the time the phase is played

• ※ Horizontal and vertical axis examples

Common Editor

The Common Editor allows you to specify the values to be used in the template in advance, making it easy to set variables that are used in duplicate. If you register each variable as Common, you can easily modify and use it in the Record Tab.

• Common Editor Jobs

  • Apply : Reflects the Common List in the UI / Code Editor and can be selected as a UI Editor drop-down format after auto-save

  • Common Name: Set the variable name you want to use in the template. Numbers, letters, and special characters can all be used, but it is recommended to use letters and special character underbars ( _ ) to prevent errors

  • Value: Set the value corresponding to the generated variable and use only numbers in the characteristic of the template structure

  • Add : Add
    variables and values set by the operator to the list (but only added to the list and not reflected in the template)

  • Modify : Modify
    the name and value of the variable added to the list (However, when the value is changed, it is modified immediately, but only in the list, not reflected in the template)

  • Delete: The function
    of deleting the corresponding variable (but it is deleted only in the list and is not reflected in the template)

Code Editor

Code Editor has the function of directly modifying the template in the existing JSON format. You can validate the JSON format in that area and apply your own modifications to the segment.

• Code Editor Jobs

  • Common items are written in the Common Editor / MovieMake items are written in the UI Editor

  • Validate: A button that checks whether the written code is appropriate because JSON writing must be written in a fixed JSON format.

  • Reset: Initialize all written content. At initialization, a confirmation pop-up output

  • Apply : Reflect the newly created content in the Code Editor to Explorer and Timeline, and an error occurs if it violates the rules of the JSON file

Explorer

Explorer is an area that displays the entire structure of the template you created. In this area, the segments in the template are displayed as a hierarchy, and you can easily modify, delete, and reorder the segments by selecting them directly.

• Explorer Jobs

  • Delete: Select a segment, an effect to delete. When deleting, you can delete a specific segment by selecting a confirmation pop-up output, and deleting all segments
    when deleting by selecting
    Root (However, you cannot delete the Common and Command areas)

• Explorer View

  • Root: The uppermost area of the hierarchy that makes up the template, displaying the name of the template

  • Common: Predefined items for common items to be used in a segment Entries created in the Common Editor Items defined in Common can be used in all segments.

  • Segment: Areas representing a section of the video can be produced as a single video in the order of segments The order can be changed by Drag & Drop between segments

TimeLine

• TimeLine View

  • Timeline : An area that displays the created segment based on the time zone in which it is played

  • Comment : When the operator creates a segment, the UI Editor > Display the comments made in the Comment area, display the entire comment when selecting the Root path,
    display the comments of the selected segment when selecting the segment.

  • Total Play Time : Displays the estimated playback time of the video created with the template, and displays the total time when all segments are played in order

  • Common : When selecting a Common item, the timeline is not displayed, and a list of predefined items created in Code Editor is displayed.

Step of Making Template

This is the basic procedure required to create a template, which is the key to editing a video. In order to make simple and diverse edits, grasp the detailed functions of the template and create the template in the following order.

 Step 1. Template terminology and flowchart confirmation

• Segment Type

  • Play / Pause / Rotation / Play-Rotation

• Camera

  • Start No. / End No.

• Duration

  • Start Time(ms) / End Time(ms)

• Option

  • Speed / Zoom Start(%) / Zoom End(%)

Step 2. Develop a video scenario for your production

• List for the entire flow

Ex) 'Let's film the batsman's swinging of the bat from three directions'

''Let's stop the ball for one second the moment you hit it while swinging the bat'' ''Let's play the recorded video in order''

• Refine the scenario details

Ex) Scenario summary for the entire video

Refine the scenario of playing back the video taken from three directions in order

Ex) Refinement of the scenes that need to be recorded for each video

5 seconds video recording per camera, need to be recorded →in the order of preparation, swing→ finishing action

• Expected selection of recording reference point

Ex) Since the time required for each preparation, swing, and finishing movement is different for each person, the time required for calculating the standard time is divided into the preparation action for -2.5 seconds before and the finishing action for +2.5 seconds after the swing operation using the moment of hitting the
ball as a reference point.

• Identify and refine UI Editor setting elements

Ex) Detailed elements required for UI Editor based on the specified scenario and selected reference point

※ Even if the pause duration of Segment 2 is 1000ms, the start time of Segment 3 should be 0ms because the pause is stopped.

• The final scenario

Step 3. Create and check the template

• Start writing a template according to the scenario you considered in Step 2

[Template Creation]

• Click the Template List > New button

• Template Name: Enter a template name > click the Create button

[Create Segments using UI / Code Editor]

• Set the segment in the envisioned scenario order, and then repeat Add

※ Example of the above scenario criteria

Camera No. 1: Click the Add button > the preparation action

Camera No. 1: Swing action > Click the Add button

Camera No. 1: Click the Add button > the finishing action

Camera No. 2: Click the Add button > the preparation action

Camera No. 2: Swing action > Click the Add button

Camera No. 2: Click the Add button > the finishing action

Camera No. 3: Click the Add button > the preparation action

Camera No. 3: Swing action > Click the Add button

Camera No. 3: Click the Add button > the finishing action

[Check the segments created by Explorer and TimeLine]

[Click Save in Template List to save Template]