https://github.com/sanchez3/burstflowers

phaser particles filter
https://github.com/sanchez3/burstflowers

particles phaser

Last synced: 3 months ago
JSON representation

phaser particles filter

• Host: GitHub
• URL: https://github.com/sanchez3/burstflowers
• Owner: Sanchez3
• License: mit
• Created: 2018-04-10T10:24:06.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-06-18T09:33:06.000Z (about 7 years ago)
• Last Synced: 2025-08-23T09:11:48.387Z (11 months ago)
• Topics: particles, phaser
• Language: JavaScript
• Homepage: https://sanchez3.github.io/burstflowers/
• Size: 22.4 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# burstflowers

[CodePen](https://codepen.io/sanchez3/full/MXWNwj/)

[春分项目](https://github.com/Sanchez3/MyProject/tree/master/Tm24)

主KV图效果如下

![burstflowers](https://github.com/Sanchez3/burstflowers/blob/master/burstflowers.gif)

## 技术点

### 粒子系统 Emitter 

使用[phaser.js](http://phaser.io/)的粒子系统，即`Emitter` - An Arcade Physics based Particle Emitter

点击屏幕，触发粒子系统，飘落更多花瓣

###  滤镜 Filter

使用[phaser.js](http://phaser.io/)的滤镜效果，即 `Filter` [Class: Filter](https://photonstorm.github.io/phaser-ce/Phaser.Filter.html)

> Note: Texture must be power-of-two sized or the filter will break !

参考： [Sinewave Fixed Base](http://phaser.io/examples/v2/filters/sinewave-fixed-base)

使用gulp自动化构建工具，使用方法见https://github.com/Sanchez3/generator-phaser-h5#installation