UE4 制作颜色选择面板

首先了解一下HSV颜色模型

HSV(Hue, Saturation, Value)是根据颜色的直观特性由A. R. Smith在1978年创建的一种颜色空间, 也称六角锥体模型(Hexcone Model)。

这个模型中颜色的参数分别是：色调（H），饱和度（S），明度（V）

色调H

用角度度量，取值范围为0°～360°，从红色开始按逆时针方向计算，红色为0°，绿色为120°,蓝色为240°。它们的补色是：黄色为60°，青色为180°,品红为300°；

饱和度S

饱和度S表示颜色接近光谱色的程度。一种颜色，可以看成是某种光谱色与白色混合的结果。其中光谱色所占的比例愈大，颜色接近光谱色的程度就愈高，颜色的饱和度也就愈高。饱和度高，颜色则深而艳。光谱色的白光成分为0，饱和度达到最高。通常取值范围为0%～100%，值越大，颜色越饱和。

明度V

明度表示颜色明亮的程度，对于光源色，明度值与发光体的光亮度有关；对于物体色，此值和物体的透射比或反射比有关。通常取值范围为0%（黑）到100%（白）。

基于以上知识首先找到一张HSV标准色卡图

根据H值的说明红色为0° 绿色为120° 这里以右方向为标准向量顺时针进行旋转

S饱和度则取圆心到选取位置的距离取值范围为0%到100% 也就是0到1之间用距离/半径取到比例即可

V明度，因为HSV模型是一个锥体，二维色卡图没有深度信息，所以可以参照PS等软件实现，添加一个0到1之间的滑块来单独控制。

下面为蓝图连线

SignPos为当前拾取点在色卡中的二维坐标

CenterPos为色卡图中心点（圆心）的坐标

MapRangeClamped 将Value值限制在InRange范围内等比缩放到OutRange范围内

S:

H:

或

V：

独立声明变量控制在0到1之间

最后将HSV转换为RGB颜色

RGB转化到HSV的算法:

max=max(R,G,B)
min=min(R,G,B)
if R = max, H = (G-B)/(max-min)
if G = max, H = 2 + (B-R)/(max-min)
if B = max, H = 4 + (R-G)/(max-min)  H = H * 60
if H < 0, H = H + 360  V=max(R,G,B)
S=(max-min)/max

HSV转化到RGB的算法

if s = 0
R=G=B=V
else
H /= 60;
i = INTEGER(H)f = H - i
a = V * ( 1 - s )
b = V * ( 1 - s * f )
c = V * ( 1 - s * (1 - f ) )    switch(i)
case 0: R = V; G = c; B = a;
case 1: R = b; G = v; B = a;
case 2: R = a; G = v; B = c;
case 3: R = a; G = b; B = v;
case 4: R = c; G = a; B = v;
case 5: R = v; G = a; B = b;

UE4 制作颜色选择面板相关推荐

Hbuilder调出颜色选择板
如下图,先随便输入一个颜色的十六进制值,将光标悬浮放在颜色值,按 alt键加左键就可以调出颜色选择面板了
Epic Games资深程序工程师王祢: 使用UE4制作VR内容的优化
游戏兵工厂新闻报道: 11月21日下午,由蛮牛精心打造的开发者线下技术交流平台,第四届蛮牛杯思享汇系列活动(北京站)在金长安大厦圆满结束.来自蛮牛社区的游戏开发者.VR行业.游戏产业以及媒体记者等超1 ...
UE4制作多人大地型游戏的优化
摘自https://gameinstitute.qq.com/course/detail/10131 8月11日,由腾讯游戏学院举办的第二届腾讯游戏开发者大会(TGDC)在深圳举行.大会技术论坛中,E ...
UE4制作插件的插件神器pluginCreator
本文章由cartzhang编写,转载请注明出处. 所有权利保留. 文章链接:http://blog.csdn.net/cartzhang/article/details/45644007 作者:car ...
使用UE4制作简单的局域网对战小游戏
原帖地址:https://arcecho.github.io/2017/04/28/使用UE4制作简单的局域网对战小游戏/ 大多数文章都是只讲到大致的UE4网络的概念,并未涉及实际使用.事实上在使用的 ...
如何用UE4制作2D游戏文档（一）——基础篇
一.前言首先感谢B站马克镇镇长的视频讲解清晰把很多细节都照顾到了,我本来自己做的时候没有视频说的那么细,参考他的全套系列视频之后完善了很多内容. 视频指路:https://www.bilibili. ...
JavaScript也可以制作颜色拾取工具了
必备工具? 作为一名前端开发,颜色拾取工具是不是你们必备的工具,像之前都是用的软件的吸管工具来进行吸取颜色,完成自己的页面设计,但现在使用简单的JavaScript也能实现颜色拾取功能,你们知道吗?C ...
【3D游戏建模全流程教学】使用3dmax与UE4制作神殿场景
本文为大家分享使用3dmax与UE4制作沉没神殿环境场景的过程,并介绍一些简单的植被纹理制作方法. 01项目概念第一次看到Jeremy Fenske的概念是朋友的桌面背景,我觉得它很漂亮.并想要制作 ...
如何用UE4制作2D游戏文档（三）——角色篇
一.前言首先感谢B站马克镇镇长的视频讲解清晰把很多细节都照顾到了,我本来自己做的时候没有视频说的那么细,参考他的全套系列视频之后完善了很多内容. 视频指路:https://www.bilibili. ...
图像“颜色选择”怎么用？
我们来看一个简单的需求,比如说下面这幅图像: 这是一幅公路上的行车图像,假如我们想把车道线提取出来,该怎么办呢? 我们观察,发现车道线是黄色的或者白色的.那么我们想到的是可以把行车图像中的黄色颜色和白 ...

UE4 制作颜色选择面板

色调H

饱和度S

明度V

S:

H:

V：

UE4 制作颜色选择面板相关推荐

最新文章

热门文章