zoukankan      html  css  js  c++  java
  • NGUI Example5 演示示例评论– lights and Refraction

    
    NGUI Example5 – lights and Refraction
           NUI这个系统是在是牛。比unity3D里面自带的gui要好用得多。还能够为GUI加入法线贴图!

    哈哈。

    尽管在EZgui里面也能够。


    接下来的样例,我不在使用它自己的样例了。由于反复性劳动太多。大家看了也烦。我就说说怎样给它增加法线贴图。并实现动画的简单样例。
    1.         创建一个Simple2D NGUI结构,如图所看到的:

     
    1.         创建一个Sprite。其參数如图所看到的:


    1.         接着,选择Panel,在里面把Normals打开(关键,不然法线效果不出来),再为场景打一盏平行光。这样法线贴图的效果就出来了,如
    1.         如今来创建一个当鼠标放在图标上时。一个点光源从左向右移动的效果。为场景创建一个点光源,把它放在sprite的左边,如图所看到的:
    1.         选择该点光源,打开动画窗体(window->Animation,如图所看到的:


    1.         点击该窗体左上角的红色圆点图标,開始录制,此时会弹出保存动画文件的窗体,为它起名为LightMove。点击保存之后。大家会发现,点光源自己主动加入了一个Animation组件。如图所看到的:
    1.         在第零帧加入一个X轴的关键帧,如图所看到的:


    1.         把播放光标拖到1秒钟处,再加入一个关键帧。在场景编辑窗体中,把点光源移动到sprite的右边,此时。Animation窗体会把此变换记录在1秒钟的关键帧中。如图所看到的:

    1.         关闭Animation窗体,这样,点光源就完毕了移动动画的制作,当然。你也能够同一时候给它光照强度,颜色等的动画。最后。在点光源中把Animation组件关闭。我们用button play animation组件来触发给动画。
    2.         选择Sprite,在Nui菜单中选择Attach a collider。如图所看到的:


    1.         再给sprite加入一个Button Play Animation组件(Component->NGUI->Interaction->Button Play Animation,并设置其參数例如以下:

    哈哈,点击播放,看看。大功告成!

    帅!

    在改样例中,关键是使用了refraction altas,打开这个altas能够看到,它採用了法线贴图来实现效果,如图所看到的


    这项。只是希望你能够想到的,基本可以实现。!

  • 相关阅读:
    在scrapy的spiders文件中设置请求时间间隔
    Python中map和reduce函数
    正则表达式
    eslint下的rules一些规则(转:备用)
    谷歌云设置xshell登录
    (过期)活动赠送的国外云服务器VPS【速度极慢,适合小白练手】
    关于服务器的那些事~~~
    call()和appy()的区别及常用场景
    javascript中使用this关键字的大总结
    懵懵懂懂、迷迷糊糊
  • 原文地址:https://www.cnblogs.com/zfyouxi/p/4814301.html
Copyright © 2011-2022 走看看