inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

Plane 기울어져요

해결됨

친절한 블렌더 - [LV.0] 입문 필수

R+X+90을 눌렀는데 전 앞으로 기울어지게 보여요 오른쪽에서 봤을 땐 똑바르게 보이는데 정면 뷰 에선 앞으로 기울어져 보이는데. . .

  • blender
  • 3d-modelling
  • 3d-rendering
히니 댓글 2 좋아요 1 조회수 373

[18강: Fresnel이란?] Dot(A, B) = 수직수평

미해결

[LV2] 이펙터로 취업하기 위한 포트폴리오 만들기

제가 수학을 안 한지 오래돼서 가물가물하지만, Dot(A, B)에서 A와 B를 정규화해서 1값으로 만들면 사실상 Dot(A, B)는 cos(A와B사이 각도) 일텐데, cos90 = 0, cos0 = 1 이니까 강의 판서와 설명 중에 (6분) 이 내용은 반대로 된 것 아닌가요? 혹시 제가 잘못 알고 있는 걸까요?

  • unreal-engine
  • blender
  • vfx
  • niagara
1209esk 댓글 1 좋아요 0 조회수 610

블랜더를 만지다가 오브젝트 클릭이 안돼요..

해결됨

친절한 블렌더 - [LV.0] 입문 필수

안녕하세요 블랜더 강의를 듣고이쓴ㄴ 학생입니당 블렌더를 하다가 갑자기 오브젝트 좌클릭이 안되는 현상이 일어났어요 그래서 오른쪽클릭으로 클릭하게 하니 클릭이 되더라구요.. 다시 좌클릭으로 클릭할 수 있는 방법은 없는 걸까요?

  • blender
  • 3d-modelling
  • 3d-rendering
hehe 댓글 1 좋아요 1 조회수 2109

PlaneGeometry 브라우저 화면 크기에 맞게 셋팅하는 법

미해결

Three.js로 시작하는 3D 인터랙티브 웹

PlaneGeometry 브라우저 화면 크기에 맞게 셋팅하는 법이 있을까요? width, height를 계산해서 넣어야하는데 계산식이 어떻게 되는지 모르겠네요... OrthographicCamera를 사용 중입니다! 답변 주시면 감사하겠습니다!

  • blender
  • 인터랙티브-웹
  • three.js
안태민 댓글 2 좋아요 0 조회수 534

전체선택이 되지 않습니다.

해결됨

친절한 블렌더 - [LV.1] 기초 모델링

3:47, 2번째 집 3개 선택하고 Edit mode로 가서 A를 누르면 전체선택이 되지 않습니다. A를 누르면 1. Invert Selection ~ 9 Box select를 선택하는 창이 뜹니다. Add On에서 뭔가 해제해야하나요?

  • blender
  • 3d
  • 3d-modelling
  • 3d-rendering
xotmfrlox 댓글 1 좋아요 1 조회수 363

중급 수업 문의

해결됨

친절한 블렌더 - [LV.0] 입문 필수

안녕하세요! 강의 넘 재밌어요ㅎㅎㅎ Level2 중급 수업도 준비 중이신지 궁금해요

  • blender
  • 3d-modelling
  • 3d-rendering
우쥬 댓글 1 좋아요 1 조회수 237

안녕하세요~ 수정 부탁드립니다

해결됨

블렌더 입문 : UX/UI 디자이너를 위한 3D 아이콘으로 배우는 블렌더!

안녕하세요~ BbodX님 덕분에 블렌더 입문한 뉴비입니다~ 아이콘7 샌드위치 편에서 앞에 2분가량의 영상(화면만)이 전 강의의 일부로 대체된 것 같습니다 감사합니다!

  • blender
  • 3d
  • 3d-modelling
  • 3d-rendering
g9191hc 댓글 1 좋아요 0 조회수 400

지붕위 루프컷넣기

해결됨

친절한 블렌더 - [LV.1] 기초 모델링

13:18 지붕위에 루프컷을 넣어야하는데 지붕 겉면이 아니라 계속 안쪽면만 선택이 되어 루프컷이 됩니다. (지붕의 Edit로 모드로 들어갔습니다)

  • blender
  • 3d
  • 3d-modelling
  • 3d-rendering
xotmfrlox 댓글 1 좋아요 1 조회수 326

