묻고 답해요
137만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
캔버스내 클릭 무반응
- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :)- 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다.- 먼저 유사한 질문이 있었는지 검색해보세요.- 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 커스텀하여 만들고있는데 캐릭터를 아래로 이동시키고자 화면 하단을 클릭하면 데스티네이션 포인트가 안생기고 클릭이 안되는부분이 있습니다. 캐릭터 가 위치한 높이 아래로 어느정도 거리 이상 클릭시 클릭자체가 안되는것같은데 어떻게 해결해야할까요?
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
localhost:8080 에서 콘솔 창에 오류 메세지 해결방안좀 알려주세요
Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform 화면 캡쳐 첨부 합니다
-
미해결블렌더 처음 시작부터 로우폴리 3D 애니메이션 까지
로우폴리 헬리콥터 3 강의에서 이해가 안되는 부분이 있습니다ㅠ
선생님, 바로 봐주실 지 모르겠지만 ㅠㅠ 로우폴리 헬리콥터 3 강의 33초 부근에서 i를 눌러 inset face를 해주실 때 왜 저는 아래와 같이 될까요?ㅠ 멀지를 해봐도 안되네여ㅠㅠㅠ첨부터 다시 해야하나요?
-
해결됨Three.js로 시작하는 3D 인터랙티브 웹
vector의 길이를 1로 설정해야하는 이유?
Raycater강의를 듣다(특정 광선을 지나가는 메쉬 감지하기)direction벡터의 값을 (0,0,-100)에서 (0,0,-1)로 설정하라고 말씀해주셨는데요,혹시 길이가 1이 아닐 경우에 제대로 작동하지 않는 이유가 무엇인가요?
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
cannon을 사용하지 않을때 draw 속도는 어떻게 정할 수 있을까요?
춘식이 강의를 듣고있는중인데모니터 주사율 때문에 속도가 빨라진 것 같습니다.이전 강의에서 cannon을 사용할 땐 cannonWorld.step을 수정해서 속도를 맞췄는데춘식이 예제는 cannon을 사용하지 않는 것 같아서 질문드립니다!
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
main.js가 연결되지 않은듯 콘솔 조차 찍히지 않습니다.
제목 그대로 입니다 웹팩 콘피그의 엔트리에도 잘들어가 있고 파일 명을 바꾸면 에러를 뱉는것이 잘 연결되어있는 것 같은데, 콘솔을 찍으면 나오지 않습니다.html에 스크립트를 넣어주면 문제없이 콘솔 찍어 냅니다혹시 예상되는 문제점이 있을까요?
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
로드된 gltf의 너비, 높이, 깊이 얻기
안녕하세요 선생님 ~ 수업 잘 듣고있습니다!외부에서 gltf파일이나 glb파일을 불러와서 모델 주위에 충돌 상자를 만들어서 적용하려고 하는데요.외부에서 불러온 모델들의 너비나 높이, 깊이가 각각 제각각이라 gltf의 정확한 너비, 높이, 깊이값을 알고싶습니다 ㅠㅠ치수를 얻기 위해 어떻게 해야 될까요?
-
미해결블렌더 파이썬 BPY 입문강의
no workspace folder found 라는 문구가 뜹니다.!!
5강 3:21초에서 >blender:start눌러서 똑같이 블랜더 설치되어있는 프로그램파일 경로에 들어가서 blender.exe 파일 눌러서 했는데 no workspace folder found 이런 문구가 아래에 뜨네요??ㄷㄷㄷ 혹시 왜 이러는지 알 수 이ㅏㅆ을까요?
-
미해결블렌더 파이썬 BPY 입문강의
youtebe에 있는 비디오와 여기 있는 비디오의 차이점이 있을까요?
유투브에 있는 강의 비디오와 여기 있는 강의 비디오의 차이점이 있나요?없다면 youtube에서 보는게 인터페이스가 더 편한듯 해서youtube에서 볼려고 합니다.
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
glb파일 관련
구글에서 다운 받을 수 있는 glb모델들 중 일부는 처음 새로고침시에는 멀쩡히 서있지만, 걸어다니는 애니메이션을 적용시킬 경우 갑자기 캐틱터가 지평선을 바라보지 않고, 땅바닥을 바라보는? 그런 형태로 바뀌는 경우가 많습니다. 혹시 이 부분은 무엇을 고쳐야 하는 걸까요? (다운 받은 파일은 모두 애니메이션 여러가지를 가지고 있는 경우입니다). 한두개가 아니라 한 열개 정도를 받으면 7,8개에서는 이런 현상이 발생합니다.
-
미해결블렌더 처음 시작부터 로우폴리 3D 애니메이션 까지
png overwrite 해제하고 동영상으로 저장
안녕하세요! 동영상 저장 관련하여 질문이 있습니다. 저는 png, overwrite해제하고 렌더링을 했더니 1부터 900까지 png파일로 저장이 되더라구요! 그리고 마지막에 동영상으로도 저장이 되는 줄 알았는데, 동영상으로 또 묶는 작업을 해줘야 하나요??
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
threejs의 최적화를 하려면 어떻게 해야할까요?
각기 다른 geometry를 가진 mesh를 매 분마다 많은 양을 생성할때 웹 브라우저에 out of memory가 발생하는 이슈가 발생하고 있습니다. 이러한 경우에 효과적으로 최적화를 하려면 어떻게 해야할까요? 또한 스택오버플로 나 다른곳을 보면 geometry가 아닌 buffergeometry를 사용하는데 둘의 차이가 무엇인가요?
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
깊게 파려면 어떤 지식들이 더 있을까요?
혹시 본 강의에서 다루고있지 않지만 필수적인 web 3D 지식들이 있다면 뭐가있을까요?최적화에 관한 부분이나 깊게 파고들만한 부분이 더있는지 궁금합니다
-
미해결Blender(블렌더) 3.0 3D 그래픽의 입문 Part. 1
텐키리스 키보드 쓰는데
블렌더는 단축키를 숫자키쪽에 쓰는 방식이 초반에 몇개 나와서 당황스럽네요ㅠㅠ숫자키쪽 단축키 쓸일이 많지 않기를...
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
PointerLockControls 물체 통과 문의드립니다
안녕하세요? 물리엔진과 관련된 내용인 것 같습니다강사님이 만드신 https://studiomeal.com/ 사이트에서는 책장이나 물건을 통과하지 못하게 설정을 되어 있는데, 혹시 물리엔진으로 어떻게 구현하는지 궁금합니다 ㅠ
-
해결됨Three.js로 시작하는 3D 인터랙티브 웹
질문드립니다.
안녕하세요. 해당 강의로 three.js를 처음 접하고 실제 프로젝트에 적용하여 원하는 결과물을 만들 수 있었습니다.좋은 강의 감사합니다.결과물을 발전시키는 도중 원하는 표현이 생겼는데 어떻게 구현하면 좋을지 아이디어를 얻고 싶어 문의를 남깁니다.아래와 비슷하게 특정 지역의 온도를 위치가 정해져 있고 동적으로 색이 바뀌는 기체로 표현하고 싶습니다.three.js의 Fog는 카메라 기준으로 안개가 생기는 방식이라 사용할 수 없을 것 같은데어떤 방식으로 접근하면 좋을까요? 감사합니다.
-
미해결Blender(블렌더) 3.0 3D 그래픽의 입문 Part. 2
가위 손잡이 모델링 폴리곤 엉킴
손잡이 안쪽에 작게 튀어나온 부분 모델링할 때 폴리곤 엉킴이 있어서 질문드립니다.모델링할 페이스 선택 > inset > extrude > bevel 똑같이 진행한 것 같은데 섭디모디를 켜면 사진과 같이 미묘하게 겹친 것처럼 됩니다.노말 안쪽에서 보면 두번째 느낌인데 섭디모디가 입구부분을 동그랗게 만들어서 베벨이 된 엣지라인과 충돌하는 것 같습니다... 왜 저런질 모르겠구요 정답 아는 고수 있으실까요
-
미해결Blender(블렌더) 3.0 3D 그래픽의 입문 Part. 2
교재문의드립니다.
안녕하세요...아래 강의를 듣고 있는데요..현재 강의내용을 대략적으로 반영한 교재가 있는지 궁금합니다.제가 검색해 본 교재들은 모두 기본 이론(블렌더 기본조작방법)을 간단히만 소개하고,예제만들어보는 데 지면을 많이 활용해서 실제 전체적인 블렌더 기본조작방법을 배우기 어렵습니다.그래서 현재 강의 내용을 요약식이라도 반영한 교재나 자료가 있으면 구하고 싶습니다.Blender(블렌더) 3.0 3D 그래픽의 입문 Part. 2
-
미해결[LV2] 이펙터로 취업하기 위한 포트폴리오 만들기
이펙트 스폰? 이상하게 되는데 잘못된부분 지적가능할까요..?(수정 )
(사진)
-
미해결Three.js로 시작하는 3D 인터랙티브 웹
저번에 이어 질문드립니다.
강의 잘보고 있습니다. ThreeJS 관련해서는 이강좌 만한게 없네요^^ 저번에 ThreeJS를 이용한 그래프만들기를 문의 했습니다. https://www.inflearn.com/questions/499689/%EA%B0%95%EC%9D%98-%EB%84%88%EB%AC%B4-%EC%9E%98%EB%93%A3%EA%B3%A0-%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4-%EC%A7%88%EB%AC%B8-%EB%93%9C%EB%A6%BD%EB%8B%88%EB%8B%A4 제가 구성해야할 Bar가 256*60개여서 해당부분으로 해보니 프레임이 너무 안나와서 geometry를 합쳐서 하나의 mesh로 구성해 보았습니다. let geometrys = []; class Bar { constructor(info = {}) { this.container = info.container; this.value = info.value || 0; const heightValue = (this.value / maxValue) * maxBarHeight; this.x = info.x || 0; this.y = heightValue / 2; this.z = info.z || 0; const geometry = new THREE.BoxGeometry(1, 1, 1); originHelper.position.set(this.x, this.y, this.z); originHelper.scale.set(1, heightValue, 4); originHelper.updateMatrixWorld(true, false); geometry.applyMatrix4(originHelper.matrixWorld); geometrys.push(geometry); } } for (let i = 0; i < 256 * 60; i++) { const value = Math.random() * 255; new Bar({ value, x: (i % 255) * barDistance + 1, y: 0, z: parseInt(i / 256) * 4, }); } // 생성한 geometry를 전부 합침 let mergedGeometry = mergeBufferGeometries(geometrys, false); let mesh = new THREE.Mesh(mergedGeometry, basicMaterial); scene.add(mesh); // 그리기 const clock = new THREE.Clock(); function draw() { /////////////////////////////////////// for (let i = 0; i < 256 * 60; i++) { const value = Math.random() * 255; const heightValue = (value / maxValue) * maxBarHeight; const y = heightValue / 2; originHelper.position.set( (i % 255) * barDistance + 1, y, parseInt(i / 256) * 4 ); originHelper.scale.set(1, heightValue, 4); originHelper.updateMatrixWorld(true, false); geometrys[i].applyMatrix4(originHelper.matrixWorld); } renderer.render(scene, camera); renderer.setAnimationLoop(draw); // requestAnimationFrame(draw); }이렇게 구성해보고 프레임마다 난수를 발생해서 그래프가 갱신하게 구성하고 싶은데 mesh와 다르게 geometry의 matrix를 업데이트 해도 변하지가 않습니다. 혹시 해당부분을 해결할 방법이 있나요?