Revert
Some checks failed
On Push Deploy / deploy (push) Has been cancelled

This commit is contained in:
Johnny322
2026-02-08 16:45:26 +01:00
parent ea3419cb51
commit 5900f1816a
2 changed files with 32 additions and 52 deletions

View File

@@ -172,17 +172,7 @@
idle: !currentClipUrl
}"
></div>
<div class="pulse-tentacles">
<span
v-for="(level, index) in tentacleLevels"
:key="index"
class="tentacle"
:style="{
'--level': level.toFixed(3),
'--index': index
}"
></span>
</div>
<div class="pulse-rays"></div>
</div>
<audio
ref="player"
@@ -280,8 +270,7 @@ export default {
mediaElement: null as HTMLAudioElement | null,
rayLevel: 0,
rayHue: 200,
isAnswerClip: false,
tentacleLevels: Array.from({ length: 10 }, () => 0)
isAnswerClip: false
}
},
computed: {
@@ -357,7 +346,6 @@ export default {
this.frequencyData = new Uint8Array(analyser.frequencyBinCount)
this.pulseLevel = 0
this.rayLevel = 0
this.tentacleLevels = this.tentacleLevels.map(() => 0)
},
teardownAudio() {
if (this.rafId) {
@@ -378,7 +366,6 @@ export default {
this.isPlaying = false
this.pulseLevel = 0
this.rayLevel = 0
this.tentacleLevels = this.tentacleLevels.map(() => 0)
},
startPulse() {
if (!this.analyser || !this.analyserData || !this.frequencyData) return
@@ -418,19 +405,6 @@ export default {
this.rayLevel = this.rayLevel * 0.78 + rayTarget * 0.22
const hueTarget = 180 + highAvg * 120
this.rayHue = this.rayHue * 0.8 + hueTarget * 0.2
const bandCount = this.tentacleLevels.length
const binSize = Math.max(1, Math.floor(freq.length / bandCount))
for (let i = 0; i < bandCount; i += 1) {
const start = i * binSize
const end = i === bandCount - 1 ? freq.length : start + binSize
let bandSum = 0
for (let j = start; j < end; j += 1) bandSum += freq[j]
const avg = bandSum / Math.max(1, end - start) / 255
const shaped = Math.pow(Math.min(1, avg * 1.4), 1.6)
this.tentacleLevels[i] =
this.tentacleLevels[i] * 0.65 + shaped * 0.35
}
this.rafId = requestAnimationFrame(tick)
}