본문 바로가기

전체 글

아크탄젠트(역삼각함수) 라디안과 디그리 1. 디그리 => 한바퀴 도는 각 360도 단위를 디그리라고 한다.2. 라디안 => 호의길이와 반지름의 비율 각도를 나타내는 단위180도 = PI 라디안360도 = 2*PI 라디안90도 = PI/2 라디안1 라디안은 약 57.2958도사진 삭제사진 설명을 입력하세요.60도 회전을 원할때 threejs 에서는 degToRad라는 함수로 쉽게 사용 가const angle = THREE.MathUtils.degToRad(60); 회전각도와 각속도를 이용한 큐브 회전let angle = 0; // 초기 각도 const angularVelocity = THREE.MathUtils.degToRad(60); // 각속도 (초당 60도) // 애니메이션 루프 설정 function ani.. 더보기
Nature of Code 3강. 진동. code137.5 (creative coding lab)한태재각도디그리 (도)한바퀴 도는 각도를 360도로 나타내는 단위, 90도(직각)라디안호의 길이와 반지름의 비율로 각도를 나타내는 단위 1라디안은 호의 길이와 반지름의 길이가 같아지는 시점의 각도. (180도 = PI 라디안, 360도 = 2 * PI 라디안, 90도 = PI/2 라디안)라디안 = 2 * PI * (디그리/360) 회전 운동위치, 속도, 가속도의 관게도 회전 운동에 똑같이 적용됨(단 위치,속도,가속도는 벡터이고 각도, 각속도, 각가속도는 스칼라 값)물체의 각도를 매프레임마다 그려주고 각도는 각속도로, 각속도는 각가속도로 변화시킨다.각가속도는 직접입력해도 되지만 돌림힘(토크)나 관성모멘트 값을 구해서 각가속도에 적용할 수 있다.위치 =.. 더보기
벡터 힘,질량,중력 뉴턴의 3법칙 1) 관성의 법칙2)힘은 질량과 가속도를 곱한값이다. 가속도의 법칙3)작용 , 반작용 작용 반작용의 법칙 1.가속도가속도의 법칙은 다른 말로하면 가속도는 힘과 질량을 나눈 값이다.질량을 만든다. /**큐브의 질량 */ this._mass = 10;  가속도에 힘과 질량을 나눈다. 이렇게 되면 같은 힘이면 무게가 무거울수록 가속도가 작아지니 더 느리게 움직인다.this._speed = this._length / this._mass; 당연히 빨리 움직이게 하려면 add를 하는것이 아니라 현재 위치값에 곱함으로서 빨리 움직이게 한다.(x:3 *10,y:1*10,z:0) 이렇 /**현재 위치에 속도를 곱한다. */ this._location.multiplyScalar(this._speed); .. 더보기
벡터 기본 방향과 크기 벡터란 크기와 방향을 가지는 객체를 의미일반적으로 벡터는 화살표를 나타내며 이 화살표의 방향은 벡터의 방향이고화살표의 길이가 벡터의 크기를 뜻한다. 덧셈다음위치 = 현재 위치 + 속도백터의 덧셈에서는 기본적으로 벡터 또는 스칼라를 더한다벡터는 위에 설명한 객체를 의미하며 스칼라는 정수 또는 실수를 의미한원을 0,0에서 벡터의 방향으로 이동하려면 x : 3 y:4 를 더하면 해당 위치로 이동한다이것이 벡터가 방향을 가지고 있음을 의미하며 add함수를 쓰는 이유이다.this._cube.position.add(this._location); 뺄셈그러나 여기서 큐브가 이동하는 방향을 어떻게 구현할 것인가그럴때 사용하는 것이 뺄셈이다.현재 마우스 위치에서 첫 마우스 위치를 빼면 벡터의 방향을 구하는 것 가능하다.마.. 더보기
Javascript 문자열 숫자로 바꾸기 ( String to Number ) code137.5 (creative coding lab)한태재javascript / typescript에서 문자열을 숫자로 바꾸는 7가지 방법  1. parseInt - 문자를 소수점을 제외한 숫자로 변경// 변수 st를 정수 num으로 변환const st = "137.5";const num = parseInt(st);console.log(typeof num)console.log(num)-> number-> 137 2. parseFloat - 문자를 소수자리를 포함한 숫자로 변경const st = "137.5";const num = parseFloat(st);console.log(typeof num)console.log(num)-> number-> 137.5 3. Number - 문자를 소수자리 포함한 .. 더보기
Nature of Code 2강. 힘. code137.5 (creative coding lab)한태재 Nature of Code 2강 - 힘 ( force )힘(force)은 질량 있는 객체가 가속도를 갖게 하는 벡터. 뉴턴의 운동 법칙뉴턴의 운동 1법칙 (관성)- 가만히 있는 물체는 계속 가만히 있고, 움직이는 물체는 계속 움직인다.- 다른 힘의 영향을 받지 않는다면 가만히 있는 물체는 계속 가만히 있고, 움직이는 물체는 같은 속도와 방향으로 계속 움직인다. 뉴턴의 운동 3법칙 (작용 반작용)- 어떤 물체에 힘을 주면 반대 방향으로도 같은 힘이 일어난다.- 힘은 언제나 쌍으로 발생한다. 두 힘은 크기는 같지만 방향은 반대이다. 뉴턴의 운동 2법칙!!- 힘은 질량과 가속도를 곱한 값이다- F = M * A;- A = F / M; 질량- 질량 .. 더보기
Nature of Code 1강. 벡터. code137.5 (creative coding lab)한태재 The natrue of code를 보면서 스터디를 시작. Nature of CodeSimulating Natural Systems with JavaScriptnatureofcode.com 유클리드 벡터(기하 벡터)크기와 방향을 가지는 객체.점 A에서 B를 가리키는 화살표. 2차원에서는 A점의 위치(x1,y1), B점의 위치(x2,y2)로, 3차원에서는 A점의 위치(x1,y1,z1), B점의 위치(x2,y2,z2)로 벡터를 나타낼 수 있다.일반적으로 postion(x,y)값은 방향이 없으므로 스칼라 값이다. 하지만 웹에서는 모두 (0,0)이라는 원점을 가지므로 postion(x,y)만 있어도 +x, +y 양수값이 적용되어 벡터가 된다. 해당 .. 더보기

티스토리툴바