unity绘制一条流动的弧线(贝塞尔线)

本文实例为大家分享了unity绘制一条流动弧线的具体代码,供大家参考,具体内容如下

最终效果

把下面脚本复制,直接拖上脚本,设置两个点(物体)的位置
GameObject1是开始点的位置,GameObject2是结束点的位置

public Transform[] controlPoints;
public LineRenderer lineRenderer;
public float centerPoint =0.1f;

private int layerOrder = 0;
//生成弧线中间的点数
private int _segmentNum = 20;

//偏移
float m_offset;
float m_speed = 0.5f;

void Start()
{
 if (!lineRenderer)
 {
  lineRenderer = GetComponent<LineRenderer>();
 }
 lineRenderer.sortingLayerID = layerOrder;
 //调用画贝斯尔线
 GetBeizerList(controlPoints[0].position, (controlPoints[0].position + controlPoints[1].position) * 0.5f + new Vector3(0, centerPoint, 0), controlPoints[1].transform.position, _segmentNum);
}

private void Update()
{
 m_offset = m_offset - m_speed * Time.deltaTime;
 //控制offset使材质移动
 GetComponent<LineRenderer>().material.mainTextureOffset = new Vector2(m_offset, 0);
}

/// <summary>
/// 根据T值,计算贝塞尔曲线上面相对应的点
/// </summary>
/// <param name="t"></param>T值
/// <param name="p0"></param>起始点
/// <param name="p1"></param>控制点
/// <param name="p2"></param>目标点
/// <returns></returns>根据T值计算出来的贝赛尔曲线点
private static Vector3 CalculateCubicBezierPoint(float t, Vector3 p0, Vector3 p1, Vector3 p2)
{
 float u = 1 - t;
 float tt = t * t;
 float uu = u * u;

 Vector3 p = uu * p0;
 p += 2 * u * t * p1;
 p += tt * p2;

 return p;
}

