[수학] Sine Graph

대충 요렇게 생긴 그래프에 대해서 얘기해보겠다.

싸인, 코싸인, 탄젠트에 대해서는 아무리 수포자라고 하더라도 한번 쯤은 들어본 적이 있을텐데, 위 그래프가 그 중 하나인 싸인 그래프이다.

 

뜬금없이 싸인그래프를 왜 갖고왔냐면, Javascript Canvas를 가지고 놀다가 물결을 그리고 싶어져서 그리려고 하다가 위와 같은 방법이 있다는 사실을 알게 되었다.

 

사실 나도 수포자라서 수학적으로 위 그래프를 해석하지는 못하지만, 위 그래프의 모양을 나타내는 방법을 Javascript로 표현하자면 다음과 같다.

let stack = 0;
const speed = 0.1;

function progress() {
	stack += speed;
    return Math.sin(stack);
}

window.setInterval(() => {
	console.log(progress());
}, 10);

위 코드를 실행하면 0.01초 간격으로 -1 ~ 1 사이의 무작위 숫자가 증가했다가, 감소했다가 하는 결과를 볼 수 있는데 숫자가 증가하거나 감소하는 모양새가 사인 그래프와 동일하다는 것을 알수 있다.

앞으로 웨이브 효과를 사용할 때는 사인 그래프를 응용해야겠다.