raptor程序设计案例教程-ch5

第5章

图形程序设计《RAPTOR程序设计案例教程》学习目标RAPTOR下，如何产生图形界面？常用图形函数的应用动画效果的程序实现。如何使用位图实现输入输出？图形编程的背景图形界面计算环境下成长起来的一代，熟悉最典型的图形界面表达和文化，会熟练操作各种图形界面的电子设备，如Windows操作系统、各种移动终端设备等那么如何在图形界面下编程，使得程序设计进入一个千姿百态、丰富多彩的图形世界呢？RAPTOR与图形编程RAPTOR的主要长项之一，是流程图设计的方法在程序设计上的便利RAPTOR的图形界面下的程序设计也是非常简便和功能强大，它除了提供各种绘图、填色指令之外，还提供了初步的视窗交互功能，例如使用鼠标点击、键盘进行图形界面的操作，甚至提供了实现简单动画的指令RAPTOR图形编程基础知识RAPTOR使用一系列图形函数（系统内设的子程序，调用方式与用户设计的子程序完全相同）来完成图形界面的操作这些函数中的大部分使用的必要条件是图形窗口处于打开的状态在图形视窗中，不仅可以绘制常见图形，如矩形、圆、椭圆、弧和线条，也可以在图形窗口中显示文本图形窗口的开启、设置与关闭Open_graph_Window（X_Size，Y_Size）Close_graph_Window基本图形视窗的指令序列图形窗口的打开和关闭通常是图形应用的第一和最后调用的命令绘图函数图形函数应用中的色彩参数矢量绘图与位图使用9个图形函数（像素、矩形、圆、椭圆、弧、填色、绘制文本、绘制数字）皆为矢量绘图指令在图形视窗中，使用现成的照片和图片（image）属于位图应用，是将预先准备好的图片、照片等装载到图形界面下，可以想象这个功能在游戏和软件封面，以及许多场合可以发挥重要的作用矢量图绘制案例一些计算问题和结果，如迷宫、棋盘甚至三维立体图形都可以通过矢量图形绘制RAPTOR的位图指令Draw_Bitmap(Bitmap，X，Y，Width，Height)绘制图像（通过Load_Bitmap调用载入），(X，Y)定义左上角的坐标，Width和Height定义图像绘制的区域位图指令的应用方式使用位图设计的软件封面图形指令注意事项调用绘图函数的参数必须依照定义顺序排列。此外，参数可以是以下三种情况之一数值或字符串常量；符合规范的变量；使用表达式计算出一个适当的值常量作为绘图参数变量作为绘图参数表达式计算出的绘图参数弧线的绘制弧线的起点始于从椭圆中心开始到（startx，Starty）点这条线与椭圆上交点。弧线的结束于从椭圆中心点出发到（Endx，Endy）这条线与椭圆上的交点。弧线始终按逆时针方向绘制在几何图形中填入色彩使用Draw_Line命令绘制一个三角形，再使用Flood_Fill填充封闭区域所需的颜色用于绘制边界的颜色和Flood_Fill填充的颜色可以有所不同图形视窗下的文本绘制实例：Display_Text(10，20，“Theansweris”+Answer，Black)Display_Text(1，5，“Pt(”+X+"，"+Y+")"，Black)可以使用Set_Font_Size（Height_in_pixels）命令更改绘制文本的大小默认的文本高度为个8像素高，在两行文本行之间的垂直方向默认间距约为12像素图形案例卡通图像简单汉字的绘制例5-2利用RAPTOR图形函数画一个“囧”字画老鼠例5-3利用图形函数生成一个可爱的老鼠头像绘制曲线例5-4利用图形函数画一个正弦曲线图。需求：图形视窗设置，坐标线绘制，文字描述，计算曲线各段的位置并绘制绘制曲线的流程图预设部分曲线的计算与绘制真实卡通图的绘制绘制哆啦A梦需要考虑：各部的绘制顺序各部的图形函数选择难点:所有图形函数中的坐标点的获取卡通图片绘制要点-坐标问题将已经绘制好的位图图片放入一款图像(image)处理软件，通过软件来获取图片中各个元素的坐标位置但是，有时坐标系统的设置，两个软件系统不一致，怎么？Windows画图程序的坐标Windows画图程序的坐标原点在左下角，而RAPTOR的在左上角卡通图片绘制要点-对称问题从哆啦A梦的图片中我们可以看到，整个图片基本以纵轴对称，所以在图形对称时，利用对称原理作图会给绘制工作带来很大的便利对称原理具体到该题目：坐标系中(x1,y)关于对称轴x=x0对称的坐标为(2x0-x1,y)；(x1,y1)关于对称中心(x0,y0)的对称坐标为(2x0-x1,2y0-y1)对称图形的绘制技法在RAPTOR中利用对称作图时，可以不必自己计算数值，只需要直接写出算式即可，RAPTOR运行时将会自动计算卡通图片绘制要点-曲线拟合曲线（弧线）绘制有8个点需要定位，如何解决？可以直接在绘图软件中获取！注意，不要在相反的坐标系中，将弧的方向搞反！RAPTOR绘制结果原图色彩随机的最大同心圆例5-6：在指定大小的窗口上以鼠标点击处为圆心，画一个尽可能大的颜色随机的同心圆最大同心圆需求与设计借助鼠标点击确定

圆心

圆的最机上色计算最大圆的半径

随机方块例5-7在指定窗口显示出10行×10列的方块，每个小方块颜色随机，但不能是白色方块随机方块-需求与设计10行×10列的矩形画法从1到10的随机整数产生判断方块是否为白色点阵图的应用计算机显示的图形一般分为两类——矢量图和位图矢量图可以用来表达数据曲线、物理装置、化学、生物过程等的动态变化位图则可以反映现实世界中的图像，并与程序结合，产生栩栩如生的效果位图实现蝴蝶飞翔的动画例5-8：试在RAPTOR中以下10幅图像，在RAPTOR下进行动态图形表达需求与设计1.如何将9幅图片依次载入？2．如何在依次9幅图片展示完毕，重新开始下一轮？3．展示中如何产生动画效果？实现蝴蝶飞翔的动画滚铁环例5-9：利用RAPTOR的图形功能，模拟滚铁环的游戏，可以省略铁环把手，直接模拟铁环滚动需求与设计如何画地平线？如何画铁环？铁环如何实现滚动？如何清理铁环轨迹？需求与设计预设部分动画绘制部分矢量动画绘制要点Freeze_graph_Window和Update_graph_Window可用来平滑动画显示Freeze_graph_Window通过为图形对象提供特殊的屏幕缓冲区，图像的重绘数据可以直接从缓冲区读取在Freeze_graph_Window被调用语句后（Unfreeze_graph_Window调用语句前），该缓冲区保存本章小结图形程序设计是可视化编程的基础，也是进行动画及游戏编制的必经途经本章主要介绍了基本图形函数的用法，并结合有趣的绘图案例，如画老鼠、哆啦A梦、随机圆等为读者开启了编写图形程序的大门案例中所涉及的画图技巧，如曲线拟合、图形翻