使用matplotlib绘图实现动态刷新(动画)效果_matplotlib 动态刷新-程序员宅基地

技术标签: python  matplotlib  numpy  Python  

使用matplotlib绘图实现动态刷新(动画)效果

最近在做四足的运动学仿真,因为这一段时间用python比较多,所以想直接用python做运动仿真,通过画图来展示步态和运动效果。了解了一下matplotlib库之后又参考了一些网上的博客,成功实现了绘图动态刷新的效果,类似动画效果。

关于matplotlib

matplotlib是python中非常好用的一个绘图库,包括了许多与绘图有关的定义和方法。

matplotlib内用于绘图的模块主要是pyplot。如果我们想要使用pyplot绘图,首先我们需要有Figure,然后在figure中创建Axes,在Axes上绘图。Figure就类似于一个画板,但画板只是承载画纸(画布)的一个载体,我们要在画纸上进行绘图,Axes就是这个画纸。

一个简单的绘图代码如下:

# -*-coding:utf-8-*-
import matplotlib.pyplot
import numpy

dataX = numpy.array([1,2,3,4])
dataY = numpy.array([1,4,2,3])
fig, ax = matplotlib.pyplot.subplots()
ax.plot(dataX,dataY)
matplotlib.pyplot.show()

在这里插入图片描述

matplotlib中进行绘图的标准数据类型是numpyarray,所以最好一开始就用numpy创建和保存数据。(实测用list也可以)

更多操作请看官方网站:Introductory — Matplotlib 3.7.0 documentation

实现绘图的动态刷新效果

实现绘图的动态刷新效果,本质上就是循环重复画图,每次将上次画的图清空,然后重新画这次的图。当逐渐变化时就能呈现动起来的效果,类似动画中的一帧一帧的播放。

以下是实现绘图动态刷新的一个代码示例:

# -*-coding:utf-8-*-
import matplotlib.pyplot
import numpy


calfAngle = numpy.zeros(4,dtype=float)
thighAngle = numpy.zeros(4,dtype=float)
thighEndPoint = numpy.zeros((4,2),dtype=float)
#创建空的二维数组,存放所有x和y坐标
xAll = [[],[],[],[]]
yAll = [[],[],[],[]]

def main():
    #创建画布
    figure = matplotlib.pyplot.figure(figsize=(8, 4), dpi=120, facecolor="darkgray")
    #防止图像重叠
    figure.tight_layout(h_pad=2)
    #得到axes
    axes = figure.subplots(2,2)
    #上面得到的axes是二维的,用字典转换为一维的访问形式
    axesDict = {
    0:axes[0,0], 1:axes[0,1], 2:axes[1,0], 3:axes[1,1]}
    for i in range(4):
        #设置标题
        axesDict[i].set_title("LEG%d" % (i+1)) #无法正常显示中文
        # 设置x和y的坐标限制
        axesDict[i].set_xlim(-1,1)
        axesDict[i].set_ylim(-1.1,0.5)
        #显示网格
        axesDict[i].grid(True)
    

    #输入步高,步长,大腿长度,小腿长度
    # strideHeight = float(input("请输入步高:"))
    # strideLength = float(input("请输入步长:"))
    # thighLength = float(input("请输入大腿长度:"))
    # calfLength = float(input("请输入小腿长度:"))
    strideHeight = 0.2
    strideLength = 0.2
    thighLength = 0.5
    calfLength = 0.585
    
    #时间初始化
    t = 0

    for i in range(4):
        #画一个空的散点图
        axesDict[i].plot(xAll[i],yAll[i])

    while(True):
        
        #规划轨迹
        planTrajectory(t,strideLength,strideHeight)
        #求解逆运动学方程
        solveInverseKinematics(thighLength,calfLength)
        for i in range(4):
            #将坐标点添加到坐标总数组中
            xAll[i].append(-x[i])
            yAll[i].append(-y[i])
            #清空坐标轴
            axesDict[i].cla()
            #设置标题
            axesDict[i].set_title("LEG%d" % (i+1))
            #设置x和y的坐标限制
            axesDict[i].set_xlim(-1,1)
            axesDict[i].set_ylim(-1.1,0.5)
            #显示网格
            axesDict[i].grid(True)
            #绘制新的散点图
            axesDict[i].plot(xAll[i],yAll[i],color="red")
            axesDict[i].plot([0,-thighEndPoint[i,0]], [0,-thighEndPoint[i,1]], color="blue")
            axesDict[i].plot([-thighEndPoint[i,0],-x[i]], [-thighEndPoint[i,1],-y[i]], color="blue")

        #t从0到T单向循环
        if t == T:
            t = 0
        t += 5
        #暂停0.1秒
        matplotlib.pyplot.pause(0.1)
        


if __name__ == "__main__":
    main()

上述代码是我在进行四足的运动仿真时写的代码,全部代码可看这个链接:【四足机器人】四足步态运动控制仿真-Python文档类资源-CSDN文库

上述代码实现动态刷新效果的关键点是在循环中的操作:更新数据->清空axes->进行一些设置->绘制新的图。循环中很重要的一个操作是暂停一小段时间

最终实现的效果如下:

在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/svfsvadfv/article/details/129062816

智能推荐

SpringBoot项目引入外部jar包_springboot引入外部jar包-程序员宅基地

文章浏览阅读695次。SpringBoot项目引入外部jar包_springboot引入外部jar包

Java系列(面试必备):HashMap和Hashtable的区别!_java hashtable的优缺点-程序员宅基地

