본문 바로가기

전체 글156

Cannon.js Cannon.jsCannon.js는 물리 엔진(Physics Engine)으로, Three.js에서 물리적인 충돌, 중력, 힘, 마찰 등을 구현할 때 사용됩니다.Three.js 자체에는 물리 엔진이 없기 때문에, Cannon.js 같은 물리 엔진을 사용하여 사실적인 충돌 및 중력 효과를 추가할 수 있습니다. Three.js + Cannon.js 연결 방법 (기본 예제)이제 Three.js와 Cannon.js를 함께 사용하여 물리적으로 떨어지는 박스 만들기 예제를 살펴보겠습니다.1. 필요한 라이브러리 불러오기먼저, Cannon.js와 Three.js를 불러옵니다.import * as THREE from 'https://cdn.jsdelivr.net/npm/three@latest/build/three.mod.. 2025. 2. 1.
Three.Clock Three.ClockTHREE.Clock은 Three.js에서 시간을 다루는 클래스로, 애니메이션을 부드럽게 만들 때 사용합니다.주요 기능경과 시간(deltaTime) 계산→ 이전 프레임과 현재 프레임 사이의 시간 차이를 구할 수 있음게임 루프에서 부드러운 애니메이션 구현→ 프레임 속도(FPS)가 변해도 일관된 움직임 유지 가능타이머 역할→ 특정 이벤트를 일정 시간 후 실행할 때 사용 가능기본 사용법import * as THREE from 'https://cdn.jsdelivr.net/npm/three@latest/build/three.module.js';const clock = new THREE.Clock(); // 시계 생성function animate() { requestAnimationFra.. 2025. 2. 1.
오일러(Euler) vs. 쿼터니언(Quaternion) 오일러(Euler) vs. 쿼터니언(Quaternion)Three.js에서 3D 객체를 회전시키는 방법에는 오일러 각(Euler Angles)과 쿼터니언(Quaternion) 두 가지가 있습니다. 이 두 개념은 각각 장단점이 있기 때문에, 사용 목적에 따라 선택해야 합니다.1. 오일러(Euler) 각특징X, Y, Z 축을 기준으로 회전을 적용하는 방식각 축에 대한 개별적인 회전 값을 직접 설정할 수 있음사람이 이해하기 쉬움 (각도 단위로 표현)단점짐벌 락(Gimbal Lock) 문제가 발생할 수 있음→ 특정 각도에서 하나의 회전 축이 다른 축과 정렬되면서 자유도를 잃는 현상연속적인 회전이 부드럽지 않을 수 있음예제cube.rotation.set(Math.PI / 4, Math.PI / 4, 0); //.. 2025. 2. 1.
THREE.Euler THREE.EulerThree.js에서 Euler 클래스는 오일러 각(Euler Angles)을 사용하여 3D 객체의 회전을 설정하는 데 사용됩니다. 오일러 각은 x, y, z 축을 기준으로 회전 각도를 정의하며, 회전 순서를 지정할 수도 있습니다.기본 사용법import * as THREE from 'https://cdn.jsdelivr.net/npm/three@latest/build/three.module.js';// 씬, 카메라, 렌더러 생성const scene = new THREE.Scene();const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);const renderer = .. 2025. 2. 1.
DeepSeek로 인해 엔비디아(NVIDIA) 주가가 떨어지는 이유 DeepSeek로 인해 엔비디아(NVIDIA) 주가가 떨어지는 이유1. 엔비디아는 어떤 회사인가요?엔비디아는 그래픽 처리 장치(GPU)를 만드는 회사입니다. 원래는 게임용 그래픽 카드로 유명했지만, 최근에는 인공지능(AI) 개발에 필수적인 고성능 칩도 판매하고 있습니다. AI를 개발하는 기업들은 엔비디아의 GPU를 많이 사용하기 때문에, AI 산업이 성장할수록 엔비디아도 많은 돈을 벌 수 있습니다.2. DeepSeek는 어떤 역할을 하나요?DeepSeek는 중국에서 개발한 강력한 AI 모델입니다. AI 모델을 훈련하고 실행하려면 보통 엔비디아의 GPU가 많이 필요하지만, DeepSeek는 중국 기업들이 자체적으로 개발한 AI 칩(반도체)을 사용할 가능성이 큽니다. 즉, DeepSeek가 널리 사용될수록 .. 2025. 1. 31.
딥시크(DeepSeek)와 ChatGPT 비교 딥시크(DeepSeek)와 ChatGPT 비교딥시크(DeepSeek)와 ChatGPT는 모두 인공지능(AI) 언어 모델이지만, 개발한 회사와 기술적인 방식에서 차이가 있습니다. 비교 항목딥시크(DeepSeek)ChatGPT개발한 회사DeepSeek AI (중국)OpenAI (미국)출시 시기2023년 말~2024년 초2022년 (GPT-3.5), 2023년 (GPT-4)기본 기술인공지능이 스스로 학습하는 방식인공지능이 질문에 답하는 방식주요 모델DeepSeek-67B, DeepSeek-MoEGPT-3.5, GPT-4, GPT-4-turbo똑똑한 정도67B(670억 개) 이상의 학습 데이터 사용GPT-4의 경우 1조 개 이상의 데이터(추정)언어 지원중국어를 가장 잘함, 영어도 지원영어를 가장 잘함, 한국어 .. 2025. 1. 31.

티스토리툴바