跳到主要内容

雪效果

类型

组件

默认用法

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

export default function App() {
return (
<Scene bgColor="#1e293b" style={{ width: '100%', height: '300px' }}>
<Snow count={2000} speed={0.5} color={0xffffff} range={25} height={18} />
</Scene>
)
}

属性

属性类型默认值说明
countnumber3000雪花数量
colorstring | number | Color0xffffff雪花颜色
speednumber0.5下落速度倍率
rangenumber20水平分布范围
heightnumber15下落高度范围
windXnumber0.2X轴风力
windZnumber0.1Z轴风力
opacitynumber0.9雪花不透明度
sizenumber1雪花大小倍率