一.Sprint组件的使用 1.游戏中显示一张图片,通常我们称之为"精灵" sprite 2.cocos creator如果需要显示一个图片,那么需要在节点上挂一个精灵组件,为这个组件指定要显示的图片(SpriteFrame) 3.显示一个图片的步骤 a.创建一个节点: b.添加一个组件: c.要显示的图片(SpriteFrame)拖动到SpriteFrame: d.配置图片的SIZE_MODE(CUSTOM=>和cc.Node的大小一样:RAW=>原始图片大小:TRIMM

UGUI:Unity官方最新,与NGUI同源 UI:User Interface(用户的操作界面),图片+文字 UGUI的组件: 1.创建UGUI组件时,会默认创建Canvas(画布)和EventSystem(时间系统) 2.所有UGUI组件必须放在Canvas下才能显示 Image组件(显示图片) Source Image(源图片):只支持Sprite精灵类型 Color(颜色):原有基础上叠加 Materials(材质):做溶解的效果 Raycast Target:是否接受UGUI事件系统的

坑1:因为替换图片要获取所有包含image的组件,开始我使用的是gameobject.getComponents<Image>()和FindObjectsOfType<Image>() 然鹅~getcomponts只能得到gameobject本身Image类型的所有组件,无法获取子物体上的. FindObjectsOfType<Image>()只能获取所有激活的image类型的物体,image的enable未开启也可以获取. 使用GetComponentsInChild

一,我们可以给了label,sprite等添加button事件 我们先添加一个label在UI_Root上,然后选中该label,右键-Attach-Box Collider,添加,当你添加完了Box Collider,然后右键该label,你就可以右键-Attach-添加脚本,这里有各种各样的方法脚本,这里我们选择Button Script. PS:需注意的是,当我们添加了一个Box Collider,你右键-Attach-是不会出现Box Collider这个选项,只会出现各种方法脚本,如果

JustWeEngine - Android FrameWork An easy open source Android Native Game FrameWork. Github Game core graph How To Import? Import Engine as Library to use; OR Import *.jar in "/jar"; OR use Gradle to build: Step 1. Add the JitPack repository to y

http://cn.quick-x.com/?p=1436 多种分辨率的适配一直都是一个蛋疼的问题,各家公司可能都有自己的一套方案.今天我为大家介绍的是我们在多款游戏里实践后的解决方案,相对来说成本和实现难度都较低,效果也很不错. 多种分辨率适配的原理 因为横屏和竖屏的原理完全相同,所以本文先以竖屏为例,后文再说明横屏的处理. 制作一张 640×960 像素的图片,并传入设备查看: 查看时将图片缩放到合适大小,确保图片左右两边正好填满整个屏幕. 在不同分辨率的设备上,这张图片的显示效果差异体现在

这篇随笔专门做SDL的DLL开发. 下面这个版本暂且称为Beta版本吧. /* typedef void (*FUNCTION)(void); HMODULE HDll; HDll = LoadLibrary("SDL_PingGe.dll"); if(HDll == NULL) { printf("Load library failed!\n"); FreeLibrary(HDll); return 0; } FUNCTION fun = FUNCTION(Get

最近在开发一款功夫猫游戏,本来使用Unity Sprite制作,但是发现Sprite对各种分辨率不支持. 看着游戏很简单就使用UGUI制作,在中途发现有很多帧动画播放,使用了Animation调整使用多了的确很不方便. 于是改成脚本来控制Sprite帧动画切换,慢慢开始形成了写一个插件来调整. 写了两个通宵终于搞定了. O(∩_∩)O~ 效果图: 代码: 组件类: using UnityEngine; using System.Collections; using System.Collecti

我们先来看下帧动画,顾名思义,就是一帧帧的图片组成的动画,我们须要用到UISprite Animation组件,它的属性例如以下: Framerate:播放速率,也就是每秒钟播放的帧数 Name Prefix:图片名字的前缀,能够用来过滤图片集中的图片,从而指定你须要的图片 Loop:循环 依照前面文章创建UI的步骤,我们创建一个sprite,一个button,通过点击button来控制动画的播放和暂停.OK,首先我们创建一个Atlas,把我们的须要的素材放进去,例如以下图: 点击Create创

 NGUI Example5 – lights and Refraction        NUI这个系统是在是牛.比unity3D里面自带的gui要好用得多.还能够为GUI加入法线贴图! 哈哈. 尽管在EZgui里面也能够. 接下来的样例,我不在使用它自己的样例了.由于反复性劳动太多.大家看了也烦.我就说说怎样给它增加法线贴图.并实现动画的简单样例. 1.         创建一个Simple2D NGUI结构,如图所看到的:   1.         创建一个Sprite.其參数如图所看

在cocos2dx 3.0 版本号,回调函数本质4一个CC_CALLBACK_N 替换功能.N的回调函数的参数的数量的代表 1.让我们来看看这些CC_CALLBACK_N怎么用 比方action的回调 ,CC_CALLBACK_0 auto animation = Animation::create(); auto animate = Animate::create(animation); CallFunc* animateDone = CallFunc::create(CC_CALLBACK_

完成的内容:1.修改上一篇博文中的Bug  2.完成任务窗口逻辑 using System; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class ActionController : MonoBehaviour { public Button closeBtn; public Button recvBtn; ]; public Sprite recvSprite; publ

这两天由于项目的需要,所以简单学了一下phaser框架. 官网:http://phaser.io/ 还有一个phaser小站,是中文的网站,但是内容不如英文文档全,大家也可以去看这个网站,需要查阅API时,再去英文网站也可以 :https://www.phaser-china.com 分享一下入门教程:http://club.phaser-china.com/topic/59899a81484a53dd723f422b demo地址:https://github.com/dreamITGirl/

前言:关于Unity中关于UI的插件,我们最开始学的是UGUI,是Unity自带的UI系统,而在Unity版本还没更新出UGUI之前,除了NGUI没有一个更好些的插件,所以人们不得不去选择NGUI去制作UI,但随着Unity做出了自己的UGUI系统之后,人们更多是使用Unity自带的UI系统,也就是UGUI,这里我也只是简单的认识一下,毕竟前面学习了UGUI,它们很相似,好了,废话不多说了 下载NGUI 在Unity官网的Asset Store中下载UGUI 看NGUI的例子 在学习一个插件之前

2.2添加一个按钮Button 来看看特有的属性:Button Properties Data 显示的文本 Behavior 中的几个: Aoto Size 选中时就是按钮的背景会根据Data中的文本缩放成最小的范围. Space to Click 默认是选中的,暂时还不知有什么用. Group 可以选择当前的按钮和那个控件是一组的. TextAppearance 中的内容: Font 字体,动态和静态 水平的对其方式和垂直的对齐方式(注意是指按钮中的Data文本相对于按钮的自身外边框的对齐位置

Atlas是NGUI的图集.我的理解是:Atlas把你的一些零散的图片,合并成一张图.这样做的优点是,能够减少Draw Call.我不了解它的底层运作机制,我猜应该也是再行进DXT之类的纹理压缩,所以,最好把图集的尺寸,也做成128, 256,512,1024之类的大小,以方便其进行格式压缩. 概念: Atlas : 图集.把美术给你提供的素材,用 NGUI 的 Atlas Maker 工具,合成一张图片(准确的说,还同一时候生成了prefab.mat ). Sprite:精灵.因为Atlas已

(游戏蛮牛首发)大家好我是孙广东.官网提供了专业的视频教程http://www.daikonforge.com/dfgui/tutorials/,只是是在youtube上.要观看是须要FQ的. 只是教程还是文本更好一些,便于观看查找. 2.2  加入一个buttonButton 来看看特有的属性:Button Properties Data 显示的文本 Behavior 中的几个: Aoto Size 选中时就是button的背景会依据Data中的文本缩放成最小的范围. Space to Cli

1.收集一些PNG或PSD格式的button按钮图片(放在img文件夹下,全选) 2.选择需要制作button的图片,NGUI--Atlas Maker--Create,会出现三个命名一样的东西,1个是预制体,1个是材质球,1个是所有你选择图片的整合 新建一个button,修改button的BackGround的UISprite属性,选择Altas的图集(新建图集的名字),选择Sprite的背景图片,OK

第一次接触EZ GUI,记录学习过程 准备工作 导入资源 导入 EZ GUI 1.0795.unitypackage 和 SpriteManager2 v1.92.unitypackage EZGUI_Demo_Simple.unitypackage 我的工程目录 Hierarchy结构 菜单栏增加项 可以发现菜单栏多了些工具选项 创建Button 1.新建一个 Layer ,命名 "GUI" 2.创建一个新的GameObject ,命名 "UIManager",挂

Phaser是一个简单易用且功能强大的html5游戏框架,利用它可以很轻松的开发出一个html5游戏.在这篇文章中我就教大家如何用Phaser来制作一个前段时间很火爆的游戏:Flappy Bird,希望大家看后也能做出自己的html5游戏.大家可以先点击这里来试玩一下我已经做好的这个游戏,感受一下Phaser的游戏效果,游戏的完整代码我已经放到github上了.支持的浏览器:IE9+.Firefox.Chrome.Opera.Safari以及移动端的能支持html5的浏览器,推荐使用谷歌浏览器,