블렌더에서는 텍스처가 적용된걸로 보이는데, export한 후에 three.js에서 렌더링 하면 텍스처가 적용되지 않은 모델로 보입니다 ㅜㅜ제공된 ilbuni.glb 파일을 사용하면 문제가 없는걸로 보아 코드 문제는 아니고, 블렌더에서 뭔가 잘못된거 같은데 이유를 모르겠습니다..! 아시는분들 답변부탁드립니다!!   익스포트 설정

수업 16:01 부분에 렌더를 돌리는 부분에서 오브젝트는 나오지 않고 그리드만 나오는데 해결방법이 없을까요? 인터넷에 나오는visivility - mask 체크, 카메라 확인, 슬롯 확인, Post Processing의 compositing과 Sequencer 체크 등등 확인 했는데 나오지 않습니다. 

안녕하세요. 블렌더는 처음이라 어렵지만 어찌저찌 해서 풍선모델링+랜더링 부분까지 왔는데요. 블렌더가 업데이트 버전으로 하려니 아마 설정 위치 같은 것이 변경이 되어서 초급자가 찾기가 참 어렵네요..모르는 것은 검색해서 진행해 왔지만 이것만큼은 도저히 찾기가 어려워 질문 드립니다.지금 랜더엔진 부분의 Eevee엔진에서 Ambient Occlusion, Bloom, Screen Space Reflections를 체크하면 좀 더 예쁜 작업물을 얻을 수 있다 하셨는데 블렌더 업데이트 버전에는 저 부분들이 보이지 않고 있습니다. 어디에 들어가면 확인할 수 있을까요?? (강의 타임라인은 풍선 모델링 + 렌더링 15:24부분)  

각 Glass 객체의 position X 값을 -1, 1로 설정하셨는데, 어떤 계산이 들어간걸까요? 아니면 값을 넣어보면서 맞추는건가요? // 유리판 for (let i = 0; i < numberOfGlass; i++) { const glass1 = new Glass({ name: 'glass', x: -1, y: 10.5, z: i * glassUnitSize * 2 - glassUnitSize * 9, }); const glass12 = new Glass({ name: 'glass', x: 1, y: 10.5, z: i * glassUnitSize * 2 - glassUnitSize * 9, }); }

선생님 복사할 때, Alt D와 Shift D는 차이가 있나요?

블랜더는 여타 프로그램과 다르게 삼각형을 신경쓰지 않아도 괜찮은 건가요? 버텍스에 Bevel을 줬을 경우 삼각형으로 만들어져서 신경이 쓰입니다. 버텍스에 Bevel을 줬을경우 사각형으로 만드는 방법도 있는지 궁금합니다.

2:00, Scale - Y로 침대 안쪽 옆면을 수정할 때, 저는 면에만 영향이 있고 윗면에는 반영이 안 되는데, 무엇이 문제일까요?  2:27,헤드 스케일을 Scale - Y로 조절했을 때, 선만 움직이지 않고 모양이 잘라져버립니다. 무엇이 잘못된 걸까요?

