external-repos/noisedash
1
0
Fork 1
mirror of https://github.com/kaythomas0/noisedash.git synced 2025-11-15 04:38:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add tremolo

Browse Source
This commit is contained in:
Kevin Thomas
2021-07-28 23:49:33 -07:00
parent 310dc36501
commit 2439fc8813
2 changed files with 89 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/noise.js
View File

@@ -1,4 +1,4 @@
import { Filter, Noise, Transport, getDestination } from 'tone'
import { Filter, Noise, Transport, Tremolo } from 'tone'
export default {
name: 'Noise',
@@ -18,22 +18,34 @@ export default {
rules: {
number: value => !isNaN(parseInt(value, 10)) || 'Invalid number',
negative: value => (!isNaN(parseInt(value, 10)) && value <= 0) || "Can't be greater than 0"
}
},
isTremoloEnabled: false,
tremoloFrequency: 0.5,
tremoloDepth: 0.5
}),
created () {
this.noise = new Noise()
this.filter = new Filter()
this.tremolo = new Tremolo()
},
methods: {
playNoise () {
this.startDisabled = true
Transport.cancel()
if (this.isFilterEnabled) {
// TODO: This conditional logic can be improved
if (!this.isFilterEnabled && !this.isTremoloEnabled) {
this.noise = new Noise({ volume: this.noiseVolume, type: this.noiseColor }).toDestination()
} else if (!this.isFilterEnabled && this.isTremoloEnabled) {
this.tremolo = new Tremolo({ frequency: this.tremoloFrequency, depth: this.tremoloDepth }).toDestination().start()
this.noise = new Noise({ volume: this.noiseVolume, type: this.noiseColor }).connect(this.tremolo)
} else if (this.isFilterEnabled && !this.isTremoloEnabled) {
this.filter = new Filter(this.frequencyCutoff, this.filterType).toDestination()
this.noise = new Noise({ volume: this.noiseVolume, type: this.noiseColor }).connect(this.filter)
} else {
this.noise = new Noise({ volume: this.noiseVolume, type: this.noiseColor }).toDestination()
this.tremolo = new Tremolo({ frequency: this.tremoloFrequency, depth: this.tremoloDepth }).toDestination().start()
this.filter = new Filter(this.frequencyCutoff, this.filterType).connect(this.tremolo)
this.noise = new Noise({ volume: this.noiseVolume, type: this.noiseColor }).connect(this.filter)
}
if (this.isTimerEnabled) {
@@ -65,21 +77,35 @@ export default {
updateNoiseColor () {
this.noise.type = this.noiseColor
},
updateFilterEnabled () {
if (this.isFilterEnabled) {
this.filter = new Filter(this.frequencyCutoff, this.filterType).toDestination()
this.noise.disconnect(getDestination())
this.noise.connect(this.filter)
} else {
this.noise.disconnect()
this.noise.toDestination()
}
},
updateFilterType () {
this.filter.type = this.filterType
},
updateFrequencyCutoff () {
this.filter.set({ frequency: this.frequencyCutoff })
},
updateTremoloFrequency () {
this.tremolo.set({ frequency: this.tremoloFrequency })
},
updateTremoloDepth () {
this.tremolo.set({ depth: this.tremoloDepth })
},
updateAudioChain () {
this.noise.disconnect()
// TODO: This conditional logic can be improved
if (!this.isFilterEnabled && !this.isTremoloEnabled) {
this.noise.toDestination()
} else if (!this.isFilterEnabled && this.isTremoloEnabled) {
this.tremolo = new Tremolo({ frequency: this.tremoloFrequency, depth: this.tremoloDepth }).toDestination().start()
this.noise.connect(this.tremolo)
} else if (this.isFilterEnabled && !this.isTremoloEnabled) {
this.filter = new Filter(this.frequencyCutoff, this.filterType).toDestination()
this.noise.connect(this.filter)
} else {
this.tremolo = new Tremolo({ frequency: this.tremoloFrequency, depth: this.tremoloDepth }).toDestination().start()
this.filter = new Filter(this.frequencyCutoff, this.filterType).connect(this.tremolo)
this.noise.connect(this.filter)
}
}
}
}