视差贴图(Parallax Mapping)
视差贴图目前已经被广泛运用了,只需要增加一种模型表面的深度纹理信息之后,就能近似的模拟模型的凹凸,在不需要灯光,不需要环境反射的情况下,可以比较真实的模拟真实世界.
原理:
根据用户的观察角度来将纹理坐标偏移,就是把模型表面较高的位置来遮挡位置较低的位置.当用户观察角度改变的时候,让一些像素的纹理坐标偏移来遮挡一些像素,从而使观察者感觉到凹凸...
分类:
移动开发 时间:
2016-04-22 20:27:11
阅读次数:
358
超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。 源码下载 在线演示 美!视差滚动在图片滑块中的应用 视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够
分类:
Web程序 时间:
2016-02-15 10:43:58
阅读次数:
218
最近在看视差滚动的原理和实现方法。最简单的是使用css的属性background-attachment: fixed || scroll || local,使用这个便可以实现简单的视差滚动效果,但是想完成一些更加炫酷的效果。就得使用js啦,其中最简单的莫过于使用parallax。js插件。
下面有个使用该插件的html代码(ps:这个代码是从网上扒的,里面的一些js的引用还有图片...
分类:
Web程序 时间:
2015-08-05 10:37:47
阅读次数:
151
最近流行的一种界面效果,是瀑布流的header固定,也叫sticky header或者parallax。对于UITableView,可以比较方便地让table header固定,但是对于UICollectionView,原生的iOS API比较难以实现。本文推荐一个开源组件,专门用于实现这种效果...
分类:
Web程序 时间:
2015-07-21 06:49:39
阅读次数:
232
需求: 这几天做新网站要用到视察滚动,我起初去鑫大大那找了一个插件parallax ,最后发现不合适,这个只能做一些大图层的变换,而且要将一些小的元素也滚动的话,用parallax特别不方便。然后再搜,发现一个新的叫SuperScrollorama,但是里面要加载的资源很多,需求是 只需要变化元素,...
分类:
其他好文 时间:
2015-07-01 08:39:11
阅读次数:
161
近些年讨论得很热烈的设计趋势是视觉差滚动效果。不管你喜不喜欢,很多网站都在用它。在本教程中,我会介绍视觉差滚动和用jQuery插件Stellar.js来制作视觉差滚动效果。 视差滚动(Parallax Scrolling)是什么? 视差滚动是当用户滚动页面时,前景和背景以不同的速度移动,从而创造.....
分类:
Web程序 时间:
2015-06-27 11:34:19
阅读次数:
160
MJParallaxCollectionViewhttps://github.com/mayuur/MJParallaxCollectionViewThis is a parallax for the cells inside UICollectionView. It gives us an eff...
分类:
其他好文 时间:
2015-06-09 23:16:33
阅读次数:
159
by zhangxinxufromhttp://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=4720一、效果Demo先行~视差滚动效果大家可能都听过,基本上都是JS实现的,有对应插件 –Parallax.js.实际上,如...
分类:
Web程序 时间:
2015-05-19 18:19:45
阅读次数:
147
视差贴图,不同于法线贴图的是,会根据视角调整纹理映射的偏移,从而产生遮挡效果,
但在多边形的边缘仍然是平的。
(这个需要用浮雕映射来解决,利用gs阶段,输出更多的顶点,从而产生新的多边形,
需要硬件能支持相应的渲染管线,题外话,此处略过不表,
笔者认为如果边缘一般距离视点较远的话,一般情况下影响的效果有限)
首先要有一个高度图
根据视角,以观察到的点为终点,以纹理的最大高度(1...
分类:
其他好文 时间:
2015-05-13 08:50:49
阅读次数:
137