Unity UGUI教程之 2D图片随着鼠标旋转

 时间:2024-10-14 08:21:08

1、打开Unity,新建一个工程,具体如下图

Unity UGUI教程之 2D图片随着鼠标旋转

2、到一张图片到工程中,具体如下图

Unity UGUI教程之 2D图片随着鼠标旋转

3、在场景中,添加一个RawImage,并把导入的图片添加进去,把图片调整到Canvas中下部,便宜观察效果,具体如下图

Unity UGUI教程之 2D图片随着鼠标旋转

4、在工程中新建一个脚本,可以命名为FollowMouse,双击打开进行代码编辑,具体如下图

Unity UGUI教程之 2D图片随着鼠标旋转
Unity UGUI教程之 2D图片随着鼠标旋转

5、FollowMouse 脚本具体内容如下:us坡纠课柩ingUnityEngine;publicclassFollowMouse:MonoBehaviour{//对应旋转体负载的Canvas publicRectTransformuGUICanvas;publicfloatrotateSpeed=30.0f;//Updateiscalledonceperframe voidUpdate(){ //屏幕坐标转为世界坐标 Vector3mousePos; RectTransformUtility.ScreenPointToWorldPointInRectangle( uGUICanvas,newVector2(Input.mousePosition.x,Input.mousePosition.y), Camera.main,outmousePos);//判断左转还是右转 floatz; if(mousePos.x>transform.localPosition.x) { z=-Vector3.Angle(Vector3.up,mousePos-transform.localPosition); } else { z=Vector3.Angle(Vector3.up,(mousePos-transform.localPosition)); } //把旋转角度赋给旋转体,进行对应旋转 transform.localRotation=Quaternion.Euler(0,0,z*rotateSpeed); }}

6、脚本编译正确,回到Unity,把脚本挂在到 RawImage 上,并把Canvas赋值给脚本,具体如下图

Unity UGUI教程之 2D图片随着鼠标旋转

7、运行场景,合理调整好旋转速度,效果如下图

Unity UGUI教程之 2D图片随着鼠标旋转
  • Unity 闪电特效之 闪电链效果的简单实现
  • 如何使用blender快速创建彩色石头模型
  • Unity2018ShaderGraph安装方法
  • 如何使用blender2.9快速设计轨道窗模型
  • blender2.83如何做水龙头模型及材质
  • 热门搜索
    文明礼仪手抄报图片 爱眼护眼手抄报内容 四年级数学手抄报 重阳节手抄报 我的祖国手抄报 清明节手抄报图片 保护环境的手抄报 植树节手抄报 端午节手抄报内容 庆六一手抄报