第8讲 | 如何区分图形和图像？
蔡能
该思维导图由 AI 生成，仅供参考
据我所知，很多人可能都分不清图形和图像这两个概念：一种情况是你可能会觉得区分图形和图像这两个概念并没有什么实质的用途，于是就没关心过；另一种情况是，你可能朦胧中对图形和图像的区别有一些了解，但是不够深入或者不够透彻，也说不出一个所以然。没关系，今天我就来深入浅出地给你讲一下，图形和图像背后的那些事儿。
既然我们是做游戏开发，那首先我们得知道，从专业地角度讲，区分图形和图像对我们的开发工作有什么帮助。简单地说，搞清楚了游戏开发中绘制、载入、保存的究竟是图形还是图像，你会对接口函数的使用有一个更深入的认识。
比如，如果是图形接口，可能它的接口函数是：
如果是图像接口，它的接口函数函数看起来可能是这个样子：
如何区分图形和图像？
从广义上说，所有我们人肉眼能看到的对象，都是图形。从狭义上说，图形是我们所看到的一种点、线、面的描述对象。
图像，是由数据组成的任意像素点的描述对象。比如我们所看到的照片。在电脑中，图形的显示过程是有一定顺序（比如从左往右）的，而图像则是按照像素点进行显示的。电脑对于图形的编辑、修改更为简单方便，因为单一的图形具有特殊的属性（比如圆圈的直径、颜色等等，因为这些在这个图形建立的时候就固定了下来）。
对于图像进行编辑则非常困难，软件需要用一些特殊的算法来计算图像的色块、区域、描边等等，来安排图像该如何进行编辑，有一些甚至还需要用到深度学习的方法来辨别图像的显示区域、显示的内容等等，所以图像的修改比之图形的修改要困难。
那么你可能就会问了，既然前面说，任何眼睛看到的对象，都是图形，那么我觉得图形也是一种图像，这么说对不对呢？如果按照载体来说，图形也是一种图像，这种说法是对的。因为一张 JPG 图片可能存储的是一幅照片，也可能存储一幅三角形的图形。虽然本质不一样，但是由于存储的形式是以图像的形式存储的，在电脑看来，这个三角形就是一幅图像。但是如果你在游戏中使用函数画出了一个三角形，那就是图形了。
所以，严格来说，图形其实是图像的一种抽象表现形式。一般来讲，图形的轮廓并不复杂，比如一个圆圈、一个方块、一个三角形、一条线、某些几何图形、工程上面使用的图纸和 CAD 等，这些都属于图形。图形的色彩也并不是很丰富。而图像一般都有复杂的轮廓、非常多的细节和颜色（当然也有纯单一的颜色，比如黑白照片）。
所以，准确地说，图形和图像有不同的模式。当然，从计算机最底层的程序（显卡处理）来看，绘制图形和图像所经过的硬件处理几乎是一样的。一般显卡会经过这些流程进行图形、图像计算（2D）、显存，用来存取图形图像内容，GPU 计算图像图像内容并渲染，最后输出到显示器。
从图像的呈现方式讲，只有通过图像的方式去呈现“图形”这个对象，才能看到图形，而在开发游戏的过程中，图形和图像的编程方式是截然不同的。比如我们要画线，那么可能会使用到一个叫 DrawLine 的函数。该函数里面需要输入线条的起始坐标，这就是图形的绘制方式。而在接下来的过程中，我将教你如何绘制图形和图像，并呈现出来。
跟我一起绘制图形和图形
现在，我们先用 Pygame 游戏库来建立一个窗体，然后开始绘制图形、载入图像。
在第五节的时候，我们已经讲过 Pygame 的安装和配置。在第六节的时候，我们讲过如何建立一个 Windows 窗体。现在从上到下，我们一起看一下这段代码。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
本文通过介绍图形和图像的区别以及在游戏开发中的应用，深入浅出地帮助读者了解了这一技术领域的重要概念。作者首先强调了对接口函数的深入认识，并详细阐述了图形和图像的定义、编辑和修改方式的不同，以及它们在计算机程序中的处理方式。此外，文章还介绍了使用Pygame游戏库绘制基本图形和加载图像的方法，通过简洁明了的语言和技术特点的介绍，读者可以快速了解图形和图像的区别及其在游戏开发中的应用。文章还提到了在游戏执行的大循环内，如何绘制移动的矩形、圆形或图像，为读者提供了实践练习的机会。总的来说，本文内容丰富，技术性强，适合对游戏开发和图形图像处理感兴趣的读者阅读学习。
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《从 0 开始学游戏开发》，新⼈⾸单¥59
《从 0 开始学游戏开发》，新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(9)
- 最新
- 精选
以往不同的情景下，游戏人物的动作缓急都各有不同。一般是倾向于改变帧速，还是在同一帧速下使用调整了动作幅度的图片来达到效果？作者回复: 调整幅度也是一种方案，多线程里绘制需要的内容，然后改变帧率也是一种方案
2018-06-121- 呵呵后面的课程准备用pygame开发客户端，c++开发server?
作者回复: 会带一部分c，python也有
2018-06-121 
茂陵刘郎秋风客不知道是排版问题还是什么？画图那一块代码照着敲出来无法实现，把画图代码放到while 循环里就可以运行了2018-06-1215
Geek-fans调整下代码排版更佳，一开始的代码结束sys.exit() 应该放到 if event.type == pygame.QUIT: pygame.quit() 这个代码块 里面2020-02-231
王鲜申可以在每次画图之前加一个 for 循环，然后用一个变量控制图形的位置，用 for 循环中的终止条件控制移动速度2018-12-011
ifelse
学习打卡2024-03-16归属地：浙江- Geek_c695a0TIME = -1 while True: TIME += 1 for event in pygame.event.get(): if event.type == pygame.QUIT: pygame.quit() sys.exit() screen.fill([255, 255, 255]) pygame.draw.rect(screen, [255, 0, 0], [150, 10, 40, 40], 0) pygame.draw.circle(screen, [0, 0, 0], [TIME, 50], 20, 1) pygame.display.update() time.sleep(0.1)2022-06-28
- Geek_569f22python缩减太关键了，直接复制粘贴没缩减运行是全黑的。2021-06-16
奇小易试了一下画圆从左到右，就是调整圆的横坐标，但是直接运行就跑得太快了。而就想使用time.sleep函数加降低刷新频率，结果是屏幕黑的，显示未响应。2018-07-13
收起评论