裸眼3D效果的实践之路-悲鸿.pdf

1、杭州2025.3.8裸眼3D效果的实践之路2（悲鸿）狄清乐本地生活资深无线开发专家di.dqlalibaba-IntroAgenda视觉效果及价值概述技术方案与体验素材制作与投放探索与展望PART裸眼3D技术裸眼3D视觉效果裸眼3D技术，通俗地说，就是让用户不借助任何外部设备，仅凭肉眼将平面二维图片或视频看出三维立体的效果。而普遍意义上的裸眼3D技术是指通过双目的视差来实现。裸眼3D的视觉效果，是一种视觉欺骗，这种效果主要是通过“出框”来实现的。也称为出框效果。接下来的部分将主要讨论“裸眼3D视觉效果”的实现。线下效果线上效果成都太古里商圈里的大屏幕裸眼3D效果，通过90的折角构建出框效果，带

2、来非常出众的视觉效果。微信朋友圈的裸眼3D出框视频赋能品牌广告。调研发现，炫酷的创意样式更容易得到品牌广告主的青睐。PART需要一点点图形学基础，或者DeepseekYou need a little bit of basic knowledge in graphics,but its okay if you dont have any because theres Deepseek.实现裸眼3D，技术上需要准备什么？Vertex ProcessingRasterizationFragment ProcessingBlendingGraphics pipelineMedia PlayerCom

3、mand StreamTransformedGeometryFragmentFramebufferImageDisplay截获系统播放器视频流，由图形管线接管渲染流程，对视频帧顶点和片段分别进行处理。图形管线接管渲染Video Frames一分为二逐像素处理逐像素处理逐像素处理逐像素处理裸眼3D视频帧用于取色用于计算通过接管视频帧渲染流程，使用Shader逐像素对视频帧进行处理，达到裸眼3D的视觉效果。自研播放器支持出框效果通过!+!来计算采样像素的采纳与否来绘制圆角。当圆角半径超过5 Pt时，会出现明显的“走样”效果，如下图所示，圆角缺乏圆润感圆角处理在Shader的处理上需引入“抗锯齿”算

4、法进行反走样处理。会增加每个像素处理的计算量，经验证，对性能的影响微乎其微。场景卡视频区域rrr理想理想现实现实从信号理论来看，走样（锯齿）的产生是信号变化的太快（高频），而采样太慢。时域（Spatial Domain）频域（Frequency Domain）傅里叶变换逆傅里叶变换锯齿的原理性解释锯齿 空间采样错误时域时域频域频域高通滤波高通滤波低通滤波低通滤波采样11111111119低通滤波卷积操作通过先模糊再采样的方式可以有效抗锯齿，而模糊是一种周围像素对某个像素求平均的结果，可以使用卷积来实现，例如选择一个 33 的卷积核。1 Pixel的卷积核25%50%75%100%1 Pixel

5、 Width裸眼3D视频在播放结束后，会通过动画的形式缩放到场景卡的“第一个坑位”，但使用系统原生动画对播放器的外层View的四个顶点去缩放，会造成动画体验问题。所面临的体验问题01坑坑三坑坑坑三坑裸眼3D视频动画中间态一坑广告位AA动画缩放A1坑坑三坑一段动画二段动画横屏播放态（7.25秒）一段动画态（0.5秒）小屏播放态（2秒）二段动画态（0.25秒）次X两种不优雅的采样方式优雅的采样方式第一种采样方式在动画结束时，丢失了较多的主体信息。第二种虽然保留了主体信息，但主题物没有采用合适的缩放比例。这种采样方式保留了更多的主体物信息。动画插值器（线性动画插值器（线性/非现性）非现性）xyzuv

6、wyxzA=Vertex=AVertexOpenGLES 3.0/Metal/OtherManagerScheduleEventStorageCacheDownloaderAPIAdapterPipelineEffectAnimationTransformerSceneSpiritRenderer3D Player Render EngineArchitectureClient（首页业务）首页场景卡3D PlayerServer首页业务（*/homepage）运营供给服务搭建后台预加载展位投放展位投放前端投放后台投放管理视频处理预加载计划配置裸眼3D端到端投放链路投放效率优化引入自动化配置进行