three.js

0열

1답변

DOM 변환 좌표와 일치하도록 Three.js 좌표계를 어떻게 바꿀 수 있습니까?

예를 들어, DOM과 마찬가지로 장면의 상단/왼쪽에서 Three.js의 위치 0,0,0을 어떻게 시작할 수 있습니까? 위치가 0,0,0 일 때 왼쪽 상단에 표시되고 크기는 CSS 픽셀 크기가되고이 크기는 변경되지 않습니다. 뷰포트가 변경됩니다. 크기가 10 인 경우 CSS Px 10 개가 화면에 스패닝된다는 의미입니다 (Z = 0 인 경우). 편집 : 내가

1열

1답변

Autodesk Forge - 사용자 정의 뷰어

우리는 기존 three.js 응용 프로그램을 가지고 있으며 CAD 설계에 대한 지원을 추가하고 있습니다. 이전에는 DXF 파일로 만든 geojson 데이터의 사용자 정의 렌더링을 사용하여 이러한 작업을 관리했지만 지금은 Autodesk Forge를 사용하여 더 많은 데이터 유형을 지원하고 렌더링하기 전에 데이터를 사전 처리하려고합니다. 서문으로 Forge

-1열

2답변

displacingMap에 의해 displacedMap에 의해 변위 된 수정 된 메쉬 가져 오기

displacementMap에 의해 대체 될 메쉬를 가져오고 내보내려고합니다. 셰이더이 라인에 따른 정점 변환된다 ( three.js를 행/SRC/렌더러/쉐이더/ShaderChunk은/displacementmap_vertex.glsl) transformed += normalize(objectNormal) * (texture2D(displacementMap,

1열

1답변

three.js 객체가 객체 자체 좌표계 또는 세계 좌표계를 기반으로 변환 및 회전

three.js에서 입방체를 만듭니다. 먼저 회전 한 다음 X를 변환하면 입방체 위치는 (10,0,0)이 아닙니다. geometry = new THREE.BoxGeometry(3, 3, 3); material = new THREE.MeshBasicMaterial({ color: 0xff0000}); mesh = new THREE.Mesh(geometry

2열

1답변

지도 박스에 3js 건물을 실제 위치에 놓는 방법

현재 에펠 탑 obj 파일을로드하고 3js를 사용하여 렌더링합니다. 그러나 건물을 실제 위치의지도에 올려 놓을 수는 있습니다. mapgox-gl-js를 사용하여지도 문제를 처리하고 3D지도에서 편리하게 사용할 수 있습니다. style: { "version": 8, "sources": { "satellite": { "t

0열

1답변

ThreeJS - XZ 평면으로 프로젝트/레이 캐스트 마우스 클릭

ThreeJS 장면 내에서 3D지도로 오프라인 라우팅을 구현하려고합니다. 사용자가 점을 클릭 한 다음이 점으로 큐브를 탐색하길 원합니다. 탐색은 올바르게 작동하지만 클릭 지점이 정확하지 않습니다. 평면 맵은 Y 축이 위를 향한 XZ 좌표의 평면입니다. 장면에서 나는 궤도를 도는 때 카메라의 위치 인수를 변경하는 궤도 제어를 가지고있어, 따라서 내가하는 방식

1열

1답변

Threejs Simplified Geometry에는 색상이 없습니다.

Threejs (https://threejs.org/examples/js/modifiers/SimplifyModifier.js) 용 SimplifyModifier를 사용하고 있는데 제대로 작동하지만 출력 지오메트리가 색상이 다른 방식으로 달라집니다. - 단순화 된 형상은 회색이며 어떻게 왜 할 https://jsfiddle.net/k29px10r/ var

1열

1답변

Three.js JSON 객체 파일에 이미지 및 텍스처를 추가하는 방법

내 기본 목표는 멋진 Three.js 라이브러리를 사용하여 3DS/MAX에서 만든 3D 모델을 WebGL에로드하는 것입니다. 나는 그 목표를 향해 다음 단계를 성취했다. MAX.Plugin 수출업자를 Three.js JSON에 곧바로 사용하려고 시도했습니다. 문제가있어 작동하지 않았습니다. MAX 모델을 OBJ 형식으로 내 보냅니다. OBJ 모델을 Thre

1열

1답변

THREEJS v0.87.1 : 더 이상 일반 매핑에서 사용하기 위해 접선과 binormals를 생성 할 수 없습니다.

ThreeJS 프래그먼트 쉐이더에서 노멀 맵을 구현하려하지만 최근에 키 기능 computeTangents이 손실 된 것 같습니다 버전. 여기 세의 이전 버전을 사용하여 작동하는 데모입니다 : http://coryg89.github.io/technical/2013/06/01/photorealistic-3d-moon-demo-in-webgl-and-javasc

1열

1답변

Three.js 스키닝 애니메이션 (r74 +) 기능

이전 three.js (r72-) 애니메이션 시스템을 사용하면 지정된 시간에 애니메이션을 시작할 수있었습니다. 새로운 애니메이션 시스템이 달성에 성공보다 더 // anim being an instance of THREE.Animation var duration = anim.data.length; anim.currentTime = Math.floor(