#技术巡猎##蔚来# 你有没有注意过,车机地图上同样是一圈向外扩散的扫描光,有的看起来像能量正在流动,有的却像PPT里放大的圆形动画?差别其实不一定在于画了多少层光效,重点是在于,这圈光里的时间、方向、边界和底图,变化的一致性是啥样。常见的做法,是让圆环半径匀速变大,再叠一层透明光晕。动作完还凑合,但起步和结束都很生硬,整圈颜色的变化没有方向感,白天主题里可能看不清,夜间主题又容易亮得发白。蔚来的这套方案,把一个看似简单的扫描环,拆成了几个彼此联动的变量。
第一步先处理时间。程序并不直接拿线性时间推动圆环,而是把它送进一个非线性函数,得到视觉相位。专利给出的方式之一是端点固定的三次贝塞尔缓动。简单说,真实时间仍然一秒一秒向前走,但画面里的动作可以先慢慢启动,中间加速,接近结束时再收住。扫描边界的半径跟着视觉相位推进,圆环因此不会再像尺子一样匀速拉开。半径确定后,系统开始逐个计算屏幕上的像素。每个像素先看自己相对扫描中心位于哪个方向。这个方向会被换算成一个极角,再去色环纹理里取颜色。色环的首尾是连续的,所以从正上方绕一圈回到正上方时,颜色不会突然跳变。这样一来,扫描环不再整圈同色,颜色会随着方向自然流动。
接着,像素还要看自己离扫描边界有多远。
就在边界附近,系统用平滑阈值形成一条高对比度亮边,让人一眼知道扫描推进到了哪里。亮边向内,则按指数规律逐渐衰减成柔和光晕。亮边负责轮廓,柔光负责体积,两者都由像素与当前半径的距离计算,不需要额外画两张互不相关的圆环。
如果只做到这里,它仍然是一圈覆盖在地图上的光。方案又加了一步空间变换。扫描经过某个区域时,像素的采样坐标会产生轻微径向畸变,程序再用变换后的坐标去重新读取底图纹理。于是你看到的不只是光环从地图上滑过去,下面的地图也像被一股波纹轻轻推开。随着视觉相位向后推进,这种畸变会逐渐衰减,底图回到原位。
最后才是主题混合。白天界面本身较亮,方案可以采用偏向变亮但更克制的混合方式。夜间底色较暗,则可以使用颜色减淡一类的方式,把方向色、亮边、柔光和重采样后的底图合在一起。混合不是简单调透明度,它决定了每个像素最终怎样与原画面相加,所以同一套扫描效果在不同主题下不会只靠整体提高或降低亮度。把这条链连起来看,时间决定扫描走到哪,方向决定像素取什么颜色,距离决定边缘有多亮,空间变换决定底图怎样被推开,主题再决定这些结果怎样落到白天或夜间界面。前一步的结果一直在给后一步提供输入,最终才得到一帧画面。
这里需要分清一个边界。这是一种车载地图和座舱界面的视觉扫描,并不是车辆真的打开雷达重新扫描周围环境。它可以用来高亮自车、强调一个区域或者表达系统状态,改变的是用户对界面动作的感受。
这项设计让我觉得有意思的地方,是它认真对待了一圈光。数字座舱的质感往往不是靠塞进更多动画,而是让几个很小的变量在同一时刻说同一件事。圆环在推进,颜色知道方向,边缘知道位置,底图也知道它刚刚经过。等这些变化合在一起,一次普通的高亮才会像一个完整动作,而不是贴在地图上的装饰。