文章浏览阅读3.1k次,点赞19次,收藏84次。Java系列(面试必备):HashMap 和 Hashtable 的 6 个区别!前言今天博主将为大家分享:Java系列(面试必备):HashMap 和 Hashtable 的 6 个区别!不喜勿喷,如有异议欢迎讨论!首先推荐结合博主的这篇文章进行阅读===>Java系列(面试必备):简单的hashCode和equals面试题,有好多坑!HashMap 和 Hashtable 是 J..._java hashtable的优缺点

elasticSearch - es报错:exception [type=search_phase_execution_exception, reason=all shards failed]_elasticsearch exception [type=search_phase_executi-程序员宅基地

文章浏览阅读5.7k次。查询语句中,字段类型使用错误,在es中查询字段类型为int,而查询语句中错误地用成了string。_elasticsearch exception [type=search_phase_execution_exception, reason=all s

WIZnet W5300-TOE MQTT 发布和订阅 (micropython)_w5500 mqtt onenet-程序员宅基地

文章浏览阅读113次。这些部分将指导您完成一系列步骤,从配置开发环境到使用 STM32f429zi (nuleo-f429zi) 和 W5300-TOE 运行以太网示例 基本设置请参阅“入门”指南。_w5500 mqtt onenet

day24.|回溯法01-程序员宅基地

文章浏览阅读381次,点赞5次,收藏7次。1.也可以叫做,它是一种搜索的方式。2.回溯是递归的副产品,只要有递归就会有回溯。回溯与递归相辅相成,只要有递归就有回溯。通常递归函数的下面就是回溯的逻辑。3.,如果想让回溯法高效一些,可以加一些剪枝的操作,但也改不了回溯法就是穷举的本质。(暴力查找)5.回溯法解决的问题:(1)组合问题:N个数里面按一定规则找出k个数的集合;(2)切割问题:一个字符串按一定规则有几种切割方式;(3)子集问题:一个N个数的集合里有多少符合条件的子集;(4)排列问题:N个数按一定规则全排列,有几种排列方式;

Esp32-CAM(ESP32带camera)使用说明_esp32 cam说明书-程序员宅基地

文章浏览阅读6.7k次,点赞2次,收藏28次。1、如下图,只需在丝印 VCC GND 处供 3.3V 电源即可启动开发板2、上电后开发板会释放热点。其中SSID: wireless-tagPwd: wireless-tag3、电脑或手机连接此热点后,登录网页 http://192.168.4.1 进入 WEBSERVER 界面。如下图:4、上图中有两个红色框 Get Still 和 Start Stream(Stop Stream)。点击 Get Still,摄像头抓取一张图片,并显示在黑色区域;点击 Start Stream_esp32 cam说明书

随便推点

3D数学基础(一)——左手坐标系和右手坐标系_3d左手坐标系-程序员宅基地

文章浏览阅读3.7k次。3D数学基础(一)——左手坐标系和右手坐标系1、左手坐标系左手坐标系的定义伸出左手,让拇指和是指成L型,大拇指向右,食指向前,中指指向前方,这样便定义好了一个左手坐标系,其中拇指为x轴,食指为Y轴,中指为Z轴。图示2、右手坐标系右手坐标系的定义右手坐标系与左手坐标系相反图示3、意义左手坐标系和右手坐标系虽然定义简单,并且可以相互转换,但是在一个场景中定义好坐标系是左手坐标..._3d左手坐标系

Java NIO之Selector_java nio selecter-程序员宅基地

文章浏览阅读278次。一、Java NIO 的核心组件Java NIO的核心组件包括:Channel(通道),Buffer(缓冲区),Selector(选择器),其中Channel和Buffer比较好理解 简单来说 NIO是面向通道和缓冲区的,意思就是:数据总是从通道中读到buffer缓冲区内,或者从buffer写入到通道中。二、Java NIO Selector1. Selector简介选择器..._java nio selecter

1. 一键安装oracle11g数据库_linux安装oracle11g数据库-程序员宅基地

文章浏览阅读2.3k次,点赞4次,收藏20次。Oracle数据库在Linux系统上安装步骤比较多,为了方便Oracle数据库的安装,编写了以下脚本,简化了Oracle数据库的安装。_linux安装oracle11g数据库

TCP/IP协议详解-程序员宅基地

文章浏览阅读60次。1、TCP/IP协议栈四层模型 TCP/IP这个协议遵守一个四层的模型概念:应用层、传输层、互联层和网络接口层。 网络接口层 模型的基层是网络接口层。负责数据帧的发送和接收,帧是独立的网络信息传输单元。网络接口层将帧放在网上,或从网上把帧取下来。 互联层 互联协议将数据包封装成internet数据报,并运行必要的路由算法。 这里有四个互联协议: 网际协议IP...

网络安全的隐形守护者——白帽黑客-程序员宅基地

文章浏览阅读2.3k次。提起黑客我们的脑海中总是会浮现那些“啪啪啪”敲键盘,进入别人电脑或是企业服务器的“神秘人”,他们来无影去无踪,但是每次造访总会将所到之处破坏个淋漓尽致,直到拿到自己想要的..._白帽黑客小青

[OpenCV Qt教程] 在Qt图形界面中显示OpenCV图像的OpenGL Widget (第一部分)_qt scene changed-程序员宅基地

文章浏览阅读5.8k次。本文译自:[OPENCV QT TUTORIAL] OPENGL WIDGET TO SHOW OPENCV IMAGES IN A QT GUI (FIRST PART)此教程是关于在Qt图形界面中显示OpenCV图像的问题,还利用了Qt中的OpenGL。_qt scene changed