脚本要求:

需要获取颜色的图片以走下角为起点建立空物体 右上角建立空物体(两个空物体均设置为图片的子物体,设置好锚点,将坐标改为0即可)。建立好碰撞体(BoxCollider)。用2DBoxCollider的话从摄像机发射的射线无法检测到图片。
实现:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class MouseChooseColorTest : MonoBehaviour
{//选择颜色时用来检测是否是点击的选择颜色的图片//public RayMake rayMake;//计算鼠标点击位置 对应的像素位置public Transform textureOrigin;public Transform textureUPEnd;//存储点击的图片的texture2D getpixel() 使用private Texture2D clickTexture2D;//存储鼠标点击位置的像素值private Color testColor;//存储计算出来的像素点的位置private Vector2 colorPos;//存储图片定位点的屏幕坐标private Vector3 textureOriginScreenPosition;private Vector3 textureEndUPScreenPosition;//测试用的显示颜色的图片public Image image;private void Start(){//rayMake.RayHitObj += HitColorChooseImage;textureOriginScreenPosition = Camera.main.WorldToScreenPoint(textureOrigin.position);textureEndUPScreenPosition = Camera.main.WorldToScreenPoint(textureUPEnd.position);}private void HitColorChooseImage(RaycastHit hit){if (hit.collider.name=="ColorChoose"){clickTexture2D =  hit.collider.gameObject.GetComponent<Image>().sprite.texture;CaculateVector();testColor = clickTexture2D.GetPixel((int)colorPos.x,(int)colorPos.y);image.color = testColor;}   }private void CaculateVector(){colorPos.x = (Input.mousePosition.x - textureOriginScreenPosition.x) / (textureEndUPScreenPosition.x - textureOriginScreenPosition.x) * clickTexture2D.width;colorPos.y = (Input.mousePosition.y - textureOriginScreenPosition.y) / (textureEndUPScreenPosition.y - textureOriginScreenPosition.y) * clickTexture2D.height;}
}
HitColorChooseImage(RaycastHit hit),该方法写入射线检测即可。 主要解决问题是计算鼠标位置的像素的坐标。

Unity 获取鼠标点击图片时 获取点击位置的像素相关推荐

  1. Python鼠标点击图片,获取点击点的像素坐标/像素值

    import cv2 import numpy as np #图片路径 img = cv2.imread('031.jpg') a =[] b = [] def on_EVENT_LBUTTONDOW ...

  2. elementUi——点击图片时,预览所有大图——功能实现(两种方案)

    今天在做后台管理系统时,遇到一个需求,在表格中有个img的字段,可能有多张图片,在表格中只展示一张,当点击此图片时,展示所有图片的预览大图效果. 遇到这种问题,我的第一反应就是使用走马灯效果: 1.走 ...

  3. 微信小程序:想要点击图片时进行一个放大的功能,写完之后可以正常显示,但点击时图片加载不出来,在此想问一下各路大神有没有解决办法

    微信小程序:想要点击图片时进行一个放大的功能,写完之后可以正常显示,但点击时图片加载不出来,在此想问一下各路大神有没有解决办法 wxml: 在这里插入代码片 <view class='zhanp ...

  4. php 获取鼠标的坐标,如何实时获取鼠标的当前坐标-

    本文来做一个简单的实时获取鼠标坐标的功能,在canvas动画开发中,获取鼠标的坐标,键盘的按键等等,都是常用的操作,我们就慢慢得把他们封装成一个公共库. 一.事件的兼容:function bindEv ...

  5. JS鼠标滑过图片时切换图片

    http://www.aichengxu.com/article/Javascript/277_7.html 在很多网站上我们会发现当鼠标滑过一张图片后,这张图片切换为了另外的一张图片.这里豆芽说说这 ...

  6. html 鼠标移动到图片时,对图片进行缩放

    之前在研究如何在鼠标放置于图片上时,对图片进行缩放,鼠标离开后恢复图片大小. 一开始用的是修改图片的width和height值,我用bootstrap的栅栏放置的图片,结果出现了排版错误,效果很不理想 ...

  7. 基于JavaScript实现移动端点击图片查看大图点击大图隐藏

    今天找到了一个我用了很好的方法,点击缩略图,放大居中展示,且参数可调,亲测可靠. 代码使用意见,将下面的代码放到本地测试效果,可以用一张自己的照片,点击会放大,再次点击还原. 一.需求  点击图片查看 ...

  8. html点击小图标显示全屏查看大图,基于JavaScript实现移动端点击图片查看大图点击大图隐藏...

    一.需求 点击图片查看大图,再点大图隐藏.多用于移动端,因为移动端屏幕小,可能需要查看大图. 二.代码 JQuery点击图片查看大图by starof .exampleImg { height:100 ...

  9. php图片点击查看大图,基于JavaScript实现移动端点击图片查看大图点击大图隐藏_javascript技巧...

    一.需求 点击图片查看大图,再点大图隐藏.多用于移动端,因为移动端屏幕小,可能需要查看大图. 二.代码 JQuery点击图片查看大图by starof 三.技巧 因为移动端无法添加热点,最终一个解决方 ...

最新文章

  1. 【SDOI2017】天才黑客
  2. Python的IDE之PyCharm:PyCharm的使用技巧图文教程(修改Pycharm默认风格颜色、编辑器内代码注释区域的颜色、编辑器内的Python Interpreter等)之详细攻略
  3. 大数据下的BI新特性
  4. 开源监控解决方案OpenFalcon系列(一)
  5. 搜狐视频怎么清除应用缓存
  6. iOS UISlider数值与滑块联动
  7. 数据库改名方法-第三种脚本
  8. (C#)xml的简单理解创建和读取
  9. MVC学习Day01
  10. Linux下python执行Killed
  11. 图像处理的alpha通道(RGBA图像)
  12. 我的VSTO之路(二):VSTO程序基本知识
  13. 单集群10万节点 走进腾讯云分布式调度系统VStation
  14. Microsoft SUS Deployment
  15. 关于使用PyQt5时报错This application failed to start because no Qt platform plugin could be initialized及后续问题
  16. 机器学习笔记(二)矩阵和线性代数 例:用Python实现SVD分解进行图片压缩
  17. 使用BC进行数字信封操作
  18. 股票 汇率 基金 手机号码 天气 等 常用免费接口
  19. oracle revoke语句,Oracle ROLLBACK语句
  20. HashMap 源码深度分析

热门文章

  1. Mysql数据库管理系统原理及基本操作
  2. ISV的想法,用友全都懂
  3. Efficient Estimation of Word Representations in Vector Space
  4. 手机安装https证书报错!无法安装该证书,因为无法读取该证书文件解决办法
  5. 将checkbox选中样式用图片替换
  6. Power BI Echart Tree开发自定义可视化对象
  7. Pt100转RS-485,热电阻温度Modbus数据采集模块 WJ125
  8. 青龙面板JD各大库合集
  9. 王爽 汇编语言 第三章 实验二
  10. Android平台OpenGL ES图像处理(improving)