Navigation

Ventuz Introduction

  • Introduction
  • Getting Started
  • Ventuz Editions
  • Ventuz Products
  • Realtime Rendering
  • Frequently Asked Questions
  • Common Mistakes
  • Deploying a Ventuz Presentation
  • Scene Performance and Tweaks

Quick Guides

  • Quick Guide Index
  • Business Logic
  • 3D Art
  • 2D Art
  • Programming
  • System Engineer

General

  • Index
  • What's New
  • Ventuz System Requirements
  • Communication Protocol Overview
  • Configuration Editor
  • Audio / Video Configuration
  • Machine Configuration
  • Web Configuration Editor and License Manager
  • GPI Configuration for Runtime or Director
  • Supported Formats
  • Supported Hardware
  • Multisampling / Anti-Aliasing
  • Input Subsystem
  • Ventuz Proprietary Files
  • Migrating Content to Ventuz 6
  • Migrating Content to Ventuz 5
  • Summary Shortcuts
  • Terminology
  • Manual Index

Ventuz Designer

  • Designer Indices
Introduction
  • Designer Introduction Index
  • Designer Overview
  • Realtime Rendering
  • Project Browser
  • Designer Interface
  • Designer Options
  • Working with Nodes
  • Hierarchy and Content Editors
  • 2D Workflow
  • 3D Workflow
  • Animation Workflow
  • Best Practices
  • Reading Data in Ventuz
  • Display Images and Movies
  • Scene Performance and Tweaks
  • Deploying a Ventuz Presentation
  • Render to Disk
User Interface
  • Designer User Interface Index
  • Designer Interface
  • Renderer Window
  • Layer Editor
  • Property Editor
  • Property Groups
  • Hierarchy Editor
  • Content Editor
  • Find and Replace
  • Toolbox
  • Animation Editor
  • Shader Editor
  • Text Editor
  • Message View
  • Scene Tree
  • Stage Editor
  • Container Outline
  • Watches Editor
  • Performance Statistics
2D Workflow
  • 2D Workflow Index
  • 2D Workflow
  • Layer Editor
  • Common Layer Properties
  • IPP Effects
  • Color Correction FX
  • Distortion FX
  • Filter FX
  • Hierarchy and Content Editors
  • Display Images and Movies
3D Workflow
  • 3D Workflow Index
  • 3D Workflow
  • Hierarchy and Content Editors
  • Renderer Window
  • Camera Navigation
  • Manipulate Objects with Gizmos
  • Layer Editor
  • Property Editor
  • Hierarchy Editor
  • Working with Nodes
  • Isolated Objects
  • Containers
  • Text Rendering
  • Character Sets
  • Geometry Import
  • Display Images and Movies
  • Particle System
  • Creating Realistic Reflections
  • Unreal Integration
  • Notch Integration
  • E2E Node Overview
Logic Workflow
  • Logic Workflow Index
  • Hierarchy and Content Editors
  • Content Editor
  • Hierarchy Editor
  • Working with Nodes
  • Property Editor
  • Containers
  • Project and Scene Data
  • Reading Data in Ventuz
  • Display Images and Movies
  • Input Subsystem
  • Multitouch
  • TUIO Protocol
  • Open Sound Control
  • Unreal Integration
  • Notch Integration
  • E2E Node Overview
Animation Workflow
  • Animation Workflow Index
  • Animation Workflow
  • Animation Editor
  • Content Editor
  • Hierarchy Editor
  • Property Editor
  • Animation and State Engine
  • Templates
  • Template Engine
  • Unreal Integration
  • Notch Integration
Project Structure
  • Project Structure Index
  • Annotations
  • Projects and Scenes
  • Project Properties
  • Project Maintenance
  • Project and Scene Data
  • Scene Management
  • Scene Statistics
  • Scene Tree
  • Performance Statistics
How Tos
  • Designer How to Index
  • How to Run Ventuz
  • How to Work with Designer
  • Ventuz Designer Drag&Drop Workflow
  • How to work with Shadows
  • How to Build Content for Multiple Screens
  • How to Use Emoijs
  • How to Build a Template
  • How to Use the Color Difference Keyer
  • How To Use the HDR Engine
  • How Create Lens Flares and Bloom
  • How to Create Visuals Loader Node
  • How to Remote Control with a Phone
  • How to use Head Mounted Displays
  • How to work with 3D Reference Layers
  • How to create a Firework Particle System
  • How to use DDS with new Block Compression modes
  • How to use the Substance Integration
  • How To Integrate Unreal
  • How To Integrate Notch
  • How To use the Vertex Integration
  • How To Control and Customize Ventuz