/// <summary>
/// 获取存储贝塞尔曲线点的数组
/// </summary>
/// <param name="startPoint"></param>起始点
/// <param name="controlPoint"></param>控制点
/// <param name="endPoint"></param>目标点
/// <param name="segmentNum"></param>采样点的数量
/// <returns></returns>存储贝塞尔曲线点的数组
public Vector3[] GetBeizerList(Vector3 startPoint, Vector3 controlPoint, Vector3 endPoint, int segmentNum)
{
 Vector3[] path = new Vector3[segmentNum];
 for (int i = 1; i <= segmentNum; i++)
 {
  float t = i / (float)segmentNum;
  Vector3 pixel = CalculateCubicBezierPoint(t, startPoint,
   controlPoint, endPoint);
  //设置lineRenderer的control Points
  lineRenderer.positionCount = i;
  lineRenderer.SetPosition(i - 1, pixel);
  //存储Point
  path[i - 1] = pixel;
  Debug.Log(path[i - 1]);
 }
 return path;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Unity绘制二维动态曲线

    一.前言 之前用Line Render实现过这个动态曲线的绘制,使用这个实在太不方便了,一直寻思怎么在一张图片上通过控制图片的像素值实现曲线的动态绘制.参考了Unity的官网教程实现了这个,效果图如图所示: 这样实现的效果比LineRender 要好,并且不怎么消耗计算和渲染 二.实现 1.代码创建一个背景贴图,并将这个贴图给UGUI的RawImage控件 //创建背景贴图 widthPixels = (int)(Screen.width * width); heightPixels = (in

  • Unity实现画线条功能

    废话不多说,今天实现一个用LineRender组件实现画图的功能.网上已有相关博文,感觉步骤有些模糊,今天就整理出来供大家学习 第一步.创建一个空对象,为其添加LineRender组件. 注意:将材质的Shader改为Particles/Additive,否则在代码里面控制颜色不起效. 二.再创建一个新的对象,来挂载脚本.脚本如下: using UnityEngine; using System.Collections; public class NewBehaviourScript : Mon

  • Unity3D实现射线使物体移动

    本文实例为大家分享了Unity3d如何通过射线使物体移动的具体代码,供大家参考,具体内容如下 实现: using System.Collections; using System.Collections.Generic; using UnityEngine; public class RayTest : MonoBehaviour { //设置射线在Plane上的目标点target private Vector3 target; // Use this for initialization vo

  • unity绘制一条流动的弧线(贝塞尔线)

    本文实例为大家分享了unity绘制一条流动弧线的具体代码,供大家参考,具体内容如下 最终效果 把下面脚本复制,直接拖上脚本,设置两个点(物体)的位置 GameObject1是开始点的位置,GameObject2是结束点的位置 public Transform[] controlPoints; public LineRenderer lineRenderer; public float centerPoint =0.1f; private int layerOrder = 0; //生成弧线中间的

  • php绘制一条弧线的方法

    本文实例讲述了php绘制一条弧线的方法.分享给大家供大家参考.具体如下: 弧线相当于截取了椭圆的一部分.代码如下: 复制代码 代码如下: <?php //1.创建画布 $im = imagecreatetruecolor(300,200);//新建一个真彩色图像,默认背景是黑色,返回图像标识符.另外还有一个函数 imagecreate 已经不推荐使用. //2.绘制所需要的图像 $red = imagecolorallocate($im,255,0,0);//创建一个颜色,以供使用 imagea

  • php绘制一条直线的方法

    本文实例讲述了php绘制一条直线的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <?php //1.创建画布 $im = imagecreatetruecolor(300,200);//新建一个真彩色图像,默认背景是黑色,返回图像标识符.另外还有一个函数 imagecreate 已经不推荐使用. //2.绘制所需要的图像 $red = imagecolorallocate($im,255,0,0);//创建一个颜色,以供使用 imageline($im,30,30,240

  • Android LineChart绘制多条曲线的方法

    本文实例为大家分享了Android LineChart绘制多条曲线的具体代码,供大家参考,具体内容如下 目标效果: 1.新建custom_marker_view.xml页面作为点击弹出框的页面: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" andr

  • python使用matplotlib模块绘制多条折线图、散点图

    今天想直观的展示一下数据就用到了matplotlib模块,之前都是一张图只有一条曲线,现在想同一个图片上绘制多条曲线来对比,实现很简单,具体如下: #!usr/bin/env python #encoding:utf-8 ''' __Author__:沂水寒城 功能:折线图.散点图测试 ''' import random import matplotlib import matplotlib.pyplot as plt def list2mat(data_list,w): ''' 切片.转置 '

  • js绘制一条直线并旋转45度

    本文实例为大家分享了js绘制一条直线并旋转45度的具体代码,供大家参考,具体内容如下 绘制一条直线,并旋转45度 html 页面 <canvas id="canvas" width="300" height="300" style="background-color: orange;"></canvas> js页面 <script> var canvas = document.getElem

  • C#动态绘制多条曲线的方法

    本文实例为大家分享了C#动态绘制多条曲线的具体代码,供大家参考,具体内容如下 实时绘制多条曲线,纵轴为数值,横轴为时间,精确到毫秒 实现效果如下: 代码: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Thr

  • WPF使用DrawingContext实现绘制刻度条

    WPF 使用 DrawingContext 绘制刻度条 框架使用大于等于.NET40: Visual Studio 2022; 项目使用 MIT 开源许可协议: 定义Interval步长.SpanInterval间隔步长.MiddleMask中间步长. 当步长/ 间隔步长= 需要绘制的小刻度. 循环绘制小刻度,判断当前j并取中间步长的模,如果模!=零就绘制中高线. 从StartValue 开始绘制刻度到EndValue 结束刻度. CurrentGeometry 重新绘制当前刻度的Path值.

  • Python数据分析之使用matplotlib绘制折线图、柱状图和柱线混合图

    目录 matplotlib介绍 matplotlib绘制折线图 matplotlib绘制柱状图 matplotlib绘制柱线混合图 总结 matplotlib介绍 Matplotlib 是 Python 的绘图库. 它可与 NumPy 一起使用,提供了一种有效的 MatLab 开源替代方案. 它也可以和图形工具包一起使用,如 PyQt 和 wxPython. 安装Matplotlib库命令:在cmd命令窗口输入pip install matplotlib. matplotlib绘制折线图 1.绘

随机推荐