视差背景

什么是视差背景?

Parallax 视差 源自一个日常观察 ：

坐车看向窗外时，近处的电线杆飞速掠过，远处的山峰却移动得很慢

• 这种 “近快远慢” 的角速度差，是大脑判断纵深距离的依据
• 应用到幻灯片上翻页时， 背景缓慢平移，幻灯片正常切换
• 平面的画面由此产生纵深感

工作原理：两层以不同速度移动

图层	移动方式
前景层，幻灯片	每翻一页，完整移动一个幻灯片宽度
背景层，背景图	只平移其中一小部分， 缓缓漂移

• 背景图必须比幻灯片大很多， 多出的部分就是留给平移的余量
• 本演示的背景图：14400 × 900 （约 16:1 的长卷）
• 幻灯片默认 1050 × 700，只显示长卷的一小段

在 Quarto 中配置

一共 7 次翻页，每次翻 1271 可以把画卷的宽度滚到头

---
title: "视差背景"
format:
  revealjs:
    parallax-background-image: qingming-parallax-photo.jpg
    parallax-background-size: "14400px 900px"
    parallax-background-horizontal: 1907
    parallax-background-vertical: 0
---

四个选项缺一不可：图片、尺寸、横向与纵向的漂移量

参数详解

选项	作用	建议
parallax-background-image	背景图路径	与 .qmd 同目录
parallax-background-size	背景图渲染尺寸， 宽 高	宽度 ≥ 幻灯片 2 倍
parallax-background-horizontal	横向漂移量	默认 200；长卷建议 800 起
parallax-background-vertical	纵向漂移量	设 0 可让地平线保持稳定

• 横向数值越大，“展卷”的感觉越强
• 页数多的演示可以继续调小横向漂移，让整幅画卷走完

背景图的选择

适合做视差背景的图 ：

• 空景 ：天空、山脉、水面、渐变纹理
• 宽高比大、横向延展性好的图
• 色调柔和，与文字对比明显

需要避免：

• 有明确视觉主体（会随平移分神）
• 色彩过于浓烈（盖过文字）
• 细节过密（翻页时画面杂乱）

文字可读性技巧

背景是照片时，建议给文字加一点浅色描边提高对比度

• 深色文字 + 浅色背景：加白色光晕
• 浅色文字 + 深色背景：改为深色阴影

总结

• 视差 = 近快远慢 的速度差 → 纵深感
• Quarto 只需 4 个 YAML 选项 即可启用
• 背景图要 足够宽、足够空
• 横向漂移量决定 “展卷” 节奏， 纵向设 0 更平稳