基于CANVAS机构分析和二维仿真制作课件的方法技术

本发明专利技术提供了一种基于CANVAS机构分析和二维仿真制作课件的方法，本发明专利技术涉及机构运动分析和机构仿真两个部分：利用html5的form表单获取参数，通过CANVAS画布绘制机构的角速度等曲线实现机构运动分析；以及利用CANVAS画布实现机构的仿真设计。通过该方法制作的课件不受设备限制，具有动态性且灵活性强的优势，能增强学生与课件的交互，促进学生理论知识向实践操作的转化。践操作的转化。践操作的转化。

【技术实现步骤摘要】
基于CANVAS机构分析和二维仿真制作课件的方法


[0001]本专利技术涉及利用互联网教学
，具体为一种基于CANVAS机构分析和二维仿真制作课件的方法。

技术介绍

[0002]机构运动分析是机械专业学生必须熟练掌握且能灵活运用的知识点，目前，教师大部分是依靠书本进行公式的推导和讲解，学生无法将理论知识转化为实践操作，如果采用基于CANVAS的运动分析及仿真教学课件能够帮助教师将理论知识进行实践演示，同时还能省去机构运动分析中包含的较大计算量，学生也可通过手机浏览器进行实时操作，增强对知识的理解深度。
[0003]目前能够进行机构运动分析及仿真的平台或软件主要有MATLAB、Pro/E、SolidWorks等，它们能够通过编程实现机构运动分析仿真，但是这些软件体积较大，安装步骤较为复杂，正版软件价格昂贵，无法实现多平台灵活使用要求每个使用者必须具备相关程序及对应的代码或模型，才能进行运动分析仿真，无法满足便携性的要求。

技术实现思路