Reference
  • Available Nodes
  • Animation Nodes
  • Material&Color Nodes
  • Data Nodes
  • E2E Nodes
  • Geometry Nodes
  • Interaction Nodes
  • IO Nodes
  • Layers
  • Light Nodes
  • Logic Nodes
  • Render Option Nodes
  • Slides Nodes
  • Sound Nodes
  • Text Nodes
  • Texture Nodes
  • VR Nodes
  • World Nodes
  • Summary Shortcuts
  • Layer Editor Shortcuts
  • Hierarchy Editor Shortcuts
  • Content Editor Shortcuts
  • Animation Editor Shortcuts
  • Director Shortcuts

Ventuz Director

  • Index
  • Introduction
  • Environment
  • Show
  • User Interface
  • Assets
  • Taking Action
  • Property Editor
  • Shot Box
  • Project Data
  • Pages
  • Playlist
  • Timeline
  • Content References
  • Topology
  • Channels
  • Macros
  • Designing Templates
  • Plug-Ins
  • Shortcuts
  • Command Line Options
  • Application Settings
  • Glossary
  • GPI Configuration

Ventuz Runtime & Configuration

  • Runtime Index
  • Configuration Configuration Editor
  • Machine Configuration
  • Video/Audio Configuration
  • Web Configuration Editor and License Manager
  • Render Setup Editor
  • Warping and Soft-Edging Editor
  • Machine Clustering
  • Supported Hardware
  • Director Mode
  • Runtime How Tos Index
  • How to Configure Audio
  • How to Use Live Options
  • How To Play Out On Multiple Screens
  • How To Render on a Machine Cluster
  • How to Use Head Mounted Displays
  • How to Setup Spout with Ventuz
  • How to Use Newtek NDI
  • How to Use a Mixed Frame Rate Cluster
  • How to Use Tracking

How To

Designer
  • Designer How to Index
  • How to Run Ventuz
  • How to Work with Designer
  • Ventuz Designer Drag&Drop Workflow
  • How to work with Shadows
  • How to Build Content for Multiple Screens
  • How to Use Emoijs
  • How to Build a Template
  • How to Use the Color Difference Keyer
  • How To Use the HDR Engine
  • How Create Lens Flares and Bloom
  • How to Create Visuals Loader Node
  • How to Remote Control with a Phone
  • How to use Head Mounted Displays
  • How to work with 3D Reference Layers
  • How to create a Firework Particle System
  • How to use DDS with new Block Compression modes
  • How to use the Substance Integration
  • How To Integrate Unreal
  • How To Integrate Notch
  • How To build and playback Ventuz Content in Vertex
Runtime & Configuration
  • Runtime How Tos Index
  • How to Configure Audio
  • How to Use Live Options
  • How To Play Out On Multiple Screens
  • How To Render on a Machine Cluster
  • How to use Head Mounted Displays
  • How to setup Spout with Ventuz
  • How to use Newtek NDI
  • How to use a Mixed Frame Rate Cluster
  • How to use Tracking
  • How To Integrate Unreal
  • How To Integrate Notch
  • How To build and playback Ventuz Content in Vertex
Director
  • How To Control Multiple Graphics Independently From Each Other
  • How to use the Companion with Director

Ventuz Node Reference

ANIMATION
  • Mover
  • Alternator
  • Simple Control
  • Timeline Control
  • Anmation Rig
  • Keyframe Animation
  • Animation Group
COLOR/MATERIAL
  • Alpha
  • Fog
  • Ground Fog
  • Sky Box
  • Color to RGBA
  • HSLA to Color
  • RGBA to Color
  • Color Transformer
  • HLSL Shader
  • Color
  • Material
  • Color Picker
  • Substance Material
DATA
  • Database
  • Excel
  • JSON
  • RSS Feed
  • Resource Linker
  • Text File
  • XML
E2E
  • E2E Axis
  • E2E Data
  • E2E Control
  • E2E Layer
  • E2E Provider
  • E2E Node Overview
GEOMETRY
  • Rectangle
  • Rounded Rectangle
  • Gradient Rectangle
  • Overlay Rectangle
  • Cube
  • Circle
  • Sphere
  • Cylinder
  • Cone
  • Torus
  • Chart
  • Random Points
  • Mesh Loader
  • Geometry Import (Live)
  • Volume
  • Get Bounding Box
  • Arrow
  • Particle System
  • Path Renderer
  • Geometry Renderer
INTERACTION
  • Interaction Rect
  • Touch Button
  • Touch Excluder
  • Touch Marker
  • Touch Paint
  • Touch Pattern
  • Touch Proxy
  • Touch Ripples
  • Touch Transformations
  • Web Browser
  • Touch Teleport
  • Touch Simulator
