SSH의 정의 Q. SSH는 무엇의 약자인가? A. Secure SHell Q. SSH를 사용하는 이유는 무엇인가? 어떤 역할을 하고있는가? A. 네트워크상의 다른컴퓨터에 접속 하거나 원격 시스템에서 명령을 실행하고 다른 시스템으로 파일을 복사할 수 있도록 해주는 응용 프로그램 또는 프로토콜 즉, 1. 데이터를 전송 2. 원격 제어 이 두가지를 위해서 사용한다. 데이터 전송을 생각해보면 github를 생각하면 된다. 깃허브에서 ssh를 통해서 연결을 한 후에 내가 쓴 코드를 push하여 데이터를 전송한다. 원격제어같은 경우는 AWS를 생각하면 된다. 클라우드 인스턴스 서버에 접속하여 해당 머신에 대한 명령을 내려야하기에 원격제어라고한다. 이 원격 제어를 위해서는 SSH를 사용한다. 이전에는 Telnet을..
[cameral control] OrbitControls / TrackballControls
OrbitControls - orbitcontrols 같은경우에는 사용할때 import를 해서 사용해야한다. - 인자는 2개가 들어간다. 첫번째로는 camera가 들어와야하며 두번째로는 renderer의 domElement가 들어와야한다. 여러가지의 mesh를 가지고 싶다면 어떻게해야할까? 틀은 하나를 가지고 공유를 한다고 하면 const geometry = new THREE.BoxGeometry(1, 1, 1); let mesh; let material; for (let i = 0; i < 20; i++) { material = new THREE.MeshStandardMaterial({ color: `rgb( ${ 50 + Math.floor(Math.random() * 205) }, ${ 50 + M..
[geometry]
cosnt materila = new THREE.MeshStandardMaterial({ color: 'hotpink'; side: THREE.DoubleSide //wireframe : true }) 1. wireframe 이란 color: hotpink 를 해놓고 wireframe : true를 하면 핑크색의 프레임, 즉 아래와 같이 보이게된다. WireframeGeometry와는 다른속성인것이 geometry는 원래의 mesh위에 입히는 것인 반면에, wireframe: true로 2. side: THREE.Doubleside를 지정해놓으면 내부로 들어가서 내부의 모양을 볼수있게되어있다. (OrbitControls를 사용하여 휠로 ZOOM했을시 모양) 형태조작하기 1. 동그라미 구형 만들기 -> 공..
export default function example() { // Renderer const canvas = document.querySelector('#three-canvas'); const renderer = new THREE.WebGLRenderer({ canvas, antialias: true }); renderer.setSize(window.innerWidth, window.innerHeight); renderer.setPixelRatio(window.devicePixelRatio > 1 ? 2 : 1); // Scene const scene = new THREE.Scene(); // Camera const camera = new THREE.PerspectiveCamera( 75, windo..
function draw() { const delta = clock.getDelta(); mesh.scale.x = 2; // console.log(mesh.position.distanceTo(new THREE.Vector3(1,2,0))); renderer.render(scene, camera); renderer.setAnimationLoop(draw); } scale.x scale.y scale로 크기를 조정할수있다. 회전에서 중요한것은 roation시 파이, 라디안 값으로 넣어줘야한다는것이다. mesh.rotation.x = THREE.MathUtils.degToRad(45); degToRad를 사용하여 45도를 라디안값으로 바궈주는 메소드를 사용하거나 아싸리 파이를 나눠서 써도된다. mesh.ro..
function draw() { const delta = clock.getDelta(); mesh.position.set(-1,2,-3); renderer.render(scene, camera); renderer.setAnimationLoop(draw); } draw함수내에서 mesh의 position을 설정해서 보여준다. 이때 position에 대해서 좀 더 자세히 알아봐야한다. ---> Vector3 란 무엇인가? 3차원공간에서 어떤 점의 위치를 나타내는 객체 x, y, z 값을 가지고있다. 원점으로부터의 거리를 얘기한다. 1. mesh.position.length() 원점으로부터 거리 mesh.position.set(-1, 0, 0); console.log(mesh.position.length())..