UAC2015W042324SourceUAC2015W042324章节.pptxVIP

第01课 贪食蛇 —UI设计课程名称 Lesson Title贪食蛇学习者等级 Learner Level 专业能力认证阶段模块 Module 实战演练本课时长 Duration 90分钟学习者背景 Learner Background本课程要求学习者熟悉Unity用户界面，完成应用能力认证课程，对游戏界面设计和相关的类有简单了解。教学目标 Objectives? 掌握贪食蛇游戏的界面设计? 掌握界面自适应? 掌握用代码绘制游戏界面的方法主题 Topics UI设计 UI自适应 在Unity中绘制UIUI设计游戏界面设计思路在制作贪食蛇游戏界面之前我们首先要归纳一下游戏需要的功能，这样我们在设计界面的时候才能有思路可寻。UI设计游戏界面需求分析经过归纳游戏功能之后，发现此游戏简单需要以下几种界面元素。? 墙体? 蛇身? 食物? 开始、暂停、重置、退出等按钮? 游戏信息栏? 游戏LogoUI设计游戏界面制作经过把游戏界面元素分析归纳完之后我们将展开界面元素的制作。制作流程简单为：在Unity3D中用代码控制界面的生成在Photoshop中制作界面元素将界面元素导入Unity3D主题 Topics UI设计 UI自适应 在Unity中绘制UI UI自适应在完成了界面的设计之后，为了避免在游戏测试期间游戏界面不会跟随游戏窗口纵横比的变化而适应它的变化，进而会发生不匹配的错误。为了解决这个问题我们在界面元素绘制的时候对其位置和大小作了一些处理。我们的思路是在描画界面元素的时候让界面元素的大小和游戏窗口用一定的比例建立起来。UI自适应例如下面的代码：public void SelfAdaption(){currentAspect = (float)Screen.width / Screen.height;if(currentAspect Menu.SCREEN_ASPECT) {currentScroll = Screen.width / Menu.SCREEN_WIDTH; screen_offsetX = 0;screen_offsetY = (Screen.height - Menu.SCREEN_HEIGHT * currentScroll) / 2;}else {currentScroll = Screen.height / Menu.SCREEN_HEIGHT;screen_offsetY = 0;screen_offsetX = (Screen.width - Menu.SCREEN_WIDTH * currentScroll) / 2;}}主题 Topics UI设计 UI自适应 在Unity中绘制UI在Unity中绘制UI在实现贪食蛇游戏界面逻辑的过程中我们采用动态加载资源的方法获得界面元素资源。动态加载资源的常用方法为： public static Object Load(string path)bgTexture = Resources.Load(background) as Texture;在Unity中绘制UI当动态载入游戏资源以后我们接下来就应该把拿到的资源在屏幕上绘制出来。绘制界面的常用方法都封装在GUI类中，常用的有：方法描述DrawTexture在矩形内绘制一个纹理Button创建一个按钮Label在屏幕上创建一个文本或纹理标签在Unity中绘制UI例：if(!Menu.isGameOver){if( GUI.Button(Menu.Menu_StartRect, GUIContent.none, Start)){ Menu.isPause = false;}else if(GUI.Button(Menu.Menu_PauseRect, GUIContent.none, Pause)){ Menu.isPause = true;}}课后作业? 完成游戏的界面制作? 完成界面的自适应? 用代码在Unity中完整界面的绘制ss