jnpm i @o2team/ambient-parallax --save
import ATAmbient from '@o2team/ambient-parallax'
ATAmbient({
particleNumber: 400,
fullScreen: true,
textures: []
})
字段 | 类型 | 可选值 | 效果 |
---|---|---|---|
particleNumber | number |
粒子数量 | |
fullScreen | boolean |
true , false |
是否全屏 |
textures | array<string> |
- | 贴图地址列表 |
https://o2team-ambient.github.io/parallax/dist/?controller=1
├── config - 编译配置
│ ├── base.conf.js
│ └── custom.conf.js
├── info.json - 组件信息
└── src
├── css
│ ├── base.scss
│ └── package.scss
├── index.ejs
├── index.js - 主入口文件
├── rollup_index.js - npm 包主入口文件
├── config.js - 控制板参数配置文件(单独打包)
├── control.js - 控制板入口文件(单独打包)
└── js
├── ambient.js - 动效初始化入口
├── controlinit.js - 控制板自定义代码
└── utils
├── const.js - 字段常数
├── raf.js
└── util.js
开发完毕之后,请新建 gh-pages 分支并 push --set-upstream,以获得线上 demo 页。每次更新后,测试完成即可合并至 gh-pages 发布。