随笔分类 - uGUI/Unity2D
Unity下一代GUI和Unity 2D功能的笔记
摘要:练习目标 练习单选框,多选框 Toggle Group:Toggle容器 Toggle:单一的选项 练习步骤 1、创建一个Panel,命名TogglePanel,添加Toggle Group组件,可以看到ToggleGroup面板十分的简洁,那看来Toggle触发的事件要在child下完成了. TogglePanel属性面板 2、在TogglePanel下创建两个Toggle,命名ToggleR...
阅读全文
摘要:InputField 文本输入组件,本文练习InputField的属性及事件 一、属性 1、Character Limit 限制字符长度(0表示不限制),比如:设置只能输入3个字符(中文,英文,数字,符号都按1个字符来算),如下图所示 2、Multi Line:多选显示 3、validation:验证输入类型 4、keyboardType:键盘类型 二、事件 1. onSubmit 当文本...
阅读全文
摘要:练习目标 练习UI的拖放操作 一、相关组件 EventTrigger Canvas Group ScrollRect Mask Scrollbar 二、拖放练习 1、创建一个Panel,命名Panel1,添加EventTrigger组件,稍稍改一下Panel的颜色 2、Panel1下创建一个Text
阅读全文
摘要:练习目标 练习uGUI的滑动组件 一、相关组件 ScrollRect Mask Grid Layout Group Scrollbar 二、步骤 1、创建一个Panel,命名为ScrollRect,添加 ScrollRect组件 2、在ScrollRect下创建一个子Panel,命名为Grid,添加
阅读全文
摘要:练习目标 学习制作一个可拖动的UI 一、步骤 监听UI的Drag事件,需要我们写一点点的代码。 1、创建一个Panel ,设置size为(100,100) 2、创建DraggableObjectScene.cs脚本 3、把脚本绑定在Panel上 4、脚本内容如下: Class DraggableOb
阅读全文
摘要:练习目标 在我之前的文章 Unity 2D Sprite Lighting ,讲到在2D Sprite中可以使用灯光,非常高兴的是,在Unity的新UI系统中我们也可以使用灯光 步骤 1、创建一个Panel,默认是没有材质的 2、为Panel选择 Default-Diffuse 材质 3、选择完材质
阅读全文
摘要:练习目标 练习通过键盘在按钮或其它Selectable类型组件上导航 步骤 创建一排的Button,及一个右边的Button 2、查看Button的属性里有一栏下拉列表Navigation,默认选择的是 Automatic(自动) 3、在Navigation的下方有一个Visualize(可视化)按
阅读全文
摘要:练习目标 通过Animation录制UI动画 一、步骤 1、创建一个Panel,下面再创建两个子Panel 2、修改Canvas的 Render Mode为Screen Space-Camer 3、为每个Panel下添加一个Button 4、转动父Panel的Rotation的Y值,观察Scene和
阅读全文
摘要:一、练习步骤如果用过NGUI的Anchor,我们知道在2.x的版本有UIAnchor组件(下图左),3.x版本中,每个UIWidget有自带的Anchors(下图右)而uGUI的Anchor用起来也一样很直观,简单易使用。1、创建一个新场景,我们创建一个UI/Button——>——>2、创建完成后,...
阅读全文
摘要:一、准备阶段 1、Unity 4.6 Beta b18或更高版本(注:目前泄露版的Unity5.0Beta 对UI的支持并没有4.6 Beta那么好) 2、了解 Unity 2D Sprite的基础知识及操作(包括Sprite Packer及Sprite ),可参考我之前的文章: Unity4.3
阅读全文
摘要:一、前言 写完《Unity4.6新UI系统初探》后,我模仿手机上的UI分别用uGui和NGUI做了一个仅用作演示的ToggleSlider,我认为这个小小的控件已能体现自定义控件的开发过程。由于手头上没有mac版,暂时未能真机测试,PC上的效果如下: 二、制作过程 完整工程托管于github,分为u
阅读全文
摘要:一、引言 Unity终于在即将到来的4.6版本内集成了所见即所得的UI解决方案(视频)。事实上从近几个版本开始,Unity就在为这套系统做技术扩展,以保证最终能实现较理想的UI系统。本文试图通过初步的介绍和试用,让读者对这套系统有大体的了解,以便更进一步评估这套UI系统好不好用,适合用在什么项目。为了避免坑挖太深,更进一步的试用和评估我将在《用uGUI开发自定义Toggle Slider控件》中进...
阅读全文
摘要:EaseType(动画曲线) EaseType 缓动函数或者我习惯叫它动画曲线,在很多的软件或动画中都有涉及到,下面是摘取的一些资料: 缓函数图例 Tween效果 每一幅图像当鼠标移上去,会有路径效果,原文:http://easings.net/zh-cn 图文 更有一篇很详细的图文:http://
阅读全文
摘要:一起来窥探Unity的下一代GUI 预览 UI组件 UI结构 Canvas Button Selection List(滑动列表)
阅读全文
摘要:Sprite Dicing 精灵切割 图一:原图 Diced 设置 Diced[切割]对比图 文档 http://www.2dtoolkit.com/docs/latest/advanced/sprite_dicing.html
阅读全文
摘要:2D游戏中也可以使用灯光?这真是一个好消息,接下来,我将为大家写一下教程 操作步骤 1、创建一个Materilas,修改Shader为 2、创建一个Sprite(使用黑色的图片) 3、创建一个Point Light(注意:PointLight的z一定要在Sprite前面),调整灯光参数 加入灯光后的
阅读全文
摘要:Demo试玩(Kongregate既然也有广告时间了 --!)http://www.kongregate.com/games/zhaoqingqing/2d-touch-movement 操作步骤 1、下载素材 http://pan.bai du.com/s/1gdkQz8v 2、新建三个GUITe
阅读全文
摘要:效果预览 操作步骤 1、下载素材 http://pan.bai du.com/s/1gdkQz8v 2、新建一个GUITexture(Joystick)及一个Sprite(Nyan) 3、添加背景及Platform(添加BoxCollider2D) 4、创建C#脚本 JoystickInput.cs
阅读全文
摘要:骨骼动画 Cool 昨天研究了一天的2D骨骼动画,自己动手做了骨骼动画,感觉比用序列帧做动画方便多了,非常Cool ! 刚开始做骨骼动画用的是一整张图,做动画时在分配完权重之后,拉伸顶点上连接着的其它骨骼还是会有部分变形,解决办法是把身体的各个部位分割成一张一张小图片,然后绑定骨骼,这样做骨骼动画会
阅读全文
