잉

https://sbcode.net/threejs/loaders-fbx/ FBX Loader - Three.js Tutorials Special Offer Zabbix Monitoring Course Discount $11.99 https://www.udemy.com/course/zabbix-monitoring/?couponCode=607976806882D016D221 Offer expires in hours. Be quick and share with your friends and colleagues. FBX Model Loader Video Lecture Your browser sbcode.net 잘된다 ... 코드로 메터리얼 연결해줄라고 고생고생했는데 그냥 fbx로 내보낼때 택스쳐 잘 입혀서 내보내면..

https://threejs.org/docs/index.html?q=gltf#examples/en/loaders/GLTFLoader three.js docs threejs.org https://youtu.be/qkag4hU5Xac 해보자. 1. 스케치팹 에서 gltf 파일을 받는다. https://sketchfab.com/feed Log in to your Sketchfab account sketchfab.com 01. 이전 orbitControls 에서처럼 GLTFLoader를 불러온다 import { GLTFLoader } from '../node_modules/three/examples/jsm/loaders/GLTFLoader.js' 02. gltf코드 추가 //gltfloader const glt..

https://www.youtube.com/watch?v=ITA9no8Bsio&list=PLe6NQuuFBu7HqxY10b6gNu6iisT2-rZv-&index=3 https://threejs.org/docs/index.html?q=orbit#examples/en/controls/OrbitControls three.js docs threejs.org Code Example const renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); const scene = new THREE.Scene(); co..

https://youtu.be/KxR4NZDzNOU 01. light //Light const pointLight = new THREE.PointLight(0xffffff, 1) pointLight.position.set(0,2,12) scene.add(pointLight) //Mesh 01 const geometry01 = new THREE.TorusGeometry(0.3,0.15,16,40) const material01 = new THREE.MeshStandardMaterial({ color:0x999999 }) const obj01 = new THREE.Mesh(geometry01, material01) obj01.position.x = -2 scene.add(obj01) //Mesh 2 cons..

https://youtu.be/O0HAN1nXvMU?list=PLkbzizJk4Ae9hHI_YUD3fRv8xLfS3jGEW > 박스만들기 DOC https://threejs.org/docs/index.html?q=geo#api/en/geometries/BoxGeometry three.js docs threejs.org 박스 메쉬 만들기 > app.js import * as THREE from 'three' import { Scene } from 'three'; import { WEBGL } from './webgl' if (WEBGL.isWebGLAvailable()) { //장면 const scene = new THREE.Scene(); //배경색 바꾸기 scene.background = new THR..

> 튜토리얼 https://youtu.be/ZvumCDpleyI?list=PLkbzizJk4Ae9hHI_YUD3fRv8xLfS3jGEW > 문서 three.js manual threejs.org 01. Three.js 기본 구조 renderer(scene,camera) 02. Three.js 예제 >index.js import * as THREE from 'three' import { WEBGL } from './webgl' if (WEBGL.isWebGLAvailable()) { //장면 const scene = new THREE.Scene(); //배경색 바꾸기 scene.background = new THREE.Color(0x004fff) //카메라 const camera = new THREE.Pe..

https://www.youtube.com/watch?v=JFX_IM2FJyQ&t=315 01. npm 인스톨 02. git clone으로 인스톨 V 01. 위 영상에서 code 프로그램에서 npm으로 three.js 설치하는 과정 문서 : https://threejs.org/docs/#manual/ko/introduction/Installation three.js docs threejs.org 여기에 코드가 설명되어 있다. code에 live server 설치 > three.js 설치 코드 npm install --save three three 모듈 불러와서 사용하기. >app.js /////////////////////////////////////////////////////// // Option 1..