강의 코드를 그대로 따라하면 mesh 색이 어두운 회색으로 표현되고 그림자가 생기지 않는 문제가 있습니다. 그래서 SpotLight의 위치와 강도를 조정했더니 그림자는 나타나는데 강의영상처럼 모든 집에대한 그림자가 동일하게 나오는 것이 아니라 맨 처음 집에 대한 그림자만 선명히 나타납니다! 빛을 한방향에서만 쏘기 때문에 저 처럼 표현되는게 맞는 것 같은데, 강의영상처럼 모두 동일한 그림자를 표현하려면 어떻게 해야할까요..?  import * as THREE from 'three'; import { GLTFLoader } from 'three/examples/jsm/Addons.js'; import { House } from './House'; import gsap from 'gsap'; // ----- 주제: 스크롤에 따라 움직이는 3D 페이지 // 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); renderer.shadowMap.enabled = true; // 그림자 설정, mesh도 함께 설정해야함 renderer.shadowMap.type = THREE.PCFSoftShadowMap; // 그림자 부드럽게 // 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.set(-5, 2, 25); scene.add(camera); // Light const ambientLight = new THREE.AmbientLight('white', 2); scene.add(ambientLight); const spotLight = new THREE.SpotLight('white', 500); spotLight.position.set(-5, 10, 30); // 그림자 설정 spotLight.castShadow = true; spotLight.shadow.mapSize.width = 1024; // 그림자 퀄리티 조정(성능에 크게 영향을 미치지 않는 정도) spotLight.shadow.mapSize.height = 1024; // 그림자 퀄리티 조정(성능에 크게 영향을 미치지 않는 정도) spotLight.shadow.camera.near = 1; spotLight.shadow.camera.far = 1000; scene.add(spotLight); const spotLightHelper = new THREE.SpotLightHelper(spotLight, 'red'); scene.add(spotLightHelper); // --- (2) HemisphereLight 추가 --- // const hemiLight = new THREE.HemisphereLight('white', 'white', 2); // scene.add(hemiLight); const gltfLoader = new GLTFLoader(); // Mesh const floorMesh = new THREE.Mesh( new THREE.PlaneGeometry(100, 100), new THREE.MeshStandardMaterial({ color: 'white', roughness: 0.4, // 필요에 따라 조절 metalness: 0.2, // 필요에 따라 조절 toneMapped: false, }) // 강의에는 MeshStandartMaterial 사용했는데, 이거 사용시 floorMesh가 하얀색이 아닌 회색으로 보여서 변경 ); floorMesh.rotation.x = -Math.PI / 2; // 180//2 = 90도 floorMesh.receiveShadow = true; // floorMesh에 그림자가 그려지기 때문에 recieveShadow 사용 scene.add(floorMesh); // 하우스를 통해 그림자가 만들어져야 하므로 -> castShadow const houses = []; houses.push( new House({ gltfLoader, scene, modelSrc: '/models/house.glb', x: -5, z: 20, height: 2, }) ); houses.push( new House({ gltfLoader, scene, modelSrc: '/models/house.glb', x: 7, z: 10, height: 2, }) ); houses.push( new House({ gltfLoader, scene, modelSrc: '/models/house.glb', x: -10, z: 0, height: 2, }) ); houses.push( new House({ gltfLoader, scene, modelSrc: '/models/house.glb', x: 10, z: -10, height: 2, }) ); houses.push( new House({ gltfLoader, scene, modelSrc: '/models/house.glb', x: -5, z: -20, height: 2, }) ); // 그리기 const clock = new THREE.Clock(); function draw() { const delta = clock.getDelta(); renderer.render(scene, camera); renderer.setAnimationLoop(draw); spotLightHelper.update(); } let currentSection = 0; function setSection() { // console.log('setSection 실행!'); // setSection 스크롤할때마다 실행됨 const newSection = Math.round(window.scrollY / window.innerHeight); // 0,1,2,3,4 if (currentSection !== newSection) { console.log('animation!'); // section값이 바뀔때만 애니메이션이 동작하도록 gsap.to(camera.position, { duration: 1, x: houses[newSection].x, z: houses[newSection].z + 5, }); currentSection = newSection; } } function setSize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); renderer.render(scene, camera); } // 이벤트 window.addEventListener('scroll', setSection); window.addEventListener('resize', setSize); draw();

현재 애니메이션 기본 수업부터 scale까지 봤는데,setAnimationLoop 가 draw 안에 등록되서 매번 반복으로 실행되는것 같은데,화면갱신에 관련된 render만 반복시키고setAnimationLoop는 바깥에서 한번만 등록하는게 옳은 방법이 아닌가 하고 의문이 드는데 어떤게 맞는건가요?동작은 둘다 똑같이 되긴 합니다. const draw = () => { /* 메쉬 애니메이션 처리 코드 들어갈 위치 ... */ renderer.render(scene, camera); } renderer.setAnimationLoop(draw);

노드 기반으로 도너츠를 열심히 잘 만들어 보았습니다선생님이 만드신 도넛 느낌이 더 좋은거같아서...실례가 안된다면 도넛 강의만 수업파일 배포 가능하신가요?(재 배포는 절대 하지 않겠습니다!!!)해당 강의에 메터리얼 강의는 없었지만 잘만드신거같아서 보고 파악해 보고싶은데재질은 아예 제공이 안되서 너무 안타깝습니다.

지오메트리에서 식탁을 만든과정을 따라해봤는데저기 저 부분 엣지에 베벨은 어떻게 해서 줄수있을까요?도저히 생각이 안나서 모디파이어 베벨을 주긴했는데지오메트리 노드로 접근하는 방법을 알려주세요!!

따라하긴했는데 책만들기랑 블럭을 둥글 둥글하게 만드는건 잘 안되네요 .. 버전이 업데이트 하면서 방식이 많이 달라졌네요 ... Stop1)Stop2)  Stop3)뷰포트 쉐이딩  엑스레이 사진  엑스레이  일단 그냥 진행  

셰이드 스무스 적용하면 동글 동글한 부분만 셰이드 스무스 적용되고 다른 각진곳은 그냥 이상한 음영으로 채워져요 ...베벨 적용도 둥근곳만 적용되고요 ...뭔가 다른 방법을 사용하라는건가요?  

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 로보트 밑에 평면이 가로등 빛이 비추지 않고 투과되는 느낌으로 표현되는데어떻게 하면 될까요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 라이팅 강의에서 큐브를 투명하게 만드려고 와이어를 클릭했는데도 투명하게 안변할 땐 어떻게 하는 게 좋을까요?

8:18에서 버섯 끝부분에 베벨을 넣어야하는데 통통하게 안들어가고 가파르게 들어갑니다. 이유가 뭘까요 ..

안녕하세요 강사님, 강의에서 사용하신 레퍼런스 이미지는 어디서 받을 수 있을까요?

이미지를 뽑았는데 화질이 선명하지가 않고 뭉개지는 이유를 알고 싶습니다..해결 방법이 있을까요? 모든 오브젝트들이 다 그런상태입니다..

눈을 하나씩 그리고 싶은데 그릴 때 마다 미러모드가 작동하는 것 처럼 그려져요