波浪線(xiàn)的實(shí)現(xiàn)

一、顯示效果


二、原理

實(shí)現(xiàn)原理主要是通過(guò)繪制出一條正弦曲線(xiàn)和一條余弦曲線(xiàn),在兩條曲線(xiàn)上下方添加不同的背景色,讓曲線(xiàn)按照一個(gè)方向移動(dòng)即可模擬出波浪的效果。首先需要了解曲線(xiàn)公式:

正弦曲線(xiàn)公式:y=Asin(ωx+φ)+k

A?:振幅,曲線(xiàn)最高位和最低位的距離

ω?:角速度,用于控制周期大小,單位x中起伏的個(gè)數(shù)

K?:偏距,曲線(xiàn)上下偏移量

φ?:初相,曲線(xiàn)左右偏移量


如果讓曲線(xiàn)按照X軸以移動(dòng)速度移動(dòng)下去就會(huì)出現(xiàn)波浪的效果 ,按照以下步驟即可,和把大象放冰箱里的步驟差不多。

第一步:添加一條曲線(xiàn)----->第二步:讓曲線(xiàn)沿x軸移動(dòng) ----->第三步:在曲線(xiàn)下部分添加填充色

到這里就完成了一層波浪,然后再添加第二層即可,如果第一層為余弦曲線(xiàn),第二層則需添加正弦曲線(xiàn),這樣看起來(lái)就會(huì)有分層的感覺(jué)。


然后稍加潤(rùn)色可以了,是不是很簡(jiǎn)單。

三、代碼


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容