純前端實現圖片偽3D視差效果

作者：vivo 互聯網前端團隊- Su Ning 本文通過depth-anything獲取圖片的深度圖，同時基於pixi.js，通過着色器編程，實現了通過深度圖驅動的偽3D效果。該方案支持鼠標/手勢與手機陀螺儀雙模式交互，在保證性能的同時，為不同終端用户提供沉浸式的視覺體驗。 本文提供配套演示代碼，可下載體驗： Github | vivo-parallax 一、引言 在當今的網頁設計與交互