INPUT/OUTPUT (I/O)
  • GPI
  • Joystick
  • Keyboard
  • MIDI
  • Mouse
  • Network
  • Open Sound Control
  • Serial
  • Timecode
  • DMX
  • HTTP
  • RamDiskWriter
LAYER
  • 3D Layers
  • 3D Layer Reference
  • 2D Layers
  • PSD Import Layer
  • E2E Layer
  • Others
LIGHT
  • Light Sources
LOGIC
  • Array Processing
  • Convert To Text
  • Cluster Synchronization
  • Counter
  • Date Time
  • Directory
  • Dispatcher
  • Enumeration
  • Expressions
  • Invert
  • Log
  • Loop Breaker
  • Math Effects
  • Matrix Operations
  • Scene Event
  • Script
  • String Operations
  • System ID
  • Text Splitter
  • Timer
  • Toggle
  • URL
  • Value Switch
  • Value Buffer
  • Variables
  • Visual Indexer
RENDER OPTIONS
  • Alpha Blending
  • Color Write
  • Alpha Testing
  • Clip Plane
  • Filter
  • Mask
  • Mirror
  • Effect
  • Render Cube Map
  • Draw Modes
  • Stencil
  • ZTesting
SOUND
  • Audio Clip
  • Sound
  • Volume Control
  • Audio Analysis
SLIDES
  • Slide Manager
  • Slide
  • Slide Port
  • Pivot
TEXT
  • Text Effects
  • Text Layouts
  • Text Rendering
TEXTURE
  • Background
  • Hatch
  • Image
  • Texture
  • SVG Loader
  • Gradient Texture
  • Live Video
  • Movie Stream
  • Movie Frame
  • Movie Clip
  • Texture Loader
  • Snapshot
  • Snapshot Framebuffer
  • Texture Saver
  • Video Source Selector
  • VIO Input
  • Spout Receiver
  • NDI Receiver
  • Substance Loader
  • QR Code
VR/AR
  • Tracked Devices
  • Draw Tracked Devices
WORLD
  • Axis
  • Billboard
  • GetWorld
  • SetWorld
  • Arrange
  • Ticker
  • Layout
  • Group
  • World Z Sort
  • YesNo
  • Switch
  • Spread
  • Filter Pass
  • Set Pass
  • Hierarchy Container
  • Scene Port
  • Content Container
  • Template Port
  • Container Info
  • Camera
  • Paths

Advanced and Development

  • Advanced and Development Index
  • Command Line Options
  • Ventuz IP Ports
  • Ventuz Machine Service
  • TUIO
  • .NET Scripting
  • HLSL Shader Programming
  • Ventuz API and SDK
  • Ventuz Extension API
  • Ventuz VIO API
  • Ventuz File Format (VFF)
  • Ventuz Stream Out API
  • Lens Calibration File for FreeD
  • E2E Node Overview
  • Unreal Integration
  • Notch Integration
Remoting
  • Remoting Index
  • Remoting Overview
  • How To Control and Customize Ventuz
  • Remoting 4
  • Remoting 4 via Websockets
  • Remoting 4 via HTTP
  • Director Remoting
  • Deprecated Remoting
  • Remoting Machine Signature

Misc

  • Presets
« Previous:
» Index «
Next: »

How to Build a Template for Director

Table of Contents

  1. Introduction
  2. Step 1: Set up the Graphics
  3. Step 2: Adding an Animation
  4. Step 3: Template Data
  5. Step 4: Transition Points
  6. Step 5: Thumbnails
  7. Step 6 : Subtemplates
  8. Conclusion

The following HowTo is a guide to building a Template for use inside of Director, using the example of a simple name super.

Introduction

A main feature of the Director is the use of Templates. To create a scene that contains one or more Templates, some mechanisms are needed. A general explanation of designing Templates can be found here. This Page contains a step by step guide of how to build a scene providing a simple name super Template for the Director.

Step 1: Set up the Graphics

In order to create a simple name super, we create a 3D layer and click the edit button to get into .Inside the Hierarchy Editor then we just take a Gradient Rectangle with some 2D Text over it.

Step 2: Adding an Animation

Since a Template is strongly connected to animation, as can be read here, and we would like our name super to be animated when take it on air and off air, we switch to the Animation Workspace and animate the Scale X Property of the Axis in front of the Rectangle. To let the name super scale in from the left. For the text, for example add an AlphaEffect and drag the Progress Property to the animation. Add three states and give it a nice animation as you would in any other Ventuz scene.

