Unity三D界面设计教程市公开课一等奖省赛课微课金奖PPT课件.pptx

Unity3d界面设计教程

---------(NGUI、DaiKon)by:邪让多杰1/26

教程介绍初级中级高级基础控件与操作实战:制作一套完整游戏界面?2/26

申明道理谁都懂，凡夫谈资，学者利用。-----《多杰语录》-这是一个无偿教程,谨防受骗上当。-教程中所含插件，软件，都是和我朋友借，如有版权问题，请联络朋友，与作者无关。-限于作者水平，教程中错误以及遗漏之处，有本事你来打我啊！本教程使用软件：屏幕录像教授Unity3d游戏引擎DaiKonGUI插件NGUI插件v4.0WPS套装Windows8系统土豪外星人M18x基佬一个CompanyLogo3/26

初级Atlas与FontPanel与LabelButton其它控件TCompanyLogo4/26

Atlas与FontAtlas----图集将多张零碎图片融合成为一张图，低碳环境保护。Font----字体动态字体DF-GUI公开版本并没有动态字体，能够和作者要。 使用标准字体文件(.TTF)，能屈能伸份量大。图集字体 将字体弄到图片里，依据坐标静态调用。好处能够使用各种效果，以及聊天表情。5/26

基础控件Panel-----面板 运行在窗口中面板，用于组织界面元素。 每一个Panel，都会让层从0开始。DaiKonPanel常规面板ScrollPanel滚动面板TabContainer选项卡面板 NguiPanel常规面板常规静态切割选项卡要玩家单独实现6/26

基础控件Label-----文本栏 用于显示文本信息，特殊功效：DaiKon颜色：[color#ffffff]内容[/color]图片:[sprit图片名称]渐变：能够在属性栏里设置渐变阴影描边 Ngui颜色：[FF0000]内容[-](没有[-]时，作用域为之后全部文本。图片：需要自定义输入内容。阴影轮廓7/26

基础控件Button-----按钮 用来接收玩家功效操作控件：DaiKonButton本身集成了图片，文字 Ngui 旧版本采取消息机制，新版本使用了委托方式普通button图片button8/26

基础控件其它控件快速演示拖拽控制器onlyDaikon选择框列表框进度条大小控制器onlyDaikon富文本onlyDaikon滚动条滑块输入框9/26

基础控件Tween组件 在两个值之间随时间进行渐变，用于实现一些伴随时间效果。 比如：淡入，淡出，移动，旋转，放大缩小等。DF-GUITweensNGUIITween10/26

教程介绍初级中级高级基础操作实战:制作一套完整游戏界面?11/26

申明-这是一个无偿教程,谨防受骗上当。-教程中所含插件，软件，都是和我朋友借，如有版权问题，请联络朋友，与作者无关。-限于作者水平，教程中错误以及遗漏之处，有本事你来打我啊！本教程使用软件：屏幕录像教授Unity3d游戏引擎DaiKonGUI插件NGUI插件v4.0WPS套装Windows8系统土豪外星人M18x基佬一个过程愉悦必定带来美好结果。享受过程尤为主要。-----《多杰语录》CompanyLogo12/26

中级制作前准备开始动手总结CompanyLogo13/26

准备我们要做什么？一个游戏界面它包含什么？登录人物选择界面加载技能栏任务栏信息栏装备栏背包活动信息栏商店，功效店，任务对话框剧情对话框14/26

准备有哪些可用元素？文本按钮选择框输入框下拉选框进度条，滑块滚动条面板怎样将这些面板组合成我们想要？在使用NGUI和DF-GUI时，分别要注意什么？NGUI：多个物体能够属于同一层。层一定要弄好，不能混乱。DF-GUI：层是独立。在一个Panel下，一个层只对应一个控件both:对齐方式一定要设定好，不然大乱15/26

准备总体结构NGUI 统一层管理，我们约定。基础背景0~1层。一级面板在2层。面板元素3~6层二级面板7~10层。不能超出3级面板。 全部界面做成在一次。统一调度。 好处：快速响应，结构清楚 坏处：内存消耗，开发麻烦Daikon-GUI 只用保持好面板层次关系就好。一样不能超出3级面板。 同一Panel下，一个层只能有一个控件16/26

人物选择界面角色列表面板从外部获取数据，经过预制体，显示信息。（动态列表方法，之后动态列表均不讲解，与此处做法无差异。）角色展现面板界面与游戏结合。进入面板按♂钮17/26