掌握了基本圖形的畫法后，我們可以開始嘗試讓這些基本圖形變成動態的，就像一種桌面，有很多個小球，相互碰撞并改變小球顏色的動態效果。

要達到這種效果，首先要把這個大問題分解成若干個小問題：

1、先讓一個小球在屏幕中運動到邊界時能彈回；

2、兩個小球同時運動時，除了到達邊界彈回，還要兩個小球相碰撞時彈回并改變顏色；

3、更多小球同時運動。

1、單球運動

單球運動，就是移動畫出來的畫空心圓，也就是只要改變圓心就可以實現，但是在畫下一個圓之前要把上一次畫的圓給清除掉。畫完后，接著要判斷圓心到邊界的距離與半徑的大小關系，確定下一次的運動方向。

單球運動函數

//單個球運動，碰到邊界改變運動方向
//dir為運動方向的參數
u8 LCD_Drawball(u16 *x,u16 *y,u16 r ,u16 color,u16 dir)
{
  u16 flag_x = 0,flag_y = 0;

  LCD_DrawCircle(*x,*y,r,WHITE);//清除上次的圓
  switch(dir)              //選擇運動方向
  {
    case 0:
      flag_x=0;flag_y=0;  
      break;
    case 1:
      flag_x=0;flag_y=1;
      break;
    case 2:
      flag_x=1;flag_y=0;
      break;
    case 3:
      flag_x=1;flag_y=1;
      break;
  }
  if(flag_y==0)
    (*y)++;            //移動圓心
  else if(flag_y==1)
    (*y)--;            //移動圓心
  if(flag_x==0)
    (*x)++;            //移動圓心
  else if(flag_x==1)  
    (*x)--;           //移動圓心
  LCD_DrawCircle(*x,*y,r,color);//畫出移動后的圓

  if((*y)-r<=0)    //判斷邊界
    flag_y = 0;    //確定下次的運動方向
  if((*y)+r >=320)  //判斷邊界
    flag_y = 1;   //確定下次的運動方向
  if((*x)-r<=0)    //判斷邊界
    flag_x = 0;   //確定下次的運動方向
  if((*x)+r >=240)  //判斷邊界
    flag_x = 1;   //確定下次的運動方向

  if((flag_x==0)&(flag_y==0))dir=0;  
  if((flag_x==0)&(flag_y==1))dir=1;
  if((flag_x==1)&(flag_y==0))dir=2;
  if((flag_x==1)&(flag_y==1))dir=3;

  return dir;    //返回下一次的運動方向
}

主函數

#include "stm32f4xx.h"
#include "core_cm4.h"
#include "ili9341.h"
#include "lcd.h"


int main()
{
  u16 x1=30,y1=30,r1=20,dir1=0,color1=RED;

  ILI9341_Init();                  //ILI9341初始化
  while(1)
  {
    dir1=LCD_Drawball(&x1,&y1,r1,color1,dir1);
  }
}

2、雙球運動

雙球運動要在單球運動的基礎上，再加上雙球碰撞的判斷函數。可以計算兩個圓心的距離和兩個圓的半徑的大小關系，判斷是否相碰撞，如果碰撞就對調運動方向，再改變顏色。

判斷兩球碰撞函數

//如果兩個球碰撞，改變運動方向，顏色
void IfTwoBallCrash(u16 x1,u16 y1,u16 r1,u16 *color1,u16 *dir1,u16 x2,u16 y2,u16 r2,u16 *color2,u16 *dir2)
{
  u16 temp;
  if((x1-x2)*(x1-x2)+(y1-y2)*(y1-y2)<=((r1+r2)*(r1+r2)))
  {
    temp=(*dir1);
    (*dir1)=(*dir2);
    (*dir2)=temp;
    (*color1)+=5000;
    (*color2)+=5000;
  }
}

由于要改變原有的數據，所以函數的傳參要為指針類型。

主函數

#include "stm32f4xx.h"
#include "core_cm4.h"
#include "ili9341.h"
#include "lcd.h"


int main()
{
  u16 x1=30,y1=30,r1=20,dir1=0,color1=RED;
  u16 x2=100,y2=30,r2=20,dir2=1,color2=IRON_GRAY;

  ILI9341_Init();                  //ILI9341初始化
  while(1)
  {
    dir1=LCD_Drawball(&x1,&y1,r1,color1,dir1);
    dir2=LCD_Drawball(&x2,&y2,r2,color2,dir2);
    IfTwoBallCrash(x1,y1,r1,&color1,&dir1,x2,y2,r2,&color2,&dir2);
  }
}
```**3、多球運動**

多球運動同樣可以通過調用以上兩個函數實現，這里就不再進行分析了。