第11章 游戏绘图实例 数字媒体技术专业学科课程 计算机游戏概论ppt 教学课件

第十一章 小游戏绘图实例 結束 本 章 重 点 n11-1基本动画与贴图 n11-2斜角地图 n11-3粒子运动 n11-4立体坐标与投影效果 n11-5碰撞 第十一章 小游戏绘图实例 結束 11-1基本动画与贴图 n模拟真实世界中某些事物的移动，得套用 一些相关的数学或物理公式，这也衍生出 另一个观念：程序语言、算法、数学等相 关学科的相互结合，才有可能创造出最有 效用的程序。 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 11.2 贴图动画 第十一章 小游戏绘图实例 結束 PaintPicture(source, dx, dy, dwidth, dheight, sx, sy, swidth, sheight, opcode) soucre：绘图来源对象 (dx, dy)：目标区坐标 (dwidth, dheight)：目标区绘图区域大小 (sx, sy)：来源区坐标 (swidth, sheight)：来源区图形区域大小 opcode：vb句柄 第十一章 小游戏绘图实例 結束 使用Timer组件控制动画播放速度 第十一章 小游戏绘图实例 結束 11.1.3 横向滚动条贴图 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 远景背景图 近景背景图 第十一章 小游戏绘图实例 結束 11.1.4 互动地图卷动 第十一章 小游戏绘图实例 結束 请使用左右方向键 来操作地图卷动 第十一章 小游戏绘图实例 結束 每次只显示地图的一小块区域 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 11.1.5 障碍通过 钢筋为障碍物，人物遇 到障碍物会无法通过 第十一章 小游戏绘图实例 結束 n根据上图可以设定一个二维数组来记录障 碍物的位置。数组设定如下所示，其中标 示为1表示该处存在障碍物： 1, 1, 1, 1, 1 0, 0, 0, 0, 1 0, 0, 1, 0, 0 0, 1, 1, 0, 0 1, 1, 1, 1, 0 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 n根据这个背景图，我们可以定义出一个数 组来记录每一个障碍物的位置，我们的数 组定义如下所示： 0, 0, 0, 0, 0, 0, 0, 0 0, 0, 0, 1, 0, 0, 0, 0 0, 0, 0, 1, 1, 0, 0, 0 1, 1, 1, 1, 1, 1, 1, 1 第十一章 小游戏绘图实例 結束 可卷动背景的障碍 超越程序 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 设定了边界的地图， 此时已经是二维地图 第十一章 小游戏绘图实例 結束 11-2斜角地图 n使用贴图方式制作斜角地图，必须先明白如 何制作透空图，也就是在贴图时，图片的背 景是透明的，如此在重复贴图时才不致于使 得背景覆盖了其它的图片。 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 原 图 遮 罩 图 第十一章 小游戏绘图实例 結束 n将屏蔽图贴到背景图上，并与背景图上的 每一点进行AND运算，其结果会如下所示 ： 屏蔽与背景中每一点像 素进行AND运算 第十一章 小游戏绘图实例 結束 斜角地图拚接 地图方格 屏蔽图 第十一章 小游戏绘图实例 結束 n使用键盘进行人物移动 操作，移动的方 式与成果如右图所示： 上 左 右 下 第十一章 小游戏绘图实例 結束 无锯齿，无边界的协角地图 第十一章 小游戏绘图实例 結束 有障碍物的斜角地图 坐标定位与数组索引的对应 第十一章 小游戏绘图实例 結束 少了方格线，看来已有游戏的感觉了 第十一章 小游戏绘图实例 結束 11-3粒子运动 n粒子的信息描述越详细，烟火的模拟就可以 越逼真，为了简化范例说明的逻辑，我们将 每个粒子的信息定义如下： Private Type pot state As Boolean 是否存活 x As Integer 碎片目前X位置 y As Integer 碎片目前Y位置 Vx As Integer 碎片的水平速度 Vy As Integer 碎片的垂直速度 color As Long 绘制碎片的不同颜色 End Type 第十一章 小游戏绘图实例 結束 五彩缤纷的烟火施放 第十一章 小游戏绘图实例 結束 雪花效果 n一个雪花粒子的基本定义： 01 定义雪花粒子 02 Private Type snow 03 x As Integer 雪花的 X 位置 04 y As Integer 雪花的 Y 位置 05 size As Integer 雪花的大小 06 End Type 第十一章 小游戏绘图实例 結束 雪花效果，每个粒子的大小并不相同 第十一章 小游戏绘图实例 結束 瀑布粒子 n每一个粒子定义如下 瀑布粒子 Private Type water x As Single X坐标 y As Single Y坐标 Vx As Single 水平速度 Vy As Single 垂直速度 time As Integer 下落时间 End Type 第十一章 小游戏绘图实例 結束 瀑 布 效 果 第十一章 小游戏绘图实例 結束 11-4立体坐标与投影效果 n立体坐标转换 第十一章 小游戏绘图实例 結束 n其中X、Y、Z与r、a的互换公式，我 们可以配合三角函式来进行转换，转换公 式如下所示： 第十一章 小游戏绘图实例 結束 实作心脏线公式绘图 第十一章 小游戏绘图实例 結束 立体坐标旋转 第十一章 小游戏绘图实例 結束 绕y轴旋转b角度 绕x轴旋转a角度 绕z轴旋转c角度 第十一章 小游戏绘图实例 結束 这是投射至xy 平面的坐标值 第十一章 小游戏绘图实例 結束 第十一章 小游戏绘图实例 結束 具远近感的立方体 n我们以l、m、n三个变量来表示，一个非 平行投影的示意图如下所示： 第十一章 小游戏绘图实例 結束 n观察物体远近时通常使用定点观察，所以我 们之前的立体坐标公式可以简化，在考虑了 观察点位置之后，我们可以得出以下的公式 ：