Unity之读取色盘(任意形状和颜色分布)颜色

色盘是一张图，我们不用关心其形状或颜色分布，根据业务需求请美工做出该图即可。
在这里，我使用这样一张图作为色盘图：

需求：鼠标点击/按住该UI图的时候，把该位置对应的颜色值赋给模型。模型变色请看这篇博文：https://blog.csdn.net/itsxwz/article/details/89376498

可以看出来，这张图不是很均匀的全颜色分布，而是很多小的同色块组成。利用颜色值(0~255)和半径来处理是不可能很好的实现的。
我们换一种思路：获取鼠标点对应的图片像素点的颜色值。

API：Texture2D.GetPixel(int x, int y);可以帮助我们达到上述目的。
我们可以通过Input.mousePosition;来获取鼠标点的位置。
那么，怎么把mousePos转换为pixelPos呢？

因为色盘在Canvas上的位置是任意的，我们可以确定一个中心点centerPos，即上图的圆心处。我们有2中方式获取圆心点：1）Input.mousePosition;但是人眼确定位置，人手点击的方式一定会有误差，所以我们采用方式2；2）根据色盘物体的RectTransform的PosX和PosY来计算，屏幕的中心点(0,0)在屏幕左中位置，则色盘中心点为(PosX , Screen.height / 2 + PosY)。

通过pixelPos = mousePos - centerPos + tex / 2;的转换我们就可以获取该像素点的颜色了。
我们要注意判断mousePos是否在色盘内，否则不读取像素点颜色值。

代码实现如下：

 private void ChooseColorByClickColorWheel() {if (Input.GetMouseButtonDown(0) || Input.GetMouseButton(0)) {Vector2 mousePos = new Vector2(Input.mousePosition.x, Input.mousePosition.y);int x = (int)(mousePos.x - centerPos.x);int y = (int)(mousePos.y - centerPos.y);if(x*x + y*y <= Mathf.Pow(tex.width/2,2)) {//tex为色盘图pixelColor = tex.GetPixel(x + tex.width/2, y+tex.height/2);}}}

可以类推到适用该功能的所有应用场景上去(点击UI图片取色？？)，不限于“色盘”。

最后说明下坐标的问题：

【20190713】
上述可以总结为先获取图片Pixel点，在根据坐标转换为颜色值。
https://me.csdn.net/qq_29487981 Masaka_Yogi
上面的大佬找到了一个api能够直接获取到像素点坐标：
public static bool ScreenPointToLocalPointInRectangle(RectTransform rect, Vector2 screenPoint, Camera cam, out Vector2 localPoint);
ps:namespace UnityEngine

Unity之读取色盘(任意形状和颜色分布)颜色相关推荐

【Python】文本文件生成词云图片-单字过滤和任意形状词云和清晰度提高
[Python]txt文本文件生成词云图片资源提供纯方框,无文字单字过滤任意形状词云提高清晰度完整代码该程序由pycharm运行,产生的图片文件在项目文件夹内. 资源提供决胜全面建成小 ...
c++ 提取傅里叶描述子_Matlab | 提取图像ROI任意形状
前言本文给出在matlab中如何提取图像任意形状的感兴趣(ROI)区域的程序及分析. 程序程序如下: clc;clear; I=imread('1.bmp'); % 读取一张图片 imshow(I ...
如何用python绘制灰度直方图_Python Opencv任意形状目标检测并绘制框图实例
Python Opencv检测并绘制框图 opencv 进行任意形状目标识别,供大家参考,具体内容如下工作中有一次需要在简单的图上进行目标识别,目标的形状不固定,并且存在一定程度上的噪声影响,但是噪 ...
自然场景下的文字检测：从多方向迈向任意形状
点击我爱计算机视觉标星,更快获取CVML新技术本文经作者授权转载自知乎旷视Detection组专栏: https://zhuanlan.zhihu.com/p/68058851 旷视检测组在刚刚结束 ...
Illustrator 教程：如何在 Illustrator 中应用任意形状渐变？
欢迎观看illustrator教程,小编带大家学习 illustrator 的基本工具和使用技巧,了解如何在 illustrator 中应用和编辑任意形状渐变,实现更自然流畅的色彩混合效果. 使用 i ...
如何在 Illustrator 中应用任意形状渐变？
使用 Illustrator 可以轻松创建任意形状渐变的复杂多色渐变来调整图稿效果,本文将通过几个例子介绍如何在图稿中应用任意形状渐变.线性或径向渐变都是对颜色进行线性混合,而任意形状渐变可用于在某种 ...
云计算机的形状,怎样用ps做任意形状的云彩
有网友问:怎样用ps做任意形状的云彩?下面,我给这位网友解答. 操作方法 01启动PS,进入到新建文档界面,点击:新建 02打开新建文档的对话框,在给背景内容这里点击下拉按钮,在弹出的列表中选择:其它 ...
python使用opencv将tif裁剪为任意形状
python使用opencv将tif裁剪为任意形状前言一.opencv是什么? 二.使用步骤 1.安装依赖 2.裁剪总结前言博主最近在研究如何将tif裁剪成需要的任意形状,博主考虑过gdal ...
计算球堆积密度的c语言程序,用于形成包含堆积在任意形状的体积中的多分散球形颗粒的计算机化模型的方法和系统与流程...
本发明通常涉及一种在用于产品的数值模型的计算机辅助的工程分析中的计算机化模型的形成,更具体地说,涉及一种用于形成代表堆积在任意形状的体积中的多分散球形颗粒的计算机化模型的方法和系统. 背景技术: 许多 ...

Unity之读取色盘(任意形状和颜色分布)颜色

Unity之读取色盘(任意形状和颜色分布)颜色相关推荐

最新文章

热门文章