作者：vivo 互聯網前端團隊- Su Ning 本文通過depth-anything獲取圖片的深度圖，同時基于pixi.js，通過著色器編程，實現了通過深度圖驅動的偽3D效果。

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

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

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