视差滚动
目录
视差滚动
视差滚动是计算机图形学中的一种技术,其中背景图像通过相机的速度比前景图像慢,从而在距离的 2D 场景中产生深度错觉。该技术源于 1930 年代以来传统动画中使用的多平面相机技术。
视差滚动在 2D 计算机图形学中得到普及,并在 1980 年代初期引入了视频游戏。街机视频游戏 Jump Bug (1981) 中使用了一些视差滚动。它使用了有限的视差滚动形式,主场景滚动,星空固定,云朵缓慢移动,增加了风景的深度。次年,Moon Patrol (1982) 实现了完整的视差滚动形式,三个独立的背景层以不同的速度滚动,模拟它们之间的距离。Moon Patrol 经常因普及视差滚动而受到赞誉。丛林之王 (1982),后来被称为丛林狩猎,也有视差滚动,并在 1982 年 6 月的月球巡逻一个月后发布。
视差滚动的方法
街机系统板、视频游戏控制台和个人计算机系统的标题中使用了四种主要的视差滚动方法。
例子
在下面的动画中,三层以不同的速度向左移动。它们的速度从前向后递减,并对应于与观察者的相对距离增加。地面层的移动速度是植被层的 8 倍。植被层的移动速度是云层的两倍。

- 云层 – 返回
- 植被层 – 中间
- 地层 – 前面
- 动画
网页设计中的视差滚动
Web 开发人员 Glutnix 在 2007 年的博客文章中创建并分享了浏览器中视差滚动的首批实现之一,其中包括示例代码和使用 JavaScript 和 CSS 2 的演示,支持 Internet Explorer 6 和那个时代的其他浏览器。然而,直到 2011 年 HTML5 和 CSS 3 编码的引入,该技术才在 Web 设计师中流行起来。拥护者认为这是一种拥抱网络流动性的简单方法。支持者使用视差背景作为更好地吸引用户并改善网站提供的整体体验的工具。然而,普渡大学 2013 年发表的一项研究揭示了以下发现:……虽然视差滚动增强了用户体验的某些方面,但它并不一定会改善整体用户体验。