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

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

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

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