Mesh에 Camera를 붙일 수 있나요??

미해결

Three.js로 시작하는 3D 인터랙티브 웹

Mesh에 Camera를 붙일 수 있나요?? 아니면 아래 선생님 사이트처럼 동영상 대신 해당 위치에 Camera를 셋팅할 수 있나요?? 답변 부탁드리겠습니다!!!

  • blender
  • 인터랙티브-웹
  • three.js
안태민 댓글 2 좋아요 0 조회수 326

화분 Origin과 Plane Origin이 같아요

해결됨

친절한 블렌더 - [LV.1] 기초 모델링

-8:08, 화분에 가운데에 맞춰 Plane도 정확히 화분 가운데에 위치해서, 모양을 만들 수가 없어요.

  • blender
  • 3d
  • 3d-modelling
  • 3d-rendering
xotmfrlox 댓글 1 좋아요 1 조회수 244

reorder('YXZ') 동작

해결됨

Three.js로 시작하는 3D 인터랙티브 웹

강의 너무 재밌게 잘 듣고 있습니다! roatation에서 reorder를 했을때 어떻게 동작하는 것인지 정확히 이해가 가지 않아서 질문 남겨봅니다~ reorder('YXZ') 는 어떤 것을 위해 설정한 것인지, YXZ 순서가 무엇을 의미하는지 궁금합니다~ (rotation.x, rotation.y 로 값을 설정하는데, YXZ 순서는 어떤 것을 설정해주는 것인지요?) 아래 코드처럼 테스트했을때, 1,2번 위치에 설정했을때는 잘 동작하고, 마지막에 설정했을때는 기존처럼 동작하는데, reorder() 해주는 위치도 궁금합니다. (한번 설정하면 계속 동작하는 것인지?) // 1. 회전 전에 설정 mesh.rotation.reorder('YXZ'); mesh.rotation.y = THREE.MathUtils.degToRad(45); // 2. 중간에 설정 mesh.rotation.reorder('YXZ'); mesh.rotation.x = THREE.MathUtils.degToRad(20); // 3. 마지막에 설정 mesh.rotation.reorder('YXZ');

  • blender
  • 인터랙티브-웹
  • three.js
dkwkdnwk 댓글 1 좋아요 0 조회수 655

카메라 컨트롤을 어떤 걸 사용해야 할지 모르겠습니다...!

미해결

Three.js로 시작하는 3D 인터랙티브 웹

안녕하세요. 1분코딩 선생님 강의를 수강 중인 수강생입니다. 현재 아래 사이트의 화면과 비슷한 기능을 구현해야 하는 상황인데 어떤 카메라 컨트롤을 써야 할지 감이 잡히지 않아 질문 드립니다... https://www.lamborghini.com/en-en/3d FlyControls와 PointerLockControls로 테스트를 해보았는데 FlyControls의 경우는 비슷하게 구현은 되었지만 화면을 계속 움직이다보면 화면이 기울어버리는 경우가 생기고, PointerLockControls의 경우는 움직이려면 lock(); 함수를 실행시키면 마우스가 사라져서 문제가 되었습니다. 카메라 컨트롤 셋팅은 glb파일의 카메라 객체를 넣어 생성하였습니다. 위의 사이트와 비슷한 기능을 만들려면 어떤 카메라 컨트롤러가 적합할까요...? 카메라 객체로 컨트롤 셋팅을 하고 따로 셋팅을 해줘야하는 값들이 있을까요...? 답변 및 조언 주시면 정말 감사하겠습니다!

  • blender
  • 인터랙티브-웹
  • three.js
안태민 댓글 2 좋아요 0 조회수 461

강의에서 나온 이미지 색상보다 더 밝게 나와요

미해결

Three.js로 시작하는 3D 인터랙티브 웹

