雨效果

类型

组件

默认用法

import { Scene, Rain } from 'react-three-lite'

export default function App() {
  return (
    <Scene bgColor="#0f172a" style={{ width: '100%', height: '300px' }}>
      <Rain count={3000} speed={0.8} color={0x87ceeb} range={30} height={20} />
    </Scene>
  )
}

属性

属性	类型	默认值	说明
count	number	4000	雨滴数量
color	string | number | Color	0xb0c4de	雨滴颜色
speed	number	1	下落速度倍率
range	number	20	水平分布范围
height	number	15	下落高度范围
windX	number	0.1	X轴风力
windZ	number	0	Z轴风力
opacity	number	0.8	雨滴不透明度