这是一个GUI的排版显示引擎和跨平台的GUI应用程序开发框架,基于NodeJS/OpenGL,这也是第一个在移动端Android/iOS融合NodeJS的前端GUI项目,至此JavaScript成为了真正意义上前后端通吃的语言。
摘要总结:本文主要介绍了一个基于Node.js的跨平台GUI工具包Ngui,包括其设计初衷,基本架构和主要特性。Ngui旨在开发人员能够编写一次代码,并在多种操作系统和平台上运行,同时能够利用标准浏览器引擎进行渲染。Ngui提供了丰富的组件和工具,方便开发人员快速构建跨平台应用,同时提供了强大的热更新机制。
马三最近换到了一家新的公司撸码,新的公司 UI 部分采用的是 NGUI 插件,而之前的公司用的一直是 Unity 自带的 UGUI,因此马三利用业余时间学习了一下 NGUI 插件的使用,并把知识点记录成博客与大家分享。
其实想一下OnGUI方法是在每一帧重绘时进行调用。所以在每一帧的时候就会重新绘制文本框的内容。所以导致哪怕我们进行删除重新输入,则导致又被重新绘制了。所以这个时候,需要用到一个术语,“状态保持”:
Ngui简介 这是一个GUI的排版显示引擎和跨平台的GUI应用程序开发框架,基于NodeJS/OpenGL,这也是第一个在移动端Android/iOS融合NodeJS的前端GUI项目,至此JavaSc
该文对跨平台开源项目Ngui进行基准性能测试,包括创建视图、布局、绘制、事件处理、性能等方面的测试,并对比了iPhone6、Nexus6和iPad mini2在各项指标上的表现。测试结果表明,Nexus6的CPU性能比iPhone6差,但Ngui在Android和iOS上的表现相近。同时,该文还对CSS、Storage、End等方面的性能进行了测试。
按照知识点循序渐进,对Unity中各个类型的Shader都进行了详细系统的阐述。通过大量实例及配图进行讲解。而且游戏中很多常用画面效果以及Unity 5.x相关的新内容都有涉及。相信读者通过阅读本书,对Shader的运用会更加娴熟。 —— 罗盛誉(风宇冲) Unity是一 款上手容易但是想做好却很难的引擎,尤其是Shader部分,所有的渲染效果都离不开它。Unity虽然帮开发 者封装了很多通用的Shader,但是往往还是满足不了策划的需求。所以开发 者太需要对Shade进行系统的学习,那么本书是目前绝 佳的参考资料。 —— Unity开发 者宣雨松MOMO 作者介绍:一只喜欢计算机图形的程序媛。上海交通大学软件学院研究生,爱好写shader,喜欢一切用计算机绘画的技术。本书不仅要教会读者如何使用Unity Shader,更重要的是要帮助读者学习Unity中的一些渲染机制以及如何使用Unity Shader实现各种自定义的渲染效果,希望这本书可以为读者打开一扇新的大门,让读者离制作心目中杰出游戏的心愿更近一步。 本书的主要内容为:第1章讲解了学习Unity Shader应该从哪里着手;第 2章讲解了现代GPU是如何实现整个渲染流水线的,这对理解Shader的工作原理有着非常重要的作用;第3章讲解Unity Shader的实现原理和基本语法;第4章学习Shader所需的数学知识,帮助读者克服学习Unity Shader时遇到的数学障碍;第5章通过实现一个简单的顶点/片元着色器案例,讲解常用的辅助技巧等;第6章学习如何在Shader中实现基本的光照模型;第7章讲述了如何在Unity Shader中使用法线纹理、遮罩纹理等基础纹理;第8章学习如何实现透明度测试和透明度混合等透明效果;第9章讲解复杂的光照实现;第 10章讲解在Unity Shader中使用立方体纹理、渲染纹理和程序纹理等高 级纹理;第11章学习用Shader实现纹理动画、顶点动画等动态效果;第12章讲解了屏幕后处理效果的屏幕特效;第 13章使用深度纹理和法线纹理实现更多屏幕特效;第 14章讲解非真实感渲染的算法,如卡通渲染、素描风格的渲染等;第15章讲解噪声在游戏渲染中的应用;第 16章介绍了常见的优化技巧;第17章介绍用表面着色器实现渲染;第18章讲解基于物理渲染的技术;第19章讲解在升级Unity 5时可能出现的问题,并给出解决方法;第 20章介绍许多非常有价值的学习资料,以帮助读者进行更深入的学习。 本书适合Unity初学者、游戏开 发者、程序员,也可以作为大专院校相关专业师生的学习用书,以及培训学校的培训教材。
一般Game的左上角都有一个玩家基本信息显示栏,包括玩家的图像。这种图像,一般有两种方式,其一:将玩家的图片集中制作成一个图集,利用NGUI/UGUI的sprite加入相应玩家的图片。当然,也可利用Texture。这种方式比较简单,这里不做详细说明。其二,即是利用Render Texture 实时地从Camera中获得图像渲染。现在讲解第二种。
NGUI内建的Anchor系统可以方便的定位UI(底层的一个支持结构是AnchorPoint),例如一些需要全屏显示的游戏界面一般都需要借助这项功能;另外的,对于稍复杂的UI设计,我们可能会将UI进行分层处理,一些游戏状态下我们可能也会主动显示或者隐藏其中的某些层级.而要实现这种UI的分层显示,一种自然的方式便是采用Camera的CullingMask. 两个系统单独来看好像都没有什么问题,但是结合起来使用却容易出现岔子~
上篇简单聊了一下NGUI中Panel裁剪的实现原理,总结来看其实比较简单,就是通过Shader计算fragment关于Panel裁剪区域的相对位置,然后通过调整alpha值来实现裁剪效果~
上一篇博客主要是简单的介绍了下NGUI合并DrawCall的基本原理,就是将一个UIPanel里所有的UIWidget按照Depth的大小进行排序,然后遍历排序后的UIWidget列表,将Depth相邻的并且懂事引用同一个Atlas的UIWidget的几何数据存入到一个UIGeometry中然后统一由一个UIDrawCall来调用GPU绘制。
游戏中使用富文本并不少见,网上资料也有不少,就Unity而言,其也内建了一些对于富文本的支持,NGUI也对富文本有不少功能支持,如果游戏对富文本的需求有限,这些内建的功能应该可以满足,但是如果有更复杂的富文本功能要求(例如复杂的图文混排),那么内建功能就有些捉襟见肘了~
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
在Unity步入2019.4以后,新版的SpriteAtlas日趋完善,已经完全可以在商业项目中使用了。但是纵观网络平台上,许多关于SpriteAtlas的文章还停留在2018的初版时期,其中许多解释在现在看来都是过时的,甚至近期UWA问答上的一篇Q&A也是错误的结论,传送门。(笔者文章写于2020.9月)如果还按照CSDN或者UWA上的这种错误的教程来使用SpriteAtlas的话,一来有可能造成图集和资源的冗余,二来会导致享受不到新版图集带来的开发便利从而影响了效率。因此进行SpriteAtlas和AssetBundle的正确配合使用调研实在必行。
简介 Unity 图形用户界面(unity Graphical User Interface) Unity4.6版本之后引入的界面显示系统 Unity公司自己研发的一套界面显示系统 UGUI和OnGUI、NGUI的区别 uGUI的Canavas有世界坐标和屏幕坐标 uGUI的Image可以使用material UGUI通过Mask来裁剪,而NGUI通过Panel的Clip NGUI的渲染前后顺序是通过Widget的Depth,而UGUI渲染顺序根据Hierarchy的顺序,越下面渲染在顶层。 UGUI不需要
游戏开发过程中遇坑在所难免,没遇到的话基本上也是因为爬的不够远不够深罢了,近日自己便遇到一坑,虽小但又觉的挺微妙(subtle),在此一记~
我们将从日常技术交流中精选若干个开发相关的问题,建议阅读时间15分钟,认真读完必有收获。如果您有任何独到的见解或者发现也欢迎联系我们,一起探讨。 内存 Q:我的项目刚升级到Unity 5.6版本,然后在测试的时候出现了很严重的卡顿,我用Profiler真机检测的时候,发现CPU的Others选项耗时很高,但是看了下也没什么粒子消耗,然后Animator的消耗也不高,这是为什么呢? 📷 A:Unity引擎中有10+的模块,而Profiler面板中也就明确显示出6个,Rendering、Scripts、Phys
通过委托事件在NGUI中给Texture添加点击事件 使用UIEventListener的静态方法Get()进行事件的绑定
首先来看顶点着色器(即vert),前几行都比较传统:使用ModelViewProjection来变换顶点,然后设置顶点颜色和纹理坐标,只是最后一步有些奇怪:
早期的 Unity3D 做 UI 并不容易,以至于大家习惯于使用 NGUI 插件来开发。后来 NGUI 的开发者加入开发了 Unity UI,现在就有了一套更好用的 Unity UI 可用了。
之前写过利用jmeter做分布式压测的简略介绍,当时只是介绍了背景和原因,以及基本的配置操作,有同学说写得不够详细。正好今年双十一,我司的全链路压测,也尝试了jmeter分布式压测的手段。这篇文章,介绍下利用jmeter在NGUI模式下进行分布式压测的一些小技巧和注意事项。
NGUI的Shader用的是Unlit-TransparentColoredShader 修改片元着色器,让原来的col点乘一个grey的值
在实际项目开发中,提起unity优化,肯定是有DrawCall的相关内容的,下面就讲解一下什么是DrawCall以及如何对DrawCall进行优化操作。
Unity中,CPU准备好需要绘制的元素,对底层图形程序接口进行调用的过程,每次引擎准备数据并通知GPU的过程称为一次Draw Call。DrawCall越高对显卡的消耗就越大。 降低DrawCall的方法:
说来其实也不算什么疑难杂症,原因后面再叙,只是最近遇到个代码问题确实令我犯了好一阵疑难,在此简单一记,算作总结吧~
深度学习过程中经常需要和GPU打交道,需要在训练之前确定GPU工作状态。本文介绍python中的pynvml包的使用方法,用来获取上述信息。 安装 直接通过pip安装: pip install nvidia-ml-py 或者根据所使用的python版本安装对应包: pip install nvidia-ml-py2 # python2 pip install nvidia-ml-py3 # python3 使用方法 # 导入包 import pynvml # 每MB包含的字节数
GAutomator是为Unity游戏量身定制的自动化测试框架。类似于UIAutomator操作Android标准控件,GAutomator通过Gameobject为操作单元能够实现对Unity手游的自动化UI测试,同时支持NGUI和UGUIUI控件,能够完成包括click、press、swipe、摇杆和QQ、微信登录等操作。 GAutomator意在提高测试效率,缩短测试周期,能够更早的发现各类Bug。GAutomator是腾讯互娱从近百款手游测试的经验中,构思出的一个手游自动化框架。该框架无依赖,下
Unity对纹理的处理是智能的:不论你放入的是PNG,PSD还是TGA,它们都会被自动转换成Unity自己的Texture2D格式。在Texture2D的设置选项中,你可以针对不同的平台,设置不同的压缩格式,如IOS设置成PVRTC4,安卓平台设置成RGBA16等
本教程致力于.Net程序员可以利用unity技术快速学习和入门游戏开发。一方面通过自己的总结希望可以帮助更多热衷与游戏开发或者编程技术开发的同仁。另一方面可以总结自己所得,提升自己。
unity3D 对于移动平台的支持无可厚非,但是也有时候用Unity3D 开发出来的应用、游戏在移动终端上的运行有着明显的效率问题,比如卡、画质等各种问题。自己在做游戏开发的时候偶有所得。对于主要影响性能的因素做个总结。
由CPU收集美术的资源信息,传递给GPU,通知GPU进行一次渲染过程叫DrawCall
NGUI下增加一个Empty对象,重命名为Joystick。在它本身上加载UIAnchor脚本,设置好它的大小。Joystick的子集中增加俩个新的Empty,命名为Background,Thumb。所有设置如下所示。
所谓选型,我认为就是为了实现某(些)个需求或者解决某(些)个问题所使用的解决方案。它可能是一个技术方案,也可能是一个管理方案,也可以是一个软件、工具或者是流程规范。
2、选择需要下线的主机,开始下线。为了避免下线过程中出现数据丢失的风险,一次下线的主机数量要小于 hdfs block 的副本数量。
因为有不少人都问过我压缩格式的问题,今天飞哥又重新提醒了一次。整理一下发个贴,以供大家查阅和讨论。
领取专属 10元无门槛券
手把手带您无忧上云