原地址: http://liweizhaolili.blog.163.com/blog/static/1623074420140591864/ 最近在玩游戏<高达破坏者>,里面的高达出现的效果我觉得挺酷的,所以自己写了个shader: 简单思路: 1.模型分好UV 2.shader使用2张贴图通道,第一张是漫反射,第二张是发光网格 3.使用顶点片段程序,在顶点程序记录顶点pos的时候多记录一个y轴坐标 4.设置一个高度显示范围,并根据时间累加. 5.进入片段程序的时候,判断y轴坐标范围与高度显…

//窗口渐现效果void MainWindow::closeWindowAnimation() //关闭窗口效果 { QPropertyAnimation *animation = new QPropertyAnimation(this,"windowOpacity"); animation->setDuration(); animation->setStartValue(); animation->setEndValue(); animation->start…

原文NSIS:实现程序窗口逐渐透明的渐入渐出效果 需要修改版的插件(支持timer功能): MUI:InstallOptions.dll MUI2:nsDialogs.dll 以及system插件,(受api限制)只能运行于2k或者更高的平台之上.   轻狂说明: 请在相应目录下建立transparent.ini文件. 001 /* 002 <a href="http://www.flighty.cn" target="_blank">www.fligh…

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 喜欢我的博客请记住我的名字:秦元培,我的博客地址是blog.csdn.net/qinyuanpei. 转载请注明出处,本文作者:…

很多网站都有那种图片渐入的效果,如:http://www.mi.com/minote/,这种效果用css3和一些js实现起来特别简单. 拿我之前做的页面来说一下怎么利用css3来实现图片渐入效果. 下面是页面中的一段html: <div class="features"> <div class="container"> <div class="inner feature"> <div class=&quo…

背景无限循环滚动效果,有X和Y轴的速度控制,方便控制.见下图,操作步骤同之前的背景循环设置. shader如下: Shader "Custom/Scroll" { Properties{ _MainTint("Diffuse Tint" , Color) = (1,1,1,1) _MainTex("Base (RGB)", 2D) = "white" {} //x轴滚动速度 _ScrollXSpeed("X Scro…

转自:http://blog.sina.com.cn/s/blog_89d90b7c0102vaqy.html 热空气扭曲在大自然中形成是比较复杂的,这里只是通过取屏幕纹理和移动UV来模拟热扭曲效果. 先看效果: 详细的原理和实现在下面的代码中. Shader "Xffect/my_distortion" { Properties { _NoiseTex ("絮乱图", 2D) = "white" {} // 絮乱图 _AreaTex (&quo…

笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,已出版书籍:<手把手教你架构3D游戏引擎>电子工业出版社和<Unity3D实战核心技术详解>电子工业出版社等. CSDN视频网址:http://edu.csdn.net/lecturer/144 对于游戏中使用的类似喷墨效果,在射击类游戏中经常使用比如玩家射击的子弹会在墙上出现类似喷墨效果,效果如下所示: 在默认情况下,屏幕的整个Alpha通道都是黑色的,直到玩家开始喷射油墨,才会使被油墨溅…

css3因为其兼容性的问题,被我忽略很久,这次正好做到一个轮播渐显的效果,想了想,正好复习下css3的相关内容,废话不多说,直接上代码. <ul class="cb-slideshow"> <li><span>Image 01</span></li> <li><span>Image 02</span></li> <li><span>Image 03<…

技能CD特效 这个效果主要是利用反正切函数完成.atan2(x,y)的返回值是[-PI,PI],这个支持4个象限的反正切函数.关于圆角计算,在上篇文章中有介绍. 现在,我们来看看反正切函数的效果: 在第一象限:返回[0,PI/2],有渐变: 在第二象限:返回[PI/2,PI],为白色: 在第三象限:返回[-PI,-PI/2],为黑色: 在第四象限:返回[-PI/2,0],为黑色: uv = i.uv - fixed2(0.5,0.5); float hui = atan2(uv.y, uv.x)…

在做UI后期设计时,我们可能要对UI做一些特效,这篇文章我们来学习下如何在Unity3d中对实现渐隐渐现的效果, 首先我们看下Unity New UI即UGUI中渐隐渐现的做法. 观察我们会发现Unity4.6 UI中每个能够显示控件都会有一个CanvasRender对象,CanvasRender有什么作用呢,我们 看下官方的解释:The Canvas Renderer component renders a graphical UI object contained within a Canv…

最近要改客户端,需要实现一个从底部弹出的popuwindow,像我这种渣渣android技术,能整出popuwindow但是整不出动画,百度之,记录一下. 从下面这个地址转的 http://blog.csdn.net/yxhuang2008/article/details/42617805 最近因为要用到PopupWindow,所以,就在网上搜索了一下,发现挺多关于这样的文章,现在我把它们整理了一下. 1.Android PopupWindow 的使用技巧,http://www.cnblogs.…

MatCap方案 使用说明 制作合适的MatCap贴图 这张图决定冰像不像,网上找.Vray渲个球.ASE或者ShaderForge连,甚至直接手绘,总之只要一张长得像下面的图 注意MatCap图只有中间球形区域有实际作用 必须要制作Alpha通道用于冰的透明效果 MatCap Intensity 调整MatCap强度 法线贴图 法线贴图决定冰块的质感,很重要,建议做高模,以下是有无法线贴图的效果对比 Maintex基础纹理 这张图用来做冰块的基础色,增加一些混合色彩,注意控制亮度 Color调…

一.首先,我们先创建一个Text    依次选择Component→UI→Text创建一个Text,创建完成后如下: 二.创建完成后,在Project面板点击Create→C# Script,本例命名为InAndFade 三.编写代码之前,为了确保能够调用到Text类,所以要先手动引入命名空间 using UnityEngine.UI;  四.完整代码如下 public class InAndFade : MonoBehaviour { //渐隐渐现 public bool Show = tru…

.fade-in-section { opacity: 0; transform: translateY(20vh); visibility: hidden; transition: opacity 1200ms ease-out, transform 600ms ease-out, visibility 1200ms ease-out; will-change: opacity, transform, visibility; // 动画性能优化,页面不是特别复杂情况下不要使用,详见:这里 }…

//fadeOut //function start function fadeOut(ele,speed){ var ele=document.getElementById(ele); var opacitynum=ele.style.opacity||1; var speed=(speed/100)||10; function opacityOff(){ if(opacitynum>0){ ele.style.opacity=opacitynum=(opacitynum-0.01).toFi…

下面实例,演示,鼠标经过时,改变div宽度,平滑改变,带动画 div { width:100px; height:100px; background:blue; transition:width 2s; -moz-transition:width 2s; /* Firefox 4 */ -webkit-transition:width 2s; /* Safari and Chrome */ -o-transition:width 2s; /* Opera */ } div:hover { wid…

本示例演示在Android中实现带渐显按钮的左右滑动效果. 关于滑动效果,在我的上一篇博文中提到过,有兴趣的朋友可以访问: http://www.cnblogs.com/hanyonglu/archive/2012/02/13/2349827.html 如果大家想实现带指引效果的左右滑动,请访问博文:http://www.cnblogs.com/hanyonglu/archive/2012/04/07/2435589.html 先看下运行效果:    程序结构: MainActivity文件中代…

写正文前先吐槽一下:端午放假完第一天去某千人以上公司面试前端工程师,第一轮是我应聘职位的部门小领导,谈的不错,面试主要围绕要用到的技术来:第二轮来了我要说的正主,我了个去,问的问题一个和前端无关,问我什么是"死锁",实现二叉树的先序遍历的算法,我真的想知道我面试的是前端么,职责不是用React框架实现公司官网的维护和迭代么.我不否认他问的这些知识点属于某一领域内的基础,但是我哪个前端工程师非必要的情况下在工作2,3年内专门去了解这些工作中几乎用不到的知识呢.我前端都学不完,没学透呢.…

水波效果 Shader "Custom/WaterWave" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {} _WaveStrength("Wave Strength",Float) = 0.01 _WaveFactor( _TimeScale( } SubShader { Pass { CGPROGRAM #pragma vertex vert #pragma…

转载自 冯乐乐的 <Unity Shader入门精要> 透明是游戏中经常要使用的一种效果.在实时渲染中要实现透明效果,通常会在渲染模型时控制它的透明通道.当开启透明混合后,当一个物体被渲染到屏幕上时,每个片元出了颜色值和深度值之外,它还有另一个属性——透明度.当透明度为1时,表示该像素是完全不透明的,而当其为0时,则表示该像素完全不会显示. 在Unity中,我们通常使用两种方法来实现透明效果:第一种是使用透明度测试,这种方法其实无法得到真正的半透明效果:另一种是透明度混合. 在之前的学习中,我…

当我们在拿到一段人声并想把它加入歌曲中时,如果我们发现人声没有渐入的效果,直接加入到歌曲里出现会变得很突兀的话,我们就需要用到这篇文章所介绍的方法,给人声加上一个渐入的效果. 1. 找到我们需要处理的人声并将它连接到混音台 我这里举FL Studio自带人声VOC Introduce为例进行教程.我们将该人声拖入View Playlist后,双击点开,鼠标单击右上角的Track,按快捷键Ctrl+L即可连接到一个新的混音台轨道. 图1:连接到混音台 2. 加入混响 FL Studio自带多种混响…

本文为翻译,附上原文链接. 转载请注明出处--polobymulberry-博客园. 暗黑系 动机 如果你满足以下条件,我建议你阅读这篇教程: 你想了解更多有关表面着色器的细节知识. 你想实现一个入门级别的卡通效果shader(Toon Shader). 你想知道渐变纹理(ramp texture)的使用方式. 你想了解边缘光照(rim lighting)的知识. 准备工作 我们想实现一个toon shader - 一种能让模型看起来具有卡通效果的shader,在图形学领域,这被称作非真实感图形…

本文为翻译,附上原文链接. 转载请注明出处--polobymulberry-博客园. 如果你是一个shader编程的新手,并且你想学到下面这些酷炫的技术,我觉得你可以看看这篇教程: 实现一个积雪效果的shader 创建一个具有凹凸纹理的shader 为每个像素修改其对应纹理值 在表面着色器中修改模型的顶点数据 引论 这是我们系列教程的第二部分,我们将在此部分实现些有用的技术.在学习完第一部分的所有背景知识后,我们将利用所学的知识实现一个简单的积雪效果的shader.效果如下: 准备工作 我们想做…

本文为翻译,附上原文链接. 转载请注明出处--polobymulberry-博客园. 刚开始接触Unity3D Shader编程时,你会发现有关shader的文档相当散,这也造成初学者对Unity3D Shader编程望而却步.该系列教程的第一篇文章(译者注:即本文,后续还有5篇文章)详细介绍了Unity3D中的表面着色器(Surface Shader)的,为学习更复杂的Shader编程打下基础. 动机 如果你是刚刚接触Shader编程的新手,你可能不知道从何开始踏出Shader编程的第一步.本…

对Z深度的偏移 Offset 指令给了我们一个操作正常的ZTest 检测结果的手段. Offset有两个参数,这两个参数理解起来不是很直观,而且具体实现是和硬件相关的 下面在实际例子中看他的效果 Shader "Custom/PassFive" { Properties { //定义一个贴图 _MainTex ("Base (RGB)", 2D) = "white" {} } SubShader { Tags {"RenderType&…

HTML5可不是什么虚幻的概念,与其高谈阔论的讨论HTML5未来的趋势和价值,不如一起研究一下现在的HTML5可以做出哪些成果,可以让我们做出出色的产品. Form Follows Function就是一個展示HTML5实现的网站,目前网站展示了14个作品,其中包括了交互操作以及视觉效果.这些效果本身并不是一个完整的产品,但是加入到产品中就能让产品生色不少. 1.散景(Bokeh) 一种图像的焦外效果,通过HTML5实现的这种效果可以加载在背景.字体浮现. 2.3D效果 3D西红柿罐头汤,可通过…

Activity实现 1 import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.Window; import android.view.animation.AnimationUtils; import android.widget.Gallery; import android.wid…

overridePendingTransition只支持android 2.0以上版本,动画效果在anim目录下的xml文件中定义,在程序中用AnimationUtils.loadAnimation(Context context,int ResourcesId)载入成Animation对象,在需要显示动画效果时,执行需要动画的View的startAnimation方法,传入 Animation,即可.切换Activity也可以应用动画效果,在startActivity方法后,执行 overri…

类似QQ与360软件,消息提示有两种.上下浮动.渐入渐出. 1.上下浮动提示框实现 机制,定时器响应上下浮动消息. 主要API:MoveWindow. 源码如下UpDownTipDlg.h.UpDownTipDlg.cpp. UpDownTipDlg.h [cpp] view plaincopy /* *@brief 上下浮动提示框 *@date 2012-8-9 */ #pragma once // CUpDownTipDlg dialog class CUpDownTipDlg : publ…