时间:2021-05-20
一、前言
之前用Line Render实现过这个动态曲线的绘制,使用这个实在太不方便了,一直寻思怎么在一张图片上通过控制图片的像素值实现曲线的动态绘制。参考了Unity的官网教程实现了这个,效果图如图所示:
这样实现的效果比LineRender 要好,并且不怎么消耗计算和渲染
二、实现
1、代码创建一个背景贴图,并将这个贴图给UGUI的RawImage控件
//创建背景贴图 widthPixels = (int)(Screen.width * width); heightPixels = (int)(Screen.height * height); bgTexture = new Texture2D(widthPixels, heightPixels); bgImage.texture = bgTexture; bgImage.SetNativeSize();2、计算曲线数据列表对应贴图中的像素索引
int i; int j; if (Mathf.Abs(to.x - from.x) > Mathf.Abs(to.y - from.y)) { // Horizontal line. i = 0; j = 1; } else { // Vertical line. i = 1; j = 0; } int x = (int)from[i]; int delta = (int)Mathf.Sign(to[i] - from[i]); while (x != (int)to[i]) { int y = (int)Mathf.Round(from[j] + (x - from[i]) * (to[j] - from[j]) / (to[i] - from[i])); int index; if (i == 0) index = y * widthPixels + x; else index = x * widthPixels + y; index = Mathf.Clamp(index, 0, pixelsDrawLine.Length - 1); pixelsDrawLine[index] = color; x += delta; }3、在Update里实时更新贴图的像素值
Array.Copy(pixelsBg, pixelsDrawLine, pixelsBg.Length); // 基准线 DrawLine(new Vector2(0f, heightPixels * 0.5f), new Vector2(widthPixels, heightPixels * 0.5f), zeroColor); for (int i = 0; i < listPoints.Count-1; i++) { Vector2 from = listPoints[i]; Vector2 to = listPoints[i + 1]; DrawLine(from, to, colorLine1); } bgTexture.SetPixels32(pixelsDrawLine); bgTexture.Apply();三、总结
1、比使用Line Render要节省计算和渲染
2、真正实现了二维的曲线绘制,Line Render始终是3维的
3、曲线坐标的X和Y的值不能超过贴图的宽度和高度,否则不能绘制
4、完整的工程下载地址:Unity绘制二维动态曲线
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
通常绘制二维曲线的时候可以使用matplotlib,不过如果电脑上安装了pandas的话可以直接使用Series的绘图方法进行图像的绘制。pandas绘制图像其
本文实现Unity调用手机摄像,拍摄,然后识别二维码,显示二维码的内容。需要导入一个zxing.unity.dll文件,现在这个脚本的识别数据是放在Updata
CAXA电子图板如何画正弦曲线呢?此款软件是一个开放的二维CAD平台,可以绘制出各种不同机械工程的设计图纸,正弦曲线作为经常使用的函数公式,可以直接在用公式曲线
Matplotlib也可以绘制3D图像,与二维图像不同的是,绘制三维图像主要通过mplot3d模块实现。但是,使用Matplotlib绘制三维图像实际上是在二维
我们要绘制一张图片,内容包括一张背景图和一个动态生成的二维码,前提是背景图是项目本身的静态资源,二维码是服务端动态生成的,二者不在同一域名下。解决办法:把所有图