效果
这幅图像巧妙地构建了一种视觉错觉，让人误以为中央的图案正在缓缓移动，而实际上，它却是完全静止的，这一反差营造出一种引人入胜的视觉效果。
背景
第一次看到这个图案的是来自EasyX官网慢羊羊的程序作品。该作品的设计非常巧妙，并且在绘制过程中运用了一些计算机图形学的基础算法。为了让大家更好地学习和参考，我们可以将他的代码复制过来。不过，我对于绘制该图案也有一些个人的理解和见解。
参考源码
///////////////////////////////////////////////////// 程序名称：视觉错觉艺术3// 编译环境：Visual C++ 6.0 / 2010，EasyX_20210730// 作 者：yangw80 <yw80@qq.com>// 最后修改：2014-7-14//// 定义回调void (*callback)(int x, int y);// 圆中的每个点(回调函数)void CirclePoints(int x, int y){if (x < y){COLORREF c1 = getpixel(x, y);COLORREF c2 = getpixel(y, x);putpixel(x, y, c2);putpixel(y, x, c1);}}// 基于 Bresenham 算法画填充圆// 修改自 www.easyx.cn, yw80@qq.comvoid FillCircle_Bresenham(int x, int y, int r){int tx = 0, ty = r, d = 3 - 2 * r, i;while (tx < ty){// 画水平两点连线(<45度)for (i = x - ty; i <= x + ty; i++){CirclePoints(i, y - tx);if (tx != 0) // 防止水平线重复绘制CirclePoints(i, y + tx);}if (d < 0) // 取上面的点d += 4 * tx + 6;else // 取下面的点{// 画水平两点连线(>45度)for (i = x - tx; i <= x + tx; i++){CirclePoints(i, y - ty);CirclePoints(i, y + ty);}d += 4 * (tx - ty) + 10, ty--;}tx++;}if (tx == ty) // 画水平两点连线(=45度)for (i = x - ty; i <= x + ty; i++){CirclePoints(i, y - tx);CirclePoints(i, y + tx);}}// 主函数int main(){// 创建绘图窗口initgraph(640, 480);setbkcolor(LIGHTGRAY);cleardevice();setorigin(320, 240);// 画间隔的黑白块setlinecolor(BLACK);rectangle(-201, -201, 200, 200);for (int x = 0; x < 10; x++)for (int y = 0; y < 40; y++){setfillcolor((((x + y) % 2) == 1) ? BLACK : WHITE);solidrectangle(x * 40 - 200, y * 10 - 200, x * 40 + 39 - 200, y * 10 + 9 - 200);}// 填充圆内横竖取反FillCircle_Bresenham(0, 0, 120);// 按任意键退出_getch();closegraph();return 0;}
思考
都说条条大路通罗马，如果是你，你会如何实现这个图案的绘制呢？作为初学者，可能会想到用for循环来绘制每一行每一列的填充矩形。然后再循环外面写一个变量来当作开关控制它的黑白块。背景可以这样绘制，但是中间的圆形该如何实现呢。这就是一个对于初学者来说，比较难的部分，如果没有思路，就需要从基础学起来，看一下慢羊羊的实现算法，这也是一种很基础的实现方式。
灵感
如果你知道填充函数，是不是又有新的思路。可以自定义填充图案函数，设置填充单元，不论什么样的图案，我们都可以填充它，那么这个图案的绘制就简单多了，对于这几个函数，建议复制到编译器中自己调试来学习，才能弄明白其中的原理。
源码
///////////////////////////////////////////////////// 程序名称：视觉错觉艺术// 编译环境：Mictosoft Visual Studio 2022, EasyX_20200315(beta)// 作 者：luoyh <2864292458@qq.com>// 最后修改：2024-9-22// 公 众 号：C语言研究//IMAGE imgbk(80, 20); // 定义填充背景单元IMAGE imgcircle(20, 80); // 定义填充圆的单元void DrawbkDY(); // 绘制填充单元背景void DrawcircleDY(); // 绘制填充单元圆int main(){initgraph(640, 480);setbkcolor(LIGHTGRAY);cleardevice();DrawbkDY();DrawcircleDY();setfillstyle(BS_DIBPATTERN, NULL, &imgbk); // 设置填充样式为自定义填充图案solidrectangle(100, 10, 540, 470);setfillstyle(BS_DIBPATTERN, NULL, &imgcircle);solidcircle(320, 240, 150);// 按任意键退出_getch();closegraph();}void DrawbkDY(){SetWorkingImage(&imgbk); // 设置绘图目标为 img 对象setfillcolor(WHITE);solidrectangle(0, 0, 40, 10);solidrectangle(40, 10, 80, 20);SetWorkingImage(NULL); // 恢复绘图目标为默认绘图窗口}void DrawcircleDY(){SetWorkingImage(&imgcircle); // 设置绘图目标为 img 对象solidrectangle(0, 0, 10, 40);solidrectangle(10, 40, 20, 80);SetWorkingImage(NULL); // 恢复绘图目标为默认绘图窗口}
