Category:DColorCube

From Garry's Mod
Jump to: navigation, search

Contents

DescriptionPanelPage

The DColorCube allows a user to select saturation and value but not hue. Uses HSV colors

Inherited Functions

Inherits the following functions from DSlider and its parents up to 3 levels deep:


Examples

Example

Creates a DColorCube in a DFrame.

local Frame = vgui.Create( "DFrame" )
Frame:SetSize( 300, 300 )
Frame:Center()
Frame:MakePopup()

DColorCube = vgui.Create( "DColorCube", Frame)
DColorCube:SetPos( 50, 50 )
DColorCube:SetSize( 200, 200 )
DColorCube:SetBaseRGB( Color( 0, 255, 0 ) )


Examples

Example

Creates a color cube that's hue is controlled by a DRGBPicker, which outputs the color to the background panel, label, and your copy/paste buffer.

-- Background panel
BGPanel = vgui.Create("DPanel")
BGPanel:SetSize(200, 200)
BGPanel:Center()

-- Color label
local color_label = Label("Color( 255, 255, 255 )", BGPanel)
color_label:SetPos(40, 160)
color_label:SetSize(150, 20)
color_label:SetHighlight(true)
color_label:SetColor(Color(0, 0, 0))

-- Color picker
local color_picker = vgui.Create("DRGBPicker", BGPanel)
color_picker:SetPos(5, 5)
color_picker:SetSize(30, 190)

-- Color cube
local color_cube = vgui.Create("DColorCube", BGPanel)
color_cube:SetPos(40, 5)
color_cube:SetSize(155, 155)

-- When the picked color is changed...
function color_picker:OnChange(col)
	
	-- Get the hue of the RGB picker and the saturation and vibrance of the color cube
	local h = ColorToHSV(col)
	local _, s, v = ColorToHSV(color_cube:GetRGB())
	
	-- Mix them together and update the color cube
	col = HSVToColor(h, s, v)
	color_cube:SetColor(col)
	
	-- Lastly, update the background color and label
	UpdateColors(col)
		
end

function color_cube:OnUserChanged(col)

	-- Update background color and label
	UpdateColors(col)

end

-- Updates display colors, label, and clipboard text
function UpdateColors(col)

	BGPanel:SetBackgroundColor(col)
	color_label:SetText("Color( "..col.r..", "..col.g..", "..col.b.." )")
	color_label:SetColor(Color((255-col.r), (255-col.g), (255-col.b)))
	SetClipboardText(color_label:GetText())

end

Output:

DRGBPicker example2.png
Personal tools
Navigation