https://github.com/jeffreylanters/unity-canvas-visualizer

The canvas visualizer is an editor util that helps you visualise all of your rectangle transforms within your canvas for easier navigation and building while working on your user interface.
https://github.com/jeffreylanters/unity-canvas-visualizer

canvas editor unity

Last synced: about 2 months ago
JSON representation

The canvas visualizer is an editor util that helps you visualise all of your rectangle transforms within your canvas for easier navigation and building while working on your user interface.

• Host: GitHub
• URL: https://github.com/jeffreylanters/unity-canvas-visualizer
• Owner: jeffreylanters
• License: mit
• Archived: true
• Created: 2018-07-25T13:30:04.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2021-08-18T14:41:46.000Z (almost 3 years ago)
• Last Synced: 2024-02-20T03:40:35.568Z (4 months ago)
• Topics: canvas, editor, unity
• Language: C#
• Homepage:
• Size: 541 KB
• Stars: 35
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Lists

• awesome-stars - unity-canvas-visualizer
• awesome-unity-packages - Canvas Visualizer

README

        


![readme splash](https://raw.githubusercontent.com/jeffreylanters/unity-canvas-visualizer/master/.github/WIKI/repository-readme-splash.png)

[![license](https://img.shields.io/badge/mit-license-red.svg?style=for-the-badge)](https://github.com/jeffreylanters/unity-canvas-visualizer/blob/master/LICENSE.md)

[![openupm](https://img.shields.io/npm/v/nl.elraccoone.canvas-visualizer?label=UPM&registry_uri=https://package.openupm.com&style=for-the-badge&color=232c37)](https://openupm.com/packages/nl.elraccoone.canvas-visualizer/)

[![build](https://img.shields.io/badge/build-passing-brightgreen.svg?style=for-the-badge)](https://github.com/jeffreylanters/unity-canvas-visualizer/actions)

[![deployment](https://img.shields.io/badge/state-success-brightgreen.svg?style=for-the-badge)](https://github.com/jeffreylanters/unity-canvas-visualizer/deployments)

[![stars](https://img.shields.io/github/stars/jeffreylanters/unity-canvas-visualizer.svg?style=for-the-badge&color=fe8523&label=stargazers)](https://github.com/jeffreylanters/unity-canvas-visualizer/stargazers)

[![awesome](https://img.shields.io/badge/listed-awesome-fc60a8.svg?style=for-the-badge)](https://github.com/jeffreylanters/awesome-unity-packages)

[![size](https://img.shields.io/github/languages/code-size/jeffreylanters/unity-canvas-visualizer?style=for-the-badge)](https://github.com/jeffreylanters/unity-canvas-visualizer/blob/master/Runtime)

[![sponsors](https://img.shields.io/github/sponsors/jeffreylanters?color=E12C9A&style=for-the-badge)](https://github.com/sponsors/jeffreylanters)

[![donate](https://img.shields.io/badge/donate-paypal-F23150?style=for-the-badge)](https://paypal.me/jeffreylanters)

The canvas visualizer is an editor util that helps you visualise all of your rectangle transforms within your canvas for easier navigation and building while working on your user interface.

[**Installation**](#installation) ·

[**Documentation**](#documentation) ·

[**License**](./LICENSE.md)

**Made with ♥ by Jeffrey Lanters**



# Installation

### Using the Unity Package Manager

Install the latest stable release using the Unity Package Manager by adding the following line to your `manifest.json` file located within your project's Packages directory, or by adding the Git URL to the Package Manager Window inside of Unity.

```json

"nl.elraccoone.canvas-visualizer": "git+https://github.com/jeffreylanters/unity-canvas-visualizer"

```

### Using OpenUPM

The module is availble on the OpenUPM package registry, you can install the latest stable release using the OpenUPM Package manager's Command Line Tool using the following command.

```sh

openupm add nl.elraccoone.canvas-visualizer

```

# Documentation

## Usage

Add the component to any canvas in your scene, optionally customize the colors in the inspector and watch your canvas come to life in the scene view!