Skill Web
  • Skill Web Documentation
  • đŸ•šī¸Quick Start
    • Installation
  • Start Developing
  • 💡General
    • Running the Demos
  • Menu Options
  • UI Customizations
    • uGUI
      • Skill Node
      • Connection Line
      • Web View
      • Hovercard
  • Datasets
  • 🎓Tutorials
    • Runes Demo Walkthrough
  • âœī¸Editors
    • Skill Bank
  • Web Creator
  • Settings
  • Components
    • Skill Web Initializer
    • uGUI
      • Skill Node UGUI
      • Connection Line
        • Curved Connection Line
      • Web View UGUI
        • Web View Selector UGUI
      • Skill Hovercard UGUI
    • Player Web Link
  • 📄Scripting API
    • Initialization
  • Skills
    • Skill
      • Skill Dataset Attributes
    • Skill Node
  • Webs
    • Web Graph
    • Web
  • UI
    • Loading a Web
    • Web View Input Handling
    • Customize Connection Line
    • Customize Hovercard
  • Player Web Link
  • Custom Logic
  • Saving & Loading
  • Events
  • Skill Web Settings
  • Procedural Generation (Beta)
  • đŸ› ī¸Support
    • Getting Help
  • 📚Changelogs
    • Latest Releases
    • Future Plans
    • ⭐Rate Me?
Powered by GitBook
On this page
  • Required Properties
  • Customization Examples
  • Sword Mastery Demo
  • Runes Demo
  1. UI Customizations
  2. uGUI

Web View

What to know when customizing the web view.

PreviousConnection LineNextHovercard

Last updated 26 days ago

The Web View UGUI can be customized through the hierarchy like any other UI object. Ensure the component's required properties have valid references.

Required Properties

  • All properties under "Testing" are not required.

  • The skill node properties under "Prefabs" are required as needed by all the skills in the specific graph you will load. For example, if the size "Giant" is not used by any skill, you technically don't need to set a value for it in the inspector.

  • Having at least 1 reference in the "Connection Prefabs" list is required.

  • Everything under "Other" is required. The default way those objects are set up is recommended.

Customization Examples

If you'd like an object to move along with the graph, make it a child of the "GraphContent" object.

Sword Mastery Demo

In the main demo scene, a bunch of buttons were added to the bottom of the screen to simply make the user know what some of the controls are.

Runes Demo

In the Runes demo scene, only a single image was added as the central "Core" of the graph. The image was placed as a child of the "GraphContent" object so that it moves along with the graph. The lines connected to it are created through code. You can read more about it in Runes Demo Walkthrough.