djkato/Chrome-performance-bug-muted-window
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

changed song, made movement more extreme

Browse source
This commit is contained in:
Djkato 2023-02-18 19:49:14 +01:00
parent 3239f9189d
commit a19ff586f0
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Jamie xx - Sleep Sound.mp3
View file

Binary file not shown.

BIN
Kidkanevil - Butterfly-Sattelite.mp3 Normal file
View file

Binary file not shown.

8
index.js
View file

@ -3,7 +3,7 @@
*/ */
let audio_context let audio_context
const audio_element = document.querySelector("#audio") const audio_element = document.querySelector("#audio")
audio_element.src = "Jamie xx - Sleep Sound.mp3" audio_element.src = "Kidkanevil - Butterfly-Sattelite.mp3"
//audio nodes //audio nodes
let track let track
@ -16,7 +16,7 @@ function main() {
audio_context_analyzer = audio_context.createAnalyser(audio_element) audio_context_analyzer = audio_context.createAnalyser(audio_element)
audio_context_analyzer.fftSize = 1024 audio_context_analyzer.fftSize = 1024
audio_context_analyzer.smoothingTimeConstant = .2 audio_context_analyzer.smoothingTimeConstant = .3
track.connect(audio_context_analyzer).connect(audio_context.destination) track.connect(audio_context_analyzer).connect(audio_context.destination)
audio_element.play() audio_element.play()
@ -30,7 +30,7 @@ function animate() {
for (let i = 0; i < 200; i++) { for (let i = 0; i < 200; i++) {
initial_shape.push({ initial_shape.push({
x: (svg_canvas.viewBox.baseVal.width / 200) * i, x: (svg_canvas.viewBox.baseVal.width / 200) * i,
y: svg_canvas.viewBox.baseVal.height / 2 - (0 / 200) * i y: svg_canvas.viewBox.baseVal.height / 1.1 - (0 / 200) * i
}) })
} }
@ -43,7 +43,7 @@ function animate() {
for (let i = 0; i < fft_data_array.length; i++) { for (let i = 0; i < fft_data_array.length; i++) {
mutated_shape.push({ mutated_shape.push({
x: (initial_shape[i].x /** ((Math.max(this.#FFTDataArray[i] + 100)) * 4)*/), x: (initial_shape[i].x /** ((Math.max(this.#FFTDataArray[i] + 100)) * 4)*/),
y: (initial_shape[i].y - Math.min(initial_shape[i].y, Math.max(fft_data_array[i] * 2 + 200, 0))) y: (initial_shape[i].y - Math.min(initial_shape[i].y, Math.max(fft_data_array[i] * 10 + 1500, 0)))
}) })
} }