Git Product home page Git Product logo

hsv-color-picker-unity's Introduction

HSV Color Picker

ko-fi

HSV color picker using Unity UI. Unity Forum Thread

Versions

Unity 2019 Unity 2018
Unity 2017
Unity 5.6
2019 is default, 2018 can import the assets just fine. 2017 and Unity 5 versions are on older branches.

alt tag Should be really easy to use. Just add the prefab to the canvas, hook up an event, and it's good to go.

    public Renderer renderer;
	public ColorPicker picker;
     
	// Use this for initialization
	void Start ()
	{
		picker.onValueChanged.AddListener(color =>
		{
			renderer.material.color = color;
		});
		renderer.material.color = picker.CurrentColor;
	}
 
	// Update is called once per frame
	void Update () {
 
	}

if you want to assign your own color first, just do this call and it sets the slider and picker to the proper selection.

    Color color = Color.green;
    picker.CurrentColor = color;

resizable panels

Can be toggled and sized as needed in settings.

Setup Settings

settings inspector

On the color picker setup section.

Show Rgb: Show RGB sliders.

Show Hsv: Show HSV sliders.

Show Alpha: Show the alpha slider.

Show Color Box: Show the larger color selection box and color column.

Show Color Slider Toggle: Show the button to toggle the HSV and RGB sliders.

Show Header: Options to show the top header with color preview and hex code.

  • Hide: Hide the top header.
  • Show Color: Show only the color preview in the header.
  • Show Color Code: Show only the color code in the header.
  • Show All: Show the entire top header.

Color Presets

The prefabs starts with 4 colors in the color presets. This can be updated in the Setup section of the picker prefab.
Set the Preset Colors Id for different shared list between color pickers.

hsv-color-picker-unity's People

Contributors

judah4 avatar grenqa avatar allista avatar yosun avatar kurozael avatar kiwasi avatar gamedev1020192 avatar troien avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.