原文鏈接: 簡單模擬 vectorize-text 效果
https://github.com/mikolalysenko/vectorize-text
這個庫的作用是將文字變成直線組成的三角形的集合, 然後我們就可以根據三角形位置來做一些粒子效果了
首先這個在vite2引入後不起作用, 看了下依賴庫, 基本上好幾年沒更新了, 這個確實有點坑啊...
我的實現比較簡單, 用短直線代替, 但是計算量大, 而且效果不好, 只能將就了, 三角形效果會好很多, 而且三角形比較容易做旋轉等變換
從左到右依次遍歷矩陣, 根據一定的距離嘗試是否有點, 如果有, 將兩個點加入點集並設置已加入標示, 這個嘗試順序很重要, 先右上, 然後順時針八個方向
效果看着也還行, 夠用了, 不過粒子特效的話可以直接點採樣了
有一個很奇怪的點是, 好像最後需要做一個轉置的操作, 不知道是不是實現有問題... 下次再好好看看,有沒有更好的辦法