手电筒效果：用手电筒探索漆黑的页面
手电筒效果会关掉网页上的灯，把一支手电筒交到访客手中。手电筒像第一人称游戏里那样低低地握在角落，以真实的透视转向指针所在的方向，照出一块边缘柔和的光斑，周围带着淡淡的溢光。一道光线从灯头穿过空气，灰尘在光束中飘浮，光照之外的页面陷入黑暗并失去焦点。底下的页面始终不变：链接和按钮在黑暗中照样可用。
使用方法
选择外观
从“夜行”“暖光”“舞台聚光灯”或其他外观开始，在预览上移动指针，让光照遍页面各处。
调整光线
选择手和手电筒（机加工铝、经典黑或扁平手绘）、光斑的大小和边缘、光线、雾气和灰尘，以及页面其余部分有多暗、多模糊。“绘制方式”可选“WebGL，更轻量”或“Three.js，真实 3D 模型”。
使用或导出
登录免费的 UX Pilot 账号，即可把它放到 UX Pilot 画布上，或导出为 HTML 或 PNG。
你可以制作什么
熄灯的首屏
让发布页或预告页在黑暗中开场，让访客用手电筒找到标题。
彩蛋与隐藏细节
藏起一个兑换码、一个折扣或一条消息，只有光照到的地方才会显现。
游戏、悬疑与万圣节
用一束随访客移动的光，为游戏、密室逃脱、播客或万圣节活动营造氛围。
聚焦一件事物
使用不带手的“舞台聚光灯”，把一项功能、一件产品或一幅人像放进一圈光里。
常见问题
什么是手电筒效果？
在网站上，手电筒效果会让页面变暗，只照亮指针周围的一圈，就像访客举着手电筒在探索。手电筒效果还加入了一只会转向光照方向的手持手电筒、一道穿过空气的光线、飘浮的灰尘和光束之外的模糊。
手电筒会改动我的页面吗？
不会。黑暗、光束和手都画在页面之上，底下的页面保持原样：文字仍可选中，链接和按钮照常工作。开启减少动态效果时，页面打开时就是暗的，灯已经亮着，没有任何东西会自己移动。
WebGL 和 Three.js 有什么区别？
两者画出的光、灰尘和黑暗完全相同。WebGL 更轻量，用着色器绘制手电筒。Three.js 把它画成真实的 3D 模型，散热片、滚花握柄和口袋夹都会反光，但加载时间更长。在“绘制方式”中任选其一。
不写代码能做出手电筒效果吗？
可以。在浏览器中调整好，然后登录免费的 UX Pilot 账号，即可把它放到 UX Pilot 画布上，或导出为 HTML 或 PNG。