使用uGUI制作游戏内2D动画

在3D的游戏中制作2D的效果是一个很常见的需求，我在很早前玩过一个叫做艾尔之光的游戏，里面就大量的使用了这个技术。就像下面图片中的伤害数字，这些数字往往还是有一些动画效果在里面的，比如大小的变化，颜色的变化等。在使用NGUI的时候这个东西做起来有点麻烦，因为2D对象在屏幕的位置需要根据游戏内3D对象的位置进行换算。但是在uGUI中，这个问题有了一个非常好的解决方案。

我先把做好的效果图放上来，原谅我不会做gif，其实图中的圆环是个2D的帧动画。它会跟着cube的移动而运动。

对于如何使用图片制作帧动画不在这说了， 图中效果实现完全依赖于Canvas对render mode的设置，只要设置成如下就可以让3D摄像机拍摄到Canvas的2D内容。就是这么简单，这篇文章就是划水的。Demo地址  https://github.com/klkucan/uGUI

时间： 2024-10-25 11:46:55

使用uGUI制作游戏内2D动画的相关文章

layaAir引擎制作游戏的图集动画、时间轴动画、和骨骼动画总结二

一.角色序列帧.ani动画的制作 1.在项目管理器中创建动画文件 2.创建动画模板,编辑动效名称 3.编辑序列帧动画 .ani格式动画的代码控制 1.动画加载loadAnmition() 2.播放与停止.动效模板切换 3.动画帧位置控制 4.动画播放完成事件 uui截图: Laya.init(1334, 750); Laya.loader.load(["res/comp.atlas","res/role.atlas"],Laya.Handler.create(thi

2D动画的制作

通过css3的transform  transition可以实现平移,旋转,缩放,拉伸等效果 1.缩放 -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); 2.平移 -webkit-transform: translate(0px, 0px); -moz-transform: translate(0p

Unity3D初学之2D动画制

作者:Alex Rose Unity最近宣布推出额外的2D游戏支持,添加了Box 2D物理和一个精灵管理器. 但这里还是有些技巧需要牢记在心.逐帧更改图像只是动画制作的冰山一角,若要让你的游戏出色运行,你还得使用转换和旋转等功能. 现在让我们先从基本技巧开始. 更改帧 如果你已经准备好了制作动画的纹理,你可能会使用SpriteManager脚本的付费版本,或者Unity的新版本.假设你使用的是2D位面和纹理.这就是一个低效率的方法,但如果你是在制作一个game jam的项目,你可能会想塞入一些可

使用cocos2d-js制作游戏新手引导(二)

本文上接前我一篇博文<使用cocos2d-js制作游戏新手引导(一)> 一.定位器的实现 定位器的目的是实现对场景树中的节点精确定位,获取对象实例,从而获取节点在界面中的位置.矩形大小等信息. 定位器:在cocos2d(js)游戏引擎中用于精确描述场景树中的某一节点的字符串,其实现方式借鉴了css(层叠样式表)选择器设计思路,以下我们将实现一个简单的从定位器字符串解析到节点定位的整个过程. 1.定位符规则 在cocos2d中可以通过节点名字.节点tag值来表示一个节点,在js中还可以使用对象的

制作游戏多简单??

摘要:制作游戏多简单?? 很多人都对游戏设计有兴趣,讲了这几场下来,我发现大家对游戏设计抱有很大的好感... 可是听完以后,感觉非常失望的感觉... 所以,今天就贴了这篇~~ 事实上,要说我蛮推崇XNA的话,也算是吧,因为它提供很好的环境 让初学者可以轻松上手...一个游戏可以分成哪些基础部分呢? 最近大家都在玩3D游戏,所以我们就用3D游戏来说吧~ 你们认为一个3D游戏,可以分解成什么样子? 我是这样认为...3D模型.场景的呈现(人物脚色)2D贴图(像是血量阿.道具贴图等)音乐.音效输入设备

【腾讯GAD暑期训练营游戏程序班】游戏中的动画系统作业

游戏中的动画系统作业说明文档   一.实现一个动画状态机:至少包含3组大的状态节点 动画状态机如图所示,其中Blend Tree_Run是一个动画混合树,Blend为混合树的参数,speed为控制动作过渡的参数,共有蹲下空闲状态.走路状态.跑路状态三种状态. (1)    当speed大于0.1时,由蹲下的空闲状态转换为走路状态. (2)    当speed小于0.1时,由走路状态转换回蹲下空闲状态. (3)    当speed大于0.2且在走路状态时,可转换为动画混合树制作的跑步状态. (4)

Unity 3D游戏开发Mecanim动画系统讲解

本期教程和大家分享Mecanim动画系统的重定向特性,Mecanim动画系统是Unity3D推出的全新的动画系统,具有重定向.可融合等诸多新特性,通过和美工人员的紧密合作,可以帮助程序设计人员快速地设计出角色动画.一起跟着人气博主秦元培学习吧! 博主今天想和大家分享的是Mecanim动画系统的重定向特性,众所周知,<仙剑奇侠传>是一部经典的RPG游戏,这部游戏到今天依然焕发着强大的生命力.博主在网上认识了一个制作<仙剑奇侠传>同人游戏的小团队,他们目前正在着手制作一个称为<仙

用UGUI制作手游新手指引

因为这几天工作上的需要,研究了下用UGUI制作新手指引.可以实现这个效果的方法有很多,都用了一遍,最后还是感觉这个方法比较好.我们需要创建一个画布,然后在画布下创建需要新手指引用到的按钮, 然后在需要新手指引的按钮上加2个组件,一个是 Graphic Raycaster 和Canvas ,Graphic Raycaster是用来是否接受可以交互的,Canvas是改变显示的,记得我们这里需要一个遮罩,就用一个Image来做吧 然后我们给这个4个按钮都加上这2个组件,因为这里我是测试所以我需要一运行

Unity制作游戏中的场景

Unity制作游戏中的场景 1.2.3  场景 在Unity中,场景(Scene)就是游戏开发者制作游戏时,所使用的游戏场景.它是一个三维空间,对应的三维坐标轴分别是X轴.Y轴和Z轴本文选自Unity 2D游戏开发从入门到精通清华大学出版社. 要创建一个新的场景,只需单击File|New Scene命令,或者按下快键键Ctrl+N,如图1-16所示. 图1-16  创建程序的命令,以及场景 默认情况下,新创建游戏项目的同时,也新创建了游戏的场景,只不过还没有保存罢了.使用快捷键Ctrl+S即可保