作者：vivo 互聯(lián)網(wǎng)前端團(tuán)隊(duì)- Su Ning 本文通過depth-anything獲取圖片的深度圖，同時(shí)基于pixi.js，通過著色器編程，實(shí)現(xiàn)了通過深度圖驅(qū)動(dòng)的偽3D效果。

該方案支持鼠標(biāo)/手勢與手機(jī)陀螺儀雙模式交互，在保證性能的同時(shí)，為不同終端用戶提供沉浸式的視覺體驗(yàn)。

本文提供配套演示代碼，可下載體驗(yàn)： Github | vivo-parallax 一、引言在當(dāng)今的網(wǎng)頁設(shè)計(jì)與交互中，3D 效果能極大地提升用戶的視覺體驗(yàn)和沉浸感。

但是3D的物料設(shè)計(jì)成本依然很…。