위의 사진처럼 강의보다 훨씬 밝게 나오는데 문제가 무엇일까요..? import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; // ----- 주제: 여러 이미지 텍스쳐가 적용된 큐브 export default function example() { // 로딩 매니저 const loadingManager = new THREE.LoadingManager(); loadingManager.onStart = () => { console.log("시작"); }; loadingManager.onLoad = () => { console.log("로드 완료"); }; loadingManager.onProgress = (img) => { console.log(img + "로드 중"); }; loadingManager.onError = () => { console.log("로드 에러"); }; // 텍스쳐 이미지 로드 const textureLoader = new THREE.TextureLoader(loadingManager); const rightTex = textureLoader.load("/textures/mcstyle/right.png"); const leftTex = textureLoader.load("/textures/mcstyle/left.png"); const topTex = textureLoader.load("/textures/mcstyle/top.png"); const bottomTex = textureLoader.load("/textures/mcstyle/bottom.png"); const frontTex = textureLoader.load("/textures/mcstyle/front.png"); const backTex = textureLoader.load("/textures/mcstyle/back.png"); const materials = [ new THREE.MeshBasicMaterial({ map: rightTex }), new THREE.MeshBasicMaterial({ map: leftTex }), new THREE.MeshBasicMaterial({ map: topTex }), new THREE.MeshBasicMaterial({ map: bottomTex }), new THREE.MeshBasicMaterial({ map: frontTex }), new THREE.MeshBasicMaterial({ map: backTex }), ]; // 픽셀화 rightTex.magFilter = THREE.NearestFilter; leftTex.magFilter = THREE.NearestFilter; topTex.magFilter = THREE.NearestFilter; bottomTex.magFilter = THREE.NearestFilter; frontTex.magFilter = THREE.NearestFilter; backTex.magFilter = THREE.NearestFilter; // 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(); scene.background = new THREE.Color("white"); // Camera const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); camera.position.y = 1.5; camera.position.z = 4; scene.add(camera); // Light const ambientLight = new THREE.AmbientLight("white", 0.5); scene.add(ambientLight); const directionalLight = new THREE.DirectionalLight("white", 1); directionalLight.position.set(1, 1, 2); scene.add(directionalLight); // Controls const controls = new OrbitControls(camera, renderer.domElement); // Mesh const geometry = new THREE.BoxGeometry(2, 2, 2); const mesh = new THREE.Mesh(geometry, materials); scene.add(mesh); // 그리기 const clock = new THREE.Clock(); function draw() { const delta = clock.getDelta(); renderer.render(scene, camera); renderer.setAnimationLoop(draw); } function setSize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); renderer.render(scene, camera); } // 이벤트 window.addEventListener("resize", setSize); draw(); }

  • blender
  • 인터랙티브-웹
  • three.js
hwlee 댓글 2 좋아요 0 조회수 387

three.js 사용방법 1

미해결

Three.js로 시작하는 3D 인터랙티브 웹

아무것도 뜨지 않습니다 왜그럴까요?

  • blender
  • 인터랙티브-웹
  • three.js
jinseong kwak 댓글 3 좋아요 0 조회수 981

dat.gui

미해결

Three.js로 시작하는 3D 인터랙티브 웹

