dragonir

摘要： 近期工作有涉及到數(shù)字大屏的需求，于是利用業(yè)余時間，結(jié)合 Three.js 和 CSS實現(xiàn)賽博朋克2077風格視覺效果 實現(xiàn)炫酷 3D 數(shù)字地球大屏頁面。頁面使用 React + Three.js + Echarts + stylus 技術棧，本文涉及到的主要知識點包括：THREE.Spherical 球體坐標系的應用、Shader 結(jié)合 TWEEN 實現(xiàn)飛線和沖擊波動畫效果、dat.GUI 調(diào)試工具庫的使用、clip-path 創(chuàng)建不規(guī)則圖形、Echarts 的基本使用方法、radial-gradient 創(chuàng)建雷達圖形及動畫、GlitchPass 添加故障風格后期、Raycaster 網(wǎng)格點擊事件等。 閱讀全文