Skip to main content

Tournament Bracket

Leverage head tracking and visual scripting to build an interactive tournament bracket effect! Move your head left or right to pick between the two choices presented on the screen. The winner of each round will be added to the bracket and presented against other options until the final winning item is chosen.

demo

Open the Template​

To use the template in your Effect House project:

  1. Go to Templates
  2. Click the Interactive tab
  3. Select the Tournament Bracket template
demo

Hierarchy​

There are two render groups in the Hierarchy panel:

  1. The General render group contains the Head Tracker object, which will be used to track your head movement, as well as the Choice Icons to be picked between on the screen.
  2. The 2D Foreground render group contains the other visual elements of the effect, like the tournament bracket slots, bracket frames, and background.
demo

Assets​

The Assets panel contains the built-in assets for this template. Replace them with your own materials and textures to customize.

demo

Visual Scripting​

The Tournament Bracket subgraph contains the core logic for the tournament bracket.

demo

Each option works as follows:

  1. Bracket Choice Pool: The list of items to be displayed in the tournament bracket. This template showcases 8 items, but you can add more by clicking the + button.
  2. Random Order: When checked, displays the items to be compared in a random order. When unchecked, displays the items in the order they appear in the Make Array node.
  3. Highlight Color: The color highlighted around the chosen item
  4. Lowlight Color: The color highlighted around the other, non-chosen item
  5. Scale Amount: How large the icon gets when tilting your head to choose the item

Click into the subgraph to get a better understanding of how it works. Modify it to customize your own tournament brackets!