EasyX图形库note4,动画及键盘交互

大家好，这里是Dark Flame Master，专栏从这篇开始就会变得很有意思，我们可以利用今天所学的只是实现很多功能，同样为之后的更加好玩的内容打下基础，从这届开始将会利用所学的知识制作一些小游戏，废话不多说，开始今天的内容。

专栏：EasyX图形化编程

动画

在之前的笔记中，我们所绘制的图形都是静态的，现在我们通过代码让图形动起来。

就像小时候我们看的葫芦娃小金刚一样，动画是由一帧一帧的图片逐个快速播放，利用人的视觉停留，就可以达到动画的效果。一般来说电视每秒播放24帧画面，游戏更高，在打游戏时游戏帧率越高，游戏画面也就越流畅。

用前边的知识绘制一个半径100圆形，窗体大小800*600，圆心初始坐标为（-400，0）。颜色可以自己选择。

• 要实现像动画一样逐帧播放，我们可以不断改变圆心的x坐标，更改后清除上一次画的圆形，然后重新画出位置变化的圆形，同时要使用Sleep()函数暂停程序一段时间。

代码如下

int main()
{initgraph(800,600);setbkcolor(RGB(150, 205, 205));cleardevice();setorigin(400, 300);setaspectratio(1, -1);setfillcolor(RGB(106, 90, 205));int dx = 15;for (int x = -400; x <= 400; x += dx){solidcircle(x, 0, 100);Sleep(200);cleardevice();}getchar();return 0;
}

画出一个圆形后，Sleep200毫秒，清空屏幕后画出下一个，再Sleep200毫秒。直到运动到最右端循环结束，getchar阻塞进程。
运行后效果如下

因为休眠函数在每次循环时休眠200毫秒，所以在一秒内可以播放五帧画面，每次移动的距离为15像素，所以圆形的移动速度为每秒75像素。
如果想让画面更加流畅，然而圆形的移动速度几乎不变，就要加大帧率，减小每次移动的像素。

• 将休眠时间改为50毫秒，将每次移动的像素即dx设置为5。
  运行后效果如图
  
  对比上边流畅很多。

键盘交互

在动画的基础上，加入键盘交互功能，按下w键，圆形向上移动，按下a键，圆形向左移动，按下d键，圆形向右移动，按下s键，圆形向下移动。

首先如何从键盘上读取信息？
我们会想到使用getchar函数，有了思路就开始编写代码实现按下w键，圆形向上移动50像素。

int main()
{initgraph(800,600);setbkcolor(RGB(150, 205, 205));cleardevice();setorigin(400, 300);setaspectratio(1, -1);int x = 0;int y = 0;setfillcolor(GREEN);solidcircle(x, y, 50);//画出圆形while (1){char c = getchar();if (c == 'w'){y += 50;}cleardevice();//清除窗体solidcircle(x, y, 50);//画出圆形}getchar();return 0;
}

编写完成后运行代码，发现按下’w’键没有任何反应，按下回车后才会向上移动，而且点击n次w键，会直接向上移动n*50像素。这是为什么呢？

• 让我们深入了解一下getchar函数

getchar函数从输入缓存区中读取一个字符，如果读取成功，就返回读取到的字符，如果缓存区中没有数据，函数将会阻塞进程，直到缓存区里有数据。
在控制台上输入数据，但数据还没有进入输入缓存区，需要按下回车键，才会将输入的全部数据放在缓存区，然后getchar函数取出第一个字符并返回这个字符。若在循环中，getchar会依次取出这些数据，直到没有数据为止。

我们想让动画和键盘交互组合，但getchar函数明显不满足需求，想要实现实时型交互，按下键盘后程序就作出反应，而不是按下回车后才运行，运行之后又堵塞。

---

这里就要提到getch函数

---

无需回车，只需要按下键盘就可以将数据送进输入缓存区。
别忘记包含头文件<conio.h>
写一串代码探究其特性

注：在使用getch函数时，要写成_getch的形式。
代码如下

#include <conio.h>
int main()
{while (1){char c;c = _getch();putchar(c - 32);}return 0;
}

运行后输入小写a就直接在控制台打印出A，输入b就直接打印B。

解决了回车问题，我们想在圆形移动的时候就可以控制圆移动的方向，而getch仍然具有阻塞程序运行的作用。这种用户输入之后场景才发生变化的适合推箱子游戏，2048等，然而对于就算没有输入整个场景仍然会变化的场景则不适用。

介绍一下函数kbhit

int kbhit(void);

kbhit函数会检查getch函数的输入缓存区中是否有数据，若没有数据就返回0，如果有数据就返回非0的数。
这个函数不会阻塞程序的运行，可以借此判断是否用户按下了键盘，然后再做出反应，这样就不会阻塞程序的运行。kbhit函数也要写作_kbhit。

---

对前边的圆形动画做出改变，加上键盘交互功能。
代码如下

int main()
{initgraph(800, 600);setbkcolor(RGB(150, 205, 205));cleardevice();setorigin(400, 300);setaspectratio(1, -1);setfillcolor(RGB(106, 90, 205));int x = -400, y = 0;int dx = 5 , dy=0;while (1){cleardevice();solidcircle(x, y, 50);Sleep(40);if (_kbhit() != 0){char c = _getch();switch (c){case'w':dx = 0;dy = 5;break;case'a':dx = -5;dy = 0;break;case's':dx = 0;dy = -5;break;case'd':dx = 5;dy = 0;break;}}x =x+ dx;y =y+ dy;}getchar();return 0;
}

起始位置在最左边，刚开始设置dx为5，即圆形向右移动，只有我们按下键盘才会进入switch语句，更改dx与dy的值，从而实现在运动中改变运动的方向。
运行后效果如下

接下来会用今天所学的知识来实现一个简单的弹球小游戏。希望大家有所收获。