本系列主要参考<Unity Shaders and Effects Cookbook>一书(感谢原书作者),同时会加上一点个人理解或拓展. 这里是本书所有的插图.这里是本书所需的代码和资源(当然你也可以从官网下载). ========================================== 分割线 ========================================== 写在前面 最近由于成为研一新生,被入学的各种事情耽误,好久没有更新博客,好惭愧...刚收拾好我就来更…
一.问题现象 多层fragment叠加时,点击上层fragment会使下层fragment的控件对应点击事件响应,这种现象就是点击穿透. 对于这种情况,我们一般都是对baseFragment进行view的点击事件设置,以达到拦截所有页面上的空白处点击事件,以防止穿透到下层fragment. 二.解决方案 /** * 防止点击穿透 * @param view * @param savedInstanceState */ @Override public void onViewCreated(Vie…
将静态模型(带MeshFilter)按指定轴向.指定距离克隆一个镜像物体出来,思路很简单,将模型的顶点坐标按指定轴取反,并累加上设定的距离值,然后就完毕了!不过,因为镜像体的顶点镜像于之前模型的顶点,所以三角面的渲染顺序要变,面的渲染,在unity中,因为一个三角面是以这个三角面的三个组成顶点的顺时针顺序渲染的,镜像颠倒以后,面的渲染顺序正好相反,模型的面正好全部渲染到相反方向(不过感觉像是一个做双面材质的笨办法),这里将所有三角面保存的顶点信息整体倒置一遍就正好倒置了所有面的渲染方向了. 感觉…
现在的电影里有很多妖魔在死亡后身体逐渐融化并下滑最后化为一滩黑水的情景,本次出于兴趣大致研究了这个效果,原理是控制模型的顶点向一个方向坍塌,坍塌到最低点时再根据法线方向扩散形成黑水状. 第一步: 添加MeshMelt脚本,属性面板如下: MeltDirection:融化的方向轴: Melt Speed:融化速度: 第二步: 选择以Y轴融化为例. 首先,筛选出模型的最高点及最低点. //获取目标网格 _Mesh = _Target.GetComponent<MeshFilter>().mesh;…
今天总结一下文字特效text-shadow,如果用好它可以做出各种不一样的效果,下图是我做出的几种效果. 怎么样,看起来很不错吧,下面贴代码. /* css */ p{ width:300px; margin:0 auto; background:#e9e9e9; padding:30px 0; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; } .a1{…
1.jQuery歌词同步的音乐播放器插件 精巧实用 之前我们分享过很多音乐播放器和视频播放器,很多播放器的UI界面都非常酷,特别是利用HTML5和CSS3实现的一些动画特效.今天要分享的一款基于jQuery的音乐播放器,它的特点是歌词和音乐可以同步播放,而且播放器整体非常精巧,适当修改可以作为你博客的播放器挂件. 在线演示 源码下载 2.jQuery美化版下拉框 开放API接口 这是一款很实用的jQuery下拉框美化插件,它的外观并不是很炫酷,但是跟浏览器自带的下拉选择框相比却要精美不少,而且自…
2D居中效果 div{ width: height: backgroundcolor: position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) }    将DIV绝对定位后,使用transform(使改变,使移动)将其移动. 2D旋转效果 div:hover{ transform:rotate(45deg) } 当鼠标放到DIV上,这个DIV旋转45度角. 中心在左上角加一句代码在div中: Transform-o…
 1 类图组织 2 实例 CCSprite * spr = CCSprite::create("HelloWorld.png"); spr->setPosition(ccp(winSize.width/2,winSize.height/2)); addChild(spr); //GridAction //CCFlipX3D * action = CCFlipX3D::create(2); //CCFlipY3D * action = CCFlipY3D::create(2);…
在网页中经常可以看到各种各样的动态时间显示,在网页中合理地使用时间可以增加网页的时效感. 显示当前时间 getHours().getMinutes().getSeconds()分别获得当前小时数.当前分钟数.当前秒数. 打开网页文档,在head标签中输入以下代码: <script> function showtime(){ var now_time = new Date(); //创建时间对象的实例 var hours = now_time.getHours(); //获得当前小时数 var…