鍍金池/ 問答/HTML5  HTML/ js 寫個canvas下雨效果,怎么寫省CPU而且看起來逼真一點

js 寫個canvas下雨效果,怎么寫省CPU而且看起來逼真一點

有沒有思路提供一下?!這是效果
這是素材

我該怎么寫,才能寫出他這種效果,求助。

回答
編輯回答
心上人

創(chuàng)建 3~5 個 container,然后在這些 container 里插入一定數(shù)量的雨點,雨點隨機分布。雨向下落的時候是這幾個 container 通過時間差的動畫差達到擬真效果。如果要再提高性能可以把每個 container 轉(zhuǎn)成 cache(其實就是導出圖片),這樣的話,幾百個雨點就變成幾個層

2018年8月19日 21:44
編輯回答
拽很帥

盡可能復用和回收。

2017年2月1日 22:07
編輯回答
慢半拍

想省CPU?!
1、當然算法不用說了,隨機算法
2、性能:你的一個雨滴就是一個canvas(沒錯,3*3 或者更大),然后再drawImage(canvas,....)
這樣的性能更高

2018年6月26日 16:57
編輯回答
款爺

推薦一個雨滴效果 https://github.com/codrops/RainEffect

2017年6月4日 19:20
編輯回答
初念

面向?qū)ο蟆C總€雨滴是一個實例

2017年8月17日 01:08