Creating a Bracket Lens

Options

Hi everyone,

I'm trying to create a filter that works like this-

https://www.snapchat.com/lens/87c0324b94c649e6be4ba5d064657d6e?type=SNAPCODE&metadata=01

I can find tutorials and templates for the quiz part, to create the part where the user tilts their head to the option they want to choose, but I can find any templates or tutorials for the for the tournament bracket at the bottom.

If anyone has any idea please let me know, or if there are any templates or tutorials out their please pass these on.

Thanks :smile:

Best Answer

  • star House Est
    star House Est Posts: 4
    #2 Answer ✓
    Options

    That's a great idea for a Snap Lens! While there might not be specific templates for the tournament bracket itself in Lens Studio, you can achieve this functionality by combining different elements and scripting. Here's how you can approach it:

    Building the Bracket:

    Use 2D Planes: Create a series of 2D planes stacked on top of each other to represent the bracket's structure. You can customize their shapes and colors to match a traditional bracket design.

    Text Overlays: Add text overlays on each plane to display team names or options. You can use dynamic text to update based on user choices.

    User Interaction:

    Head Tilt Detection: Utilize the head tilt detection feature in Lens Studio to determine which option the user chooses (similar to existing quiz lenses).

    Logic Scripting: Implement logic scripts to manage user interaction and update the bracket accordingly. When the user tilts their head towards a specific option, the script should update the text on the corresponding plane and potentially hide other options as the "tournament" progresses.

    Additional Tips:

    Explore pre-built prefabs: Lens Studio offers various pre-built prefabs like buttons or sliders. While not a direct bracket solution, they might offer functionalities you can adapt for your lens.
    Utilize the Lens Studio community: The Lens Studio community forum is a valuable resource. Search for discussions related to head tilt detection, text overlays, and logic scripting. You might find helpful tips and code snippets from other creators.
    Here are some resources that might be helpful:

    Lens Studio Documentation: https://docs.snap.com/lens-studio/home
    Lens Studio Community Forum: https://support.lensstudio.snapchat.com/hc/en-us/community/topics
    Head Tilt Detection Tutorial (unofficial): https://www.snapchat.com/lens/ca658752c90d44a69cf1012b67764e24 (While this might not be an official tutorial, it can give you a basic idea of using head tilt detection)
    Remember, creating a complex lens like this might require some scripting knowledge. Don't hesitate to experiment, explore the resources, and don't be afraid to ask questions in the Lens Studio community.
    For more information: fidget toys

    Good luck with building your Lens!

Answers

  • Raj Soni
    Raj Soni Posts: 1
    Options

    Looking for the same thing. Snap team please let us know your thoughts. this is very relevant. thank you