论文部分内容阅读
DOI：10.16661/j.cnki.1672-3791.2010-5042-7375
摘 要：Authorware由于具有强大的交互功能而广泛应用于教学和商业领域。作为一种多媒体开发工具，Authorwar自带系统变量和函数，并允许使用自定义变量和函数，因此拓展了其功能。该文介绍Authorware中的几个基本绘图函数，然后以模拟进度条、扇形展开圆、变大的圆及圆环为例阐述了创建动态图形的基本步骤，为在Authorware中实现动态图形绘制提供了一个普适的解决思路。
关键词：Authorware 函数绘图 进度条 动态图形
中图分类号：TP312 文献标识码：A文章编号：1672-3791（2021）03（b）-0001-03
Basic Operation of Authorware Function Drawing
MA Zhijun
（College of Chemical and Chemical Engineering， Hubei University， Wuhan， Hubei Province， 430062 China）
Abstract： Authorware is widely used in teaching and business fields because of its powerful interactive function. As a multimedia development tool， Authorware has its own system variables and functions， and allows the use of custom variables and functions， so it expands its functions. This paper introduces several basic drawing functions in Authorware， and then takes the simulation progress bar， sector expanding circle， enlarged circle and ring as an example to illustrate the basic steps of creating dynamic graphics， which provides a general solution for the realization of dynamic graphics drawing in Authorware.
Key Words： Authorware; Function drawing; Progress bar; Dynamic graph
Authorware是Macromedia公司開发的一个基于流程线和图标的多媒体制作工具，其优势在于具有强大的交互能力。在Authorware中除了可以用绘图工具箱绘制基本图形外，还可绘图函数来实现。但是，一般的参考书与教学中很少涉及到函数绘图。该文作者根据在高校Authorware选修课中的教学经验介绍Authorware中的几个基本绘图函数，以及用绘图函数与条件语句实现动态图形的基本建模方法。
1 基本绘图函数
1.1 Line： 绘制直线
语法：Line（pensize，x1，y1，x2，y2）。
说明：在（x1，y1）与（x2，y2）两点间画直线，线宽由pensize指定。
1.2 Box： 绘制矩形
语法：Box（pensize，x1，y1，x2，y2）。
说明：绘制由对角顶点（x1，y1）与（x2，y2）确定的矩形，线宽由pensize指定。
1.3 Circle： 绘制椭圆
语法：Circle（pensize，x1，y1，x2，y2）。
说明：绘制由Box（pensize，x1，y1，x2，y2）确定的矩形的内切椭圆，线宽由pensize指定。
1.4 RGB：配置颜色
语法：RGB（R，G，B）。
说明：由红、绿、蓝（R，G，B）3种颜色混合一种颜色，R、G、B的取值范围0～255。设置颜色时需与Setframe和Setfill配合使用。
1.5 Setframe：设置线条和边框颜色;Setfill：设置填充色
两者语法相同。
语法：Setframe（true，RGB（R，G，B））;Setfill（true，RGB（R，G，B））。
如在计算窗口输入如下代码：
Line（3， 50， 150， 500， 400）
SetFrame（TRUE，RGB（255，0，0））
Box（1， 50， 150， 500， 400）
SetFill（TRUE，RGB（0，0，255））
Circle（2， 50， 150， 500， 400）
则程序运行结果如图1所示（演示窗口默认大小640×480）。
2 动态图形绘制
利用条件语句不断执行绘图命令，可以实现动态图形的绘制。下面以模拟进度条效果为例。 2.1 建模思路
可视为一个自左往右不断画短竖线的过程，直至填满矩形框。建模示意图如图2所示。
2.2 程序设计
（1）拖动一个计算图标到流程线上，命名为“画方框”，代码如下：
SetFrame（TRUE，RGB（0，0，255））
Box（1，300，290，600，310）
i：=0 --变量初始化
（2）在“画方框”计算图标下方加一个计算图标，命名为“画进度条”，其代码如下：
SetFrame（1，RGB（255，0，0））
Line（5，300+i，292，300+i，307）—根据模型写出绘图函数
运行程序，观察效果。
（3）继续在流程线上加入一个计算图标“循坏”，输入如下代码：
i：=i+0.3
if i<300 then
GoTo（IconID@"画进度条"）
end if
运行程序，观察效果。
（4）加入进度显示。在“画方框”与“画进度条”之间加入一显示图标，命名为“显示进度”。双击显示图标打开演示窗口，用文本工具输入“数据加载中，请稍后…”及“{i/3}%”。
（5）运行程序，拖动文本“{i/3}%”到矩形框中间，并将其模式设置为“反转”。
流程线与图标见图3。运行程序，中间效果情况见图4。
由上可知，实现动态图形的基本思路为：①设计合理的模型;②变量初始化;③根据模型写出绘图函数;④循环。
2.3 扩展设计
基于上述思路，我们可以对代码进行简单的修改就可以实现扇形圆的展开、逐渐变大或变小的圆等。
对于扇形圆展开，模型是在定点圆心和圆周上的动点之间不断画线。因此，在演示窗口中心实现这个动画效果的步骤可以设计如下。
（1）拖动一个计算图标到流程線上，命名为“变量初始化”，代码如下：
x0：=windowwidth/2 --圆心横坐标
y0：=windowheight/2 --圆心纵坐标
r：=100 --圆半径设为100
i：=0 --变量初始化
（2）继续拖一个计算图标，命名为“按模型画线”，其代码如下：
SetFrame（1，RGB（255，0，0））
Line（2，x0，y0，x0+r*cos（i*pi/180）， y0+r*sin（i*pi/180）） --按模型写出绘图函数
（3）继续在流程线上加入一个计算图标“循环”，输入如下代码：
i：=i+0.01
if i<360 then
GoTo（IconID@“按模型画线”）
end if
运行程序，观察效果。
画一个半径逐渐变大到100的圆球，上述“变量初始化”图标中不需修改代码。在第二个计算图标“按模型画线”中line函数改为：
circle（2，x0-i，y0-i，x0+i， y0+i） --按模型写出绘图函数
第三个图标“循坏”中数字360改为r即可。
如果要画一个逐渐变大的圆环，则在“循环”中i：=i+0.01前插入一行EraseIcon（IconID@“2”）;而在end if 后再插入一行Circle（2，x0-i，y0-i，x0+i， y0+i）。
照此思路可以实现一个逐渐缩小的圆球或圆环，相应地修改“变量初始化”图标中circle函数的参数即可，在此不再赘述。
3 结语
该文介绍了Authorware中的基本绘图函数，总结了用绘图函数和条件语句实现动态图形的3个基本步骤，即变量初始化，按模型写出绘图函数与循环。其中，最关键的是建立合适的模型。有了模型，按照上述步骤即可轻松地实现动态图形的绘制。
参考文献
[1] 王晶.基于绘图函数库与C++的图形界面考试系统设计[J].信息与电脑：理论版，2019（11）：62-65.
[2] 乔思源.基于Matlab软件的函数运算在实践中的应用[J].信息技术与信息化，2017（8）：70-74.
[3] 马俊，刘院.CAD绘图与Excel函数应用有机结合，快速处理煤矿供电系统图电缆数据[J].中外企业家，2014（23）：111-112.
[4] 郭强友.MATLAB可视化方法在高中物理教学中的应用与实践研究[D].上海师范大学，2020.
[5] 陈英蓉，马志军.在Authorware中实现动态图形效果[J].科技视界，2015（4）：27，96.
[6] 姚红星，肖文雅.“Authorware7.0媒体教程”设计与制作[J].新乡学院学报，2014，31（6）：19-20.
[7] 白莲芬.基于Authorware的多媒体课件自动生成系统的研究与实现[D].华中师范大学，2015.
[8] 曹艳华.Authorware软件在多媒体课件制作中的实用研究[J].计算机产品与流通，2020（2）：18.
摘 要：Authorware由于具有强大的交互功能而广泛应用于教学和商业领域。作为一种多媒体开发工具，Authorwar自带系统变量和函数，并允许使用自定义变量和函数，因此拓展了其功能。该文介绍Authorware中的几个基本绘图函数，然后以模拟进度条、扇形展开圆、变大的圆及圆环为例阐述了创建动态图形的基本步骤，为在Authorware中实现动态图形绘制提供了一个普适的解决思路。
关键词：Authorware 函数绘图 进度条 动态图形
中图分类号：TP312 文献标识码：A文章编号：1672-3791（2021）03（b）-0001-03
Basic Operation of Authorware Function Drawing
MA Zhijun
（College of Chemical and Chemical Engineering， Hubei University， Wuhan， Hubei Province， 430062 China）
Abstract： Authorware is widely used in teaching and business fields because of its powerful interactive function. As a multimedia development tool， Authorware has its own system variables and functions， and allows the use of custom variables and functions， so it expands its functions. This paper introduces several basic drawing functions in Authorware， and then takes the simulation progress bar， sector expanding circle， enlarged circle and ring as an example to illustrate the basic steps of creating dynamic graphics， which provides a general solution for the realization of dynamic graphics drawing in Authorware.
Key Words： Authorware; Function drawing; Progress bar; Dynamic graph
Authorware是Macromedia公司開发的一个基于流程线和图标的多媒体制作工具，其优势在于具有强大的交互能力。在Authorware中除了可以用绘图工具箱绘制基本图形外，还可绘图函数来实现。但是，一般的参考书与教学中很少涉及到函数绘图。该文作者根据在高校Authorware选修课中的教学经验介绍Authorware中的几个基本绘图函数，以及用绘图函数与条件语句实现动态图形的基本建模方法。
1 基本绘图函数
1.1 Line： 绘制直线
语法：Line（pensize，x1，y1，x2，y2）。
说明：在（x1，y1）与（x2，y2）两点间画直线，线宽由pensize指定。
1.2 Box： 绘制矩形
语法：Box（pensize，x1，y1，x2，y2）。
说明：绘制由对角顶点（x1，y1）与（x2，y2）确定的矩形，线宽由pensize指定。
1.3 Circle： 绘制椭圆
语法：Circle（pensize，x1，y1，x2，y2）。
说明：绘制由Box（pensize，x1，y1，x2，y2）确定的矩形的内切椭圆，线宽由pensize指定。
1.4 RGB：配置颜色
语法：RGB（R，G，B）。
说明：由红、绿、蓝（R，G，B）3种颜色混合一种颜色，R、G、B的取值范围0～255。设置颜色时需与Setframe和Setfill配合使用。
1.5 Setframe：设置线条和边框颜色;Setfill：设置填充色
两者语法相同。
语法：Setframe（true，RGB（R，G，B））;Setfill（true，RGB（R，G，B））。
如在计算窗口输入如下代码：
Line（3， 50， 150， 500， 400）
SetFrame（TRUE，RGB（255，0，0））
Box（1， 50， 150， 500， 400）
SetFill（TRUE，RGB（0，0，255））
Circle（2， 50， 150， 500， 400）
则程序运行结果如图1所示（演示窗口默认大小640×480）。
2 动态图形绘制
利用条件语句不断执行绘图命令，可以实现动态图形的绘制。下面以模拟进度条效果为例。 2.1 建模思路
可视为一个自左往右不断画短竖线的过程，直至填满矩形框。建模示意图如图2所示。
2.2 程序设计
（1）拖动一个计算图标到流程线上，命名为“画方框”，代码如下：
SetFrame（TRUE，RGB（0，0，255））
Box（1，300，290，600，310）
i：=0 --变量初始化
（2）在“画方框”计算图标下方加一个计算图标，命名为“画进度条”，其代码如下：
SetFrame（1，RGB（255，0，0））
Line（5，300+i，292，300+i，307）—根据模型写出绘图函数
运行程序，观察效果。
（3）继续在流程线上加入一个计算图标“循坏”，输入如下代码：
i：=i+0.3
if i<300 then
GoTo（IconID@"画进度条"）
end if
运行程序，观察效果。
（4）加入进度显示。在“画方框”与“画进度条”之间加入一显示图标，命名为“显示进度”。双击显示图标打开演示窗口，用文本工具输入“数据加载中，请稍后…”及“{i/3}%”。
（5）运行程序，拖动文本“{i/3}%”到矩形框中间，并将其模式设置为“反转”。
流程线与图标见图3。运行程序，中间效果情况见图4。
由上可知，实现动态图形的基本思路为：①设计合理的模型;②变量初始化;③根据模型写出绘图函数;④循环。
2.3 扩展设计
基于上述思路，我们可以对代码进行简单的修改就可以实现扇形圆的展开、逐渐变大或变小的圆等。
对于扇形圆展开，模型是在定点圆心和圆周上的动点之间不断画线。因此，在演示窗口中心实现这个动画效果的步骤可以设计如下。
（1）拖动一个计算图标到流程線上，命名为“变量初始化”，代码如下：
x0：=windowwidth/2 --圆心横坐标
y0：=windowheight/2 --圆心纵坐标
r：=100 --圆半径设为100
i：=0 --变量初始化
（2）继续拖一个计算图标，命名为“按模型画线”，其代码如下：
SetFrame（1，RGB（255，0，0））
Line（2，x0，y0，x0+r*cos（i*pi/180）， y0+r*sin（i*pi/180）） --按模型写出绘图函数
（3）继续在流程线上加入一个计算图标“循环”，输入如下代码：
i：=i+0.01
if i<360 then
GoTo（IconID@“按模型画线”）
end if
运行程序，观察效果。
画一个半径逐渐变大到100的圆球，上述“变量初始化”图标中不需修改代码。在第二个计算图标“按模型画线”中line函数改为：
circle（2，x0-i，y0-i，x0+i， y0+i） --按模型写出绘图函数
第三个图标“循坏”中数字360改为r即可。
如果要画一个逐渐变大的圆环，则在“循环”中i：=i+0.01前插入一行EraseIcon（IconID@“2”）;而在end if 后再插入一行Circle（2，x0-i，y0-i，x0+i， y0+i）。
照此思路可以实现一个逐渐缩小的圆球或圆环，相应地修改“变量初始化”图标中circle函数的参数即可，在此不再赘述。
3 结语
该文介绍了Authorware中的基本绘图函数，总结了用绘图函数和条件语句实现动态图形的3个基本步骤，即变量初始化，按模型写出绘图函数与循环。其中，最关键的是建立合适的模型。有了模型，按照上述步骤即可轻松地实现动态图形的绘制。
参考文献
[1] 王晶.基于绘图函数库与C++的图形界面考试系统设计[J].信息与电脑：理论版，2019（11）：62-65.
[2] 乔思源.基于Matlab软件的函数运算在实践中的应用[J].信息技术与信息化，2017（8）：70-74.
[3] 马俊，刘院.CAD绘图与Excel函数应用有机结合，快速处理煤矿供电系统图电缆数据[J].中外企业家，2014（23）：111-112.
[4] 郭强友.MATLAB可视化方法在高中物理教学中的应用与实践研究[D].上海师范大学，2020.
[5] 陈英蓉，马志军.在Authorware中实现动态图形效果[J].科技视界，2015（4）：27，96.
[6] 姚红星，肖文雅.“Authorware7.0媒体教程”设计与制作[J].新乡学院学报，2014，31（6）：19-20.
[7] 白莲芬.基于Authorware的多媒体课件自动生成系统的研究与实现[D].华中师范大学，2015.
[8] 曹艳华.Authorware软件在多媒体课件制作中的实用研究[J].计算机产品与流通，2020（2）：18.