foobar404 / wave.js

Audio visualizer library for javascript. Create dynamic animations that react to an audio file or audio stream.

Home Page:https://foobar404.github.io/wave.js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rounding on lines doesn't work properly

ErikSandquist opened this issue · comments

image
When the lines are inactive they are rounded to a circle, but when extended they lose the rounded corners and return to hard lines.

Here is my code:

let audioElement: HTMLAudioElement | null = document.querySelector('#audio');
let canvasElement: HTMLCanvasElement | null = document.querySelector('#canvas');
if (audioElement && canvasElement) {
	let wave = new Wave(audioElement, canvasElement, true);

		wave.addAnimation(
			new wave.animations.Lines({
				lineWidth: 3,
				lineColor: 'white',
				count: 100,
				rounded: true,
				center: true,
				mirroredY: true
				})
			);
		}

@ErikSandquist Sorry for the late reply, I will try to take a look at this in the near future, or if you have found a fix, feel free to submit a pull request.