수학을 활용한 예제
-
삼각함수를 이용한 예제 1 :: 마이구미수학을 활용한 예제 2021. 2. 4. 22:00
"수학을 활용한 예제" 란 카테고리는 한번쯤은 접했던 수학 공식을 활용한 예제를 다룬다. 컴퓨터 비전, 그래픽, 게임 등을 다루지 않으면, 사실 우리가 배운 수학 공식이나 지식을 사용할 일은 많지 않다. 하지만 수학은 프로그래밍에서 확실히 도움이 된다. 이 카테고리는 수학 공식을 활용하는 예제를 통해 조금이나마 (프로그래밍수학) 연관 관계와 흥미에 도움을 되었으면 한다. 관련 카테고리 링크 예제는 HTML, CSS, JAVASCRIPT 를 통해 이루어진다. 예제는 두 점 사이의 거리 공식도 함께 활용된다(mygumi.tistory.com/360) 이 글은 "삼각함수" 활용한 예제를 다룬다. 중학교 때 이미 배웠고, 크게 어렵지 않은 내용이다. 사인, 코사인, 탄젠스 웬만하면 잊어버리지 않는 용어일 것이다..
-
두 점 사이의 거리 공식을 이용한 예제 :: 마이구미수학을 활용한 예제 2019. 10. 11. 23:30
"수학을 활용한 예제" 란 카테고리는 한번쯤은 접했던 수학 공식을 활용한 예제를 다룬다. 컴퓨터 비전, 그래픽, 게임 등을 다루지 않으면, 사실 우리가 배운 수학 공식이나 지식을 사용할 일은 많지 않다. 하지만 수학은 프로그래밍에서 확실히 도움이 된다. 이 카테고리는 수학 공식을 활용하는 예제를 통해 조금이나마 (프로그래밍수학) 연관 관계와 흥미에 도움을 되었으면 한다. 관련 카테고리 링크 이 글은 "두 점 사이의 거리"를 활용한 예제를 다룬다. 중학교 때 이미 배웠고, 어렵지 않은 공식이다. 웬만하면 잊어버리지 않는 공식 중 하나일 것이다. 라인스위핑 알고리즘에서도 사용되는 공식이다. (https://mygumi.tistory.com/294) 예제를 다루기에 앞서, 이 공식은 어디에서 활용할 수 있을까..
-
원의 좌표를 구하는 공식을 활용한 애니메이션 :: 마이구미수학을 활용한 예제 2019. 4. 20. 21:24
"수학을 활용한 예제" 란 카테고리는 한번쯤은 접했던 수학 공식을 활용한 예제를 다룬다. 컴퓨터 비전, 그래픽, 게임 등을 다루지 않으면, 사실 우리가 배운 수학 공식이나 지식을 사용할 일은 많지 않다. 하지만, 수학은 프로그래밍에서 확실히 도움이 된다. 이 카테고리는 수학 공식을 활용하는 예제를 통해 조금이나마 (프로그래밍수학) 연관 관계와 흥미에 도움을 되었으면 한다. 코드 예제 - https://codesandbox.io/s/circle-animation-7byle 이 글은 원의 좌표를 활용한 예제를 다룬다. 원에 관한 내용은 아마 고1에 접했을 것이다. 예제를 다루기에 앞서, 우리는 무엇을 만들어야하는가? 를 살펴보자. 원을 기반으로 한 리스트가 존재하고, 이 리스트는 톱니바퀴처럼 회전하는 애니메..
-
jquery animation easing 제어 :: 마이구미수학을 활용한 예제 2017. 6. 25. 15:14
이번 글은 jquery를 통해 easing을 원하는 대로 제어하는 법에 대해 다뤄본다.x,y 좌표 그래프 및 연립 방정식에 대한 기본 지식을 요구한다. 애니메이션을 구현해봤거나, 구현하기 위해서 대부분 jquery의 animate 메소드를 사용해봤을 것이다. $( "#book" ).animate({ opacity: 0.25, left: "50px" }, 5000, () => { // Animation complete. }); 기본적인 목적으로, 위 코드는 5초동안 투명도가 서서히 0.25로 변화하고, 왼쪽방향으로 50px로 이동한다. 그렇다면, easing은 무엇을 뜻하는 건가?Easing Functions 는 매개변수의 변화율을 시간이 지남에 따라 정한다. jquery의 animate의 easing의 ..