滑動拖尾,效果看起來好看很多!

2021-10-09 17:09:27 字數 1629 閱讀 9012

1、預覽效果

2、實現原理

滑動的軌跡分為多段,完整劃痕由多段短的軌跡拼接而成。滑動過程中,記錄一定數量的滑動點,根據兩點間的距離和位置,計算兩點間短軌跡的長度和角度,當有新的點新增進來時,刪除最先新增的點,用類似方法,在軌跡最前端,再新增一條短的軌跡,類似下圖效果。

3、短軌跡實現

短軌跡例項。只需要找一張合適精靈,用來進行拉伸即可,新增短軌跡的時候,用來例項化新的短軌跡用,我這裡就是隨便找的一張上下有透明,左右都是可以直接銜接的精靈圖。

短軌跡位置。直接用新傳入的座標點即可,如下圖的 now 節點位置。

短軌跡大小。計算當前節點和前乙個節點的距離即可,即上圖所示,now 節點和 last 節點之間的距離,然後對 now 節點進行拉伸,now 節點的錨點設定成 (1, 0.5),即是沿著紅色箭頭方向拉伸。

短軌跡的角度。計算圖中 a 和 b 向量的夾角即可,a 向量選了乙個 (1, 0) 的單位向量進行計算,b 向量,直接通過 now 節點和 last 節點的相對位置計算即可。

4、長軌跡實現

節點數的控制。如果滑動的節點太多,不對數量加以控制,會新增很多節點,我這裡控制新增的節點數量是 20,超過 20 個,會移除掉最老的節點,在陣列的尾部,新增乙個新節點。

漸變的控制。為了模擬從頭到尾有的大小變化,修改短軌跡的高度,越是靠前,高度越大,這樣就會有乙個漸變的效果。

5、**

#點讚、再看、分享,你看著來#

《你只是看起來很努力》

你只是看起來很努力 最近讀完了裡李尚龍的 你只是看起來很努力 這是第一次讀李尚龍的書,他的行文風格和那種雞湯文不同,將自己的經歷和身邊朋友的經歷娓娓道來,告訴我們在追求成功的道路上,努力是必不可少的。然而,並不是所有的努力都會有所回報。很多人一直在努力,卻依舊收效甚微,因為他們不懂得,付出是為了有所...

讀書有感 你只是看起來很努力

這本書的第一篇文章就很戳痛處,你只是看起來很努力 想想自己的生活,一種從早晨忙到晚上,晚上躺在床上想想貌似也沒做什麼事情啊。其實自己的這種忙碌就類似與坐在自習室中卻玩著手機的感覺一模一樣。老師一直在說時間管理的四個象限,可是還是沒有改正總要把事情拖成緊急的壞習慣。那每天的忙碌又在做些什麼?忙著拖延,...

讀書筆記 《你只是看起來很努力》

不知不覺,像是幹了一碗雞湯,雖然 也在說他的書不是雞湯,anyway,也妥協了。至於什麼頭銜不重要,只要對你有用的就好,這是他的初衷。是的,全書都像是在講故事一般,一點一點的講述著 的勵志經歷。最大的感受,我唯有感嘆 為什麼 的人生那麼豐富,僅僅24歲就有如此成就,而此時24歲的我,還在看他的勵志故...