UAC2015W010910SourceUAC2015W010910章节.pptxVIP

第009-010课 快速入门 —2D图形基础理论课程名称 Lesson Title2D图形基础理论现实学习者等级 Learner Level 应用能力认证课程——基础阶段阶段模块 Module 快速入门本课时长 Duration 90分钟 学习者背景 Learner Background 本课程要求学习了解Unity引擎的背景及其基本功能，对Unity引擎的界面 有一定的认识。 教学目标 Objectives 了解屏幕分辨率的相关知识 掌握2D图片的基础知识 对2D动画及帧速率的概率的概念有一定的了解主题 Topics 屏幕分辨率 图片基础知识 2D动画什么是屏幕分辨率？ 什么是屏幕纵横比？屏幕分辨率显示分辨率就是屏幕上显示的像素个数。分辨率160×128的意思是水平方向含有像素数为160个，垂直方向像素数128个。分辨率越高，像素的数目越多，感应到的图像越精密。屏幕尺寸一样的情况下，分辨率越高，显示效果就越精细和细腻。屏幕纵横比显示设备中显示图像的横向尺寸与纵向尺寸的比例，最常见的为4:3，目前的高清晰度电视和一些新型显示设备采用了16:9。Width:1024Width:1(0,0)Height:768Height:1(0,0)屏幕坐标系Screen Point标准化视窗坐标系Viewport Point主题 Topics 屏幕分辨率 图片基础知识 2D动画什么是光栅化图形?栅是格栅，就是纵横成排的小格。计算机将图像分成一个个小格也就是点阵进行记录。每个像素有自己的颜色。光栅图只有点的信息，缩放时会失真。光栅图又叫位图、点阵图、像素图，是最小单位由像素构成的图。这种格式的图适合存储图形不规则，而且颜色丰富没有规律的图。存储的图片格式为：BMP，GIF，JPG，TGA等。一个图形是如何数字化的？将图片大格子分成若干小块，每块用一个数字来表示一种颜色。如果图像是纯黑白两色的，那每块只有1或0表示。图像是16位色，每块用4位二进制数表示。真彩色位图的每个小块，都是由不同等级的红绿蓝三种色彩组成。什么是矢量图形?矢量图为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都具有颜色、形状、轮廓、大小和屏幕位置等属性。矢量图通过数学公式计算获得的。当进行缩放时，图片质量不会受到影响。TureType字体TureType(全真字体)是一种光栅化的字体。由Apple公司和Microsoft公司联合提出的一种新型数学字形描述技术。包含字形构造、颜色填充、数字描述函数、流程条件控制、栅格处理控制、附加提示控制等指令。光栅化图形最大的问题在于近距离查看图像时会出现锯齿的现象。这个问题如何被解决？在计算机图像处理和计算机图形学中，图像缩放（image scaling）是指对数字图像的大小进行调整的过程。用户需要在处理效率以及结果的平滑度（smoothness）和清晰度（sharpness）上做一个权衡。光栅化图形和矢量图的区别光栅图由许多像小方块一样的像素组成的图形。通过像素的位置与颜色值表示，能表现出颜色阴影的变化。图片无限放大后会看到一块一块的像素色块，效果失真。常用于图片处理、影视婚纱效果图等，象常用的照片，扫描，数码照片等。常用的工具软件PHOTOSHOP，PAINTER等。矢量图以几何图形居多，图形可以无限放大，不变色、不模糊。常用于图案、标志、VI、文字等设计。常用软件有：CorelDraw、Illustrator、Freehand、XARA等。计算机上如何表示颜色？RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的色彩空间。RGBA有时候被描述为一个颜色空间，但是它其实仅仅是RGB模型的附加了额外的信息。采用的颜色是RGB，可以属于任何一种RGB颜色空间。什么是alpha通道？ alpha通道一般用作不透明度参数。如果一个像素的alpha通道数值为0%，那它就是完全透明的（也就是看不见的），而数值为100%则意味着一个完全不透明的像素（传统的数字图像）。在0%和100%之间的值则使得像素可以透过背景显示出来，就像透过玻璃（半透明性）.alpha通道值可以用百分比、整数或者像RGB参数那样用0到1的实数表示。颜色的其它表达的方式HSL和HSV都是一种将RGB色彩模型中的点在圆柱坐标系中的表示法。这两种表示法试图做到比RGB基于笛卡尔坐标系的几何结构更加直观。HSL即色相、饱和度、亮度（Hue, Saturation, Lightness），又称HLS。HSV即色相、饱和度、明度（Hue, Saturation, Value），又称HSB。色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。饱和度（S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取0-100%的数值。明度（