The Template itself is represented by a Present State. In the Logic View of the animation, click on the state that represents the name super fully on-screen and press P. The State Type switches to Presented Default and the icon turns yellow. You now have a Begin State, a Present State and an End State, with green, yellow and orange colors respectively.

In order to have a first working Template, the animation needs to be made controllable by the Director. To achieve that, change the control mode of the Animation from Autoplay to Template. The Animation is automatically added to Scene Data. To see the Scene Data Window, go to View in the Menu or simply push SHIFT + F9. Notice the icon of the Animation Node turns yellow.

We now have a simple Template which can be loaded in the Director. To give it a first try inside the Designer, go to the Main Animation, click on the yellow template button and switch through the states or simply test your template on the Scene tab. If you want to use a Keyframe-Animation node, instead of the main animation channel, you need to bind the control value of the Animation node manually to the scene data, to turn the animation into a template, controlled by the Director.

Notice that when the animation is in the Presented State and you choose it again, the animation doesn't find a route from this state to itself. So according to the Routing it goes to the End State and starts over from the Begin State to reach the state again. In broadcast terms, it performs a retake. Go to the Logic View and add a path by  click and hold on the state, then drag outwards a bit and back to the state. Now the animation knows a path from this state to itself. The use of this will be discussed later.

Step 3: Template Data

To make this Template more useful, some Data should be made accessible to the Operator who uses it in the Director. In this case it makes sense to give access to the text and the color. To make a property accessible, go to the Data View of the animation. Now go to your node,  click and hold the desired property from the Properties Editor and drag it to the Data View.  release when the label turns green. Properties connected to the Data View, and the nodes the properties belong to, get an indicator in the form of a yellow dot.

By selecting the Template Data Item in the first column of the Data View, a description, a label and constraints can be added.

Above, the Text, the Color of the Text and the Color of the Gradient Rectangle were added to the Template Data and some sensible labels were given to them. These three properties now will be visible and adjustable by an Operator when used in Director. Make sure the ticks behind the label are set. With these you can control the appearance of the data in the Director.

Step 4: Transition Points

This paragraph describes the need for Transition Points. In respect to this name super Template created here, a new text should only be applied when the text is faded out. This is where the path from the Present State to itself, created earlier, comes in handy.

In the Time View of the Animation Editor select the Slice containing this path. (you can just  doubleclick the line connecting the states to get there). Animate the Alpha Effect to fade out and in again by adding a keyframe to the channel. Now add a Data Marker to the position where the text is faded out completely by pressing M or  click on the Data Marker Icon . A Data Marker Icon appears above the animation timeline at the point where your timeline currently is.

Go to the Scene Data View and animate to the Present State two times consecutively, you should see just the text out and in again.

Step 5: Thumbnails

At the top of the Scene Data View, a yellow triangle can be seen.  click brings up the message that there are Thumbnails missing. Creating a Thumbnail for a Present State is a nice feature, since it will be shown in the Director and makes identifying the Template easier. To create a Thumbnail,  click on a Present State in Logic View of the animation. At the bottom of the Properties Editor two buttons for creating a Thumbnail can be found. By default the whole screen is selected for the Thumbnail, to change it  click on the Thumbnail Area Property.

Step 6 : Subtemplates

At this point, the Template is fully functioning and ready to use. But it leaves out the exciting feature of Subtemplates.

Imagine sometimes it would be useful for the name super to have an extra component that can be added when needed. In this case, for simplicities sake, a second, smaller bar just like the first one will be used to show how to add a Subtemplate. But any other element or structure can be used as a Subtemplate.

Here, for the Subtemplate, a second bar that matches the first one, is built. It just has different scaling and colors, plus it has its own Keyframe Animation Node. In this case the Animation behaves exactly like the one created above, but it is a separate and new animation node.

To make this second animation a Subtemplate of the Main Animation, do not drag the Control Property to the Scene Data. Instead drag it to the Data View of the first animation. To achieve that, select the first animation and select the Data View in the Animation Editor and press the Lock button to lock the Editor to the Main Animation. Then select the second animation in the Content Editor and  click and hold the Control Property. Drag the Control Property in the Data View. The second animation now appears as a Data Channel in the first animation.

Test your Template again. Now the Second Bar appears as a Subtemplate of the first one.

Notice the dependencies between a Template and its Subtemplates.

Conclusion

This Page showed how to create a basic Template. There are more features and possibilities to this, like using multiple Subtemplates, adding visuals, using Project Data... Have a look at the Ventuz Demo Projects to get an idea of what can be done.

See also:
  • Director
  • Templates
  • Template Engine
  • Designing Templates
  • Animation Editor
  • 3D Layer

« Previous:
» Index «
Next: »
Copyright 2022 Ventuz Technology