[0004]本专利技术的目的在于克服现有技术的缺点，提基于CANVAS机构分析和二维仿真制作课件的方法，该课件基于html5，利用JavaScript实现机构的尺寸参数与运动参数的运算，然后在CANVAS画布中绘制出机构的运动分析图和二维仿真图，最后整合形成一个完成的教学课件，详细步骤如下：
[0005](1)利用html5在网页中建立form表单，并绘制CANVAS画布；
[0006](2)根据学生在form表单中输入的机构尺寸参数，利用JavaScript建立机构尺寸参数与机构运动参数之间的解析表达式；
[0007](3)按照机构尺寸参数自变量的取值范围对自变量进行离散，利用for循环算出离散值对应的角速度、角加速度值；
[0008](4)在CANVAS画布中建立机构运动分析曲线的X
‑
Y轴坐标系，X轴为机构自变量的变化范围，Y轴为对应的角速度、角加速度；将上一步所得角速度、角加速度值绘制于坐标系中，得到角速度、角加速度对应的坐标点；
[0009](5)将每个坐标点利用lineTo()方法进行连线，从而绘制出机构角速度和角加速度曲线，实现机构运动分析图的绘制；
[0010](6)根据学生在form表单输入的机构尺寸参数，利用JavaScript建立机构位置解析式，求出机构中其他重要构件的尺寸参数值；
[0011](7)根据机构尺寸参数值，以及机构各构件之间的位置关系，在CANVAS中的利用lineTo()方法，绘制出机构的每个组成部分，从而实现机构的二维仿真图的绘制；
[0012](8)利用html5和CSS语言编制网站导航页，将机构运动分析网页和机构仿真网页利用超链接的方式进行打包，整合成一个完整的网页课件。
[0013]与现有技术相比，本专利技术的突出技术效果如下：
[0014]首先，本专利技术不需要借助其他软件就能实现机构的运动分析和仿真，只需具备网页浏览器的设备(如手机、平板电脑等)即可使用，扩大了课件的应用场景；其次，本专利技术能够与学生进行实时交互，通过在网页表单中输入获取结果，克服了传统课件不能与学生交互的缺点，提高了学生的课堂参与度。
附图说明
[0015]图1曲柄摇杆机构示例图；
[0016]图2基于CANVAS的建立的X
‑
Y轴坐标系；
[0017]图3基于CANVAS的曲柄摇杆机构角速度曲线实例；
[0018]图4基于CANVAS的曲柄摇杆机构角加速度曲线实例；
[0019]图5基于CANVAS的曲柄摇杆机构的二维仿真实例；
[0020]图6基于CANVAS的机构运动分析及仿真教学课件的制作流程图。
具体实施方式
[0021]下面结合附图对本专利技术做进一步的描述，但本专利技术的保护范围不局限于以下所述。
[0022]本实施例以如图1所示的
″
曲柄摇杆机构
″
为例，利用CANVAS来制作该机构运动分析及仿真教学课件。
[0023]步骤1：利用html5在网页中建立form表单，表单主要用来收集学生输入的机构尺寸参数，同时还利用<canvas>标签建立长为a，宽为b的CANVAS画布，用来实现机构的运动分析图的绘制以及机构二维仿真图的绘制。
[0024]步骤2：以常见
″
曲柄摇杆机构
″
的尺寸为例，根据学生在form表单中输入的机构尺寸参数：曲柄AB长度为l1、连杆BC长度为l2、摇杆CD长度为l3、机架AD长度为l4、曲柄AB 的角速度为ω1、曲柄与X轴夹角为限据这些已知参数，利用解析法建立的机构运动参数与机构尺寸参数之间的解析表达式，曲柄摇杆机构中连杆与X轴夹角摇杆角度与X轴夹角的解析表达式为式(1)
[0025][0026]其中M＝
±
1，根据式(1)，可进一步推导出连杆BC、摇杆CD的角速度表达式(2)，连杆BC、摇杆CD的角加速度表达式(3)
[0027][0028][0029]将这些解析表达式利用JavaScript进行编程，即可通过输入的四杆机构参数，求出当曲柄与X轴的夹角为时，BC和CD的角速度和角加速度。
[0030]步骤3：当的数值是未知时，可根据的取值范围进行离散，利用JavaScript建立一个范围为 0～360
°
，步长为1
°
进行for循环，for(var i＝0；i<360；i＝i+1){...}，可得到当为1
°
、2
°
、3
°
...360
°
时分别对应的角速度和角速度的值。
[0031]步骤4：根据步骤1所建立的CANVAS画布，确定曲线绘制原点，建立X
‑
Y轴坐标系，X轴为转动的角度，Y轴为角速度值，具体如图2。CANVAS画布的默认绘制原点为画布的左上角，横坐标从屏幕左边向右边依次增大，纵坐标从屏幕上方向下方依次增大。但是建立的X
‑
Y轴坐标系原点(0，0)实际坐标位置为(X1，Y1)，当将步骤3中的赋值给X坐标，对应的角速度值赋值给Y坐标时，需对对X轴坐标和Y轴坐标进转换(X+X1，Y1‑
Y)，最后可得到为1
°
、2
°
、3
°
...360
°
时对应的角速度坐标点。
[0032]步骤5：将步骤4得到的坐标点利用lineTo()方法连线，进行点对点的连线，从而绘制出角速度曲线，实例如图3所示；角加速度同理进行运算绘制，实例如图4所示，即可得到机构的运动分析曲线图。
[0033]步骤6：根据学生在form表单中输入的机构尺寸参数：机架AD长度为l4、摇杆CD长度为l3、摇杆CD的摆动角为行程速度变化系数为K，代入到式(4)可求得极位夹角θ。
[本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.基于CANVAS机构分析和二维仿真制作课件的方法，该课件基于html5，利用JavaScript实现机构的尺寸参数与运动参数的运算，然后在CANVAS画布中绘制出机构的运动分析图和二维仿真图，最后整合形成一个完成的教学课件，详细步骤如下：(1)利用html5在网页中建立form表单，并绘制CANVAS画布；(2)根据学生在form表单中输入的机构尺寸参数，利用JavaScript建立机构尺寸参数与机构运动参数之间的解析表达式；(3)按照机构尺寸参数自变量的取值范围对自变量进行离散，利用for循环算出离散值对应的角速度、角加速度值；(4)在CANVAS画布中建立机构运动分析曲线的X
‑
Y轴坐标系，X轴为机构自变量的变化范围...

【专利技术属性】
技术研发人员：游明琳，张影，王家宝，任珍刚，
申请(专利权)人：贵州师范大学，
类型：发明
国别省市：