https://github.com/lironhazan/ng-zzfx
API for: ZzFX - Zuper Zmall Zound Zynth - Micro Edition by Frank Force (Web Audio rocks!) - Let it sound
https://github.com/lironhazan/ng-zzfx
angular game-development ng-zzfx zound zzfx
Last synced: about 1 year ago
JSON representation
API for: ZzFX - Zuper Zmall Zound Zynth - Micro Edition by Frank Force (Web Audio rocks!) - Let it sound
- Host: GitHub
- URL: https://github.com/lironhazan/ng-zzfx
- Owner: LironHazan
- License: mit
- Created: 2020-05-23T15:36:11.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-04T19:57:03.000Z (over 3 years ago)
- Last Synced: 2025-03-12T23:23:18.695Z (over 1 year ago)
- Topics: angular, game-development, ng-zzfx, zound, zzfx
- Language: TypeScript
- Homepage:
- Size: 3.01 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# NgZzFx 8bit zounds for Angular ;)
[](https://www.npmjs.com/package/ng-zzfx)
[](https://github.com/LironHazan/ng-ZzFx/blob/master/LICENSE)
Angular API for: ZzFX - Zuper Zmall Zound Zynth - Micro Edition
[ZzFx.js](https://github.com/KilledByAPixel/ZzFX)
[ZzFX Demo](https://codepen.io/KilledByAPixel/pen/BaowKzv)
MIT License - Copyright 2019 Frank Force
[Angularish demo](https://ecstatic-carson-a46449.netlify.app/)
ng-zzfx is also used in [ng-tetris](https://github.com/melcor76/ng-tetris)
--> [Hit to play!](https://focused-mestorf-930f82.netlify.app/)
How to use?
In your component:
```typescript
case1 = [ , , 1675, , .06, .24, 1, 1.82, , , 837, .06];
```
Give your element a sound by adding the directive as follows:
In your template:
```
💰
```
Or by using the zzfs function wrapper:
```ts
playSound: ZzFxFn;
case4 = [1.5,.5,270,,.1,,1,1.5,,,,,,,,.1,.01];
ngOnInit() {
this.playSound = Zoundfx.start(0.2);
}
onClick() {
this.playSound(this.case4);
}
````
### API
Directive inputs:
- vol = 0.1; // Volume % should be a number from 0 to 1;
- trigger = 'onclick'; // String, a name of any event you want to react to
- zound: number[]; // [See example](https://codepen.io/KilledByAPixel/pen/BaowKzv) Or [custom your own sounds](https://zzfx.3d2k.com)