react에 three.js를 따라하고 있습니다. 그런데 다른건 다 잘 되는데 dat.GUI는 똑같이 따라 하니 안되네요 혹시 다른 방법을 더 추가 해야 할까여 import * as THREE from 'three'; import dat from 'dat.gui'; export default function example() { const scene = new THREE.Scene(); const renderer = new THREE.WebGLRenderer({ antialias : true }); renderer.setSize(window.innerWidth, window.innerHeight); renderer.setPixelRatio(window.devicePixelRatio>=1 ? 2 : 1); document.body.innerHTML=""; document.body.appendChild(renderer.domElement); // Camera const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); camera.position.y = 1; camera.position.z = 5; scene.add(camera); // Light const ambientLight = new THREE.AmbientLight('white', 0.5); scene.add(ambientLight); const directionalLight = new THREE.DirectionalLight('white', 1); directionalLight.position.x = 1; directionalLight.position.z = 2; scene.add(directionalLight); // Mesh const geometry = new THREE.BoxGeometry(1, 1, 1); const material = new THREE.MeshStandardMaterial({ color: 'seagreen' }); const mesh = new THREE.Mesh(geometry, material); scene.add(mesh); // Dat GUI const gui = new dat.GUI({ name: "My GUI" }); console.log(gui) gui.add(mesh.position, 'y', -5, 5, 0.01).name('큐브 Y'); gui.add(camera.position, 'x', -10, 10, 0.01).name('카메라 X'); camera.lookAt(mesh.position); // 그리기 const clock = new THREE.Clock(); function draw() { const time = clock.getElapsedTime(); mesh.rotation.y = time; camera.lookAt(mesh.position); renderer.render(scene, camera); renderer.setAnimationLoop(draw); } function setSize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); renderer.render(scene, camera); } // 이벤트 window.addEventListener('resize', setSize); draw(); }

  • blender
  • 인터랙티브-웹
  • three.js
greenartnw 댓글 1 좋아요 0 조회수 448

Targa로 저장하려니 이런 옵션

미해결

[LV1] 왕초보 이펙트 (VFX) 기초부터 튼튼하게! (UE5, Blender)

Targa로 저장하려니 이런 옵션이 뜨는데, 강사님은 어떤 걸로 저장하시나요?

  • unreal-engine
  • blender
  • vfx
  • niagara
1209esk 댓글 2 좋아요 0 조회수 1182

섹션3. 회전 강의에서 reorder 메서드가 잘 이해되지 않습니다.

미해결

Three.js로 시작하는 3D 인터랙티브 웹

제가 3D를 잘 몰라서 그런지 강사님이 설명해주신것과 실제 화면상의 결과물이 다소 다르게 보입니다. 제가 생각한 것으로는 reorder() 메서드를 사용하면 mesh의 각 면의 x, y, z 방향을 재정리해서 y축 방향으로 45도 돌아간 상태가 새로운 기준이 된다고 생각했는데 몇번 테스트해보면서 써보니 그게 아닌 것 같아요. 혹시 reoreder()가 정확히 어떻게 동작하는지 조금 더 자세히 설명해주실 수 있나요? 또 reorder() 메서드에서 인자로 줄 수 있는 "XYZ", "YXZ", "XZY" 등등은 무슨 차이가 있는지 궁금합니다.

  • blender
  • 인터랙티브-웹
  • three.js
nureongi0214 댓글 2 좋아요 0 조회수 370

수강 완료

해결됨

블렌더 3D 아이소메트릭 방 만들기

강의 잘 들었습니다:) 완전 만족! 제 생각은 잠시 넣어두고 강의랑 최대한 비슷한 느낌으로 만들어봤어요~ 아 그리고 궁금한 게 있는데, 블렌더 이용해서 갈 수 있는 분야가 어떻게 될까요? (취업) 얼마전까지 게임 캐릭터 모델링 작업을 하다가 최근 블렌더에 관심이 생겨서 공부중인건데, 생각해보니까 굳이 게임 쪽 아니더라도 상관 없을 것 같아서요! 도넛 가게 강의도 들을 예정인데 기대중이에요:) 좋은 강의 감사합니다!

  • blender
J0102 댓글 1 좋아요 1 조회수 413

재밌었어요!

해결됨

친절한 블렌더 - [LV.0] 입문 필수

즐거운 시간이었습니다~! 다음 강의 듣고싶어요 올라왔을까요?

  • blender
  • 3d-modelling
  • 3d-rendering
조예림 댓글 1 좋아요 1 조회수 285

수업노트는 어디에서 다운 받나요?

해결됨

친절한 블렌더 - [LV.0] 입문 필수

아래와 같은 방법으로 해보시고 상황을 자세하게 적어서 질문해주세요. 1. Ctrl Z로 몇 번 실행취소를 한 다음에 다시 만들어보기 2. 해당 오브젝트만 지우고 새로 만들기 3. (필수 아닌 권장) 새 파일을 열어서 전부 새로 만들기 블렌더 특성상 새로 만들면 옵션이 초기화되기 때문에 잘못 선택했던 옵션들이 원래대로 돌아가기 때문에 잘 작동할 수도 있고 배우는 과정에서 여러 번 만들면 익숙해지는데 도움이 되기 때문에 추천합니다. 지금까지 만든게 너무 아깝거나 내가 틀린 이유가 궁금하다면 이 과정은 패스해도 됩니다! 4. 막힌 부분의 시간(예를들면 3:24)과 안 되는 부분과 현상을 자세히 써주셔야 해결이 빠릅니다. - 3:24, 여기서 막혔어요 (X) - 3:24, 영상에서는 원형인데 저는 타원형으로 만들어져요. (O) - 3:24, 베벨과 익스투르드까지는 적용이 되는데 미러 모디파이어는 반응이 없어요. (O)

  • blender
  • 3d-modelling
  • 3d-rendering
은진 댓글 1 좋아요 0 조회수 492

인기 태그

인프런 TOP Writers

주간 인기글