1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
import { Mesh, MeshBasicMaterial, VertexColors, TrianglesDrawMode } from 'three'
import { scene } from '../renderer'
import DRACOLoader from '../../util/vendor/DRACOLoader'
import GeometryHelper from '../../util/vendor/geometryHelper'
DRACOLoader.setDecoderPath('/assets/js/vendor/draco/')
const dracoLoader = new DRACOLoader()
DRACOLoader.getDecoderModule()
export function load(name) {
dracoLoader.load('/assets/data/faces/' + name + '.drc', (geometry) => {
geometry.computeVertexNormals()
const material = new MeshBasicMaterial({ vertexColors: VertexColors })
const mesh = new Mesh(geometry, material)
scene.add(mesh)
console.log(name)
// Release the cached decoder module.
DRACOLoader.releaseDecoderModule()
})
}
export function update(name) {
load(name)
}
function setDequantizationForMaterial(material, bufferGeometry) {
material.onBeforeCompile = function(shader) {
// Add uniform variables needed for dequantization.
var posAttribute = bufferGeometry.attributes['position'];
shader.uniforms.normConstant =
{ value: posAttribute.maxRange / (1 << posAttribute.numQuantizationBits) };
shader.uniforms.minPos = { value: posAttribute.minValues };
shader.vertexShader = 'uniform float maxRange;\n' +
'uniform float normConstant;\n' +
'uniform vec3 minPos;\n' +
shader.vertexShader;
shader.vertexShader = shader.vertexShader.replace(
'#include <begin_vertex>',
'vec3 transformed = minPos + position * normConstant;'
);
}
}
export function loadFromPath() {
// Enable logging to console output.
dracoLoader.setVerbosity(1)
// To use triangle strips use:
// dracoLoader.setDrawMode(THREE.TriangleStripDrawMode)
dracoLoader.setDrawMode(THREE.TrianglesDrawMode)
// Skip dequantization of the position attribute. It will be done on the GPU.
dracoLoader.setSkipDequantization('position', true)
dracoLoader.decodeDracoFile(reader.result, function(bufferGeometry) {
// if (dracoLoader.decode_time !== undefined) {
// fileDisplayArea.innerText = 'Decode time = ' + dracoLoader.decode_time + '\n' +
// 'Import time = ' + dracoLoader.import_time
// }
var material = new THREE.MeshBasicMaterial({ vertexColors: VertexColors })
material.wireframe = true
// If the position attribute is quantized, modify the material to perform
// dequantization on the GPU.
if (bufferGeometry.attributes['position'].isQuantized) {
setDequantizationForMaterial(material, bufferGeometry)
}
var geometry;
// Point cloud does not have face indices.
if (bufferGeometry.index == null) {
geometry = new THREE.Points(bufferGeometry, material);
} else {
if (bufferGeometry.attributes.normal === undefined) {
var geometryHelper = new GeometryHelper();
geometryHelper.computeVertexNormals(bufferGeometry);
}
geometry = new THREE.Mesh(bufferGeometry, material);
geometry.drawMode = dracoLoader.drawMode;
}
// Compute range of the geometry coordinates for proper rendering.
bufferGeometry.computeBoundingBox();
if (bufferGeometry.attributes['position'].isQuantized) {
// If the geometry is quantized, transform the bounding box to the dequantized
// coordinates.
var posAttribute = bufferGeometry.attributes['position'];
var normConstant =
posAttribute.maxRange / (1 << posAttribute.numQuantizationBits);
var minPos = posAttribute.minValues;
bufferGeometry.boundingBox.max.x =
minPos[0] + bufferGeometry.boundingBox.max.x * normConstant;
bufferGeometry.boundingBox.max.y =
minPos[1] + bufferGeometry.boundingBox.max.y * normConstant;
bufferGeometry.boundingBox.max.z =
minPos[2] + bufferGeometry.boundingBox.max.z * normConstant;
bufferGeometry.boundingBox.min.x =
minPos[0] + bufferGeometry.boundingBox.min.x * normConstant;
bufferGeometry.boundingBox.min.y =
minPos[1] + bufferGeometry.boundingBox.min.y * normConstant;
bufferGeometry.boundingBox.min.z =
minPos[2] + bufferGeometry.boundingBox.min.z * normConstant;
}
var sizeX = bufferGeometry.boundingBox.max.x - bufferGeometry.boundingBox.min.x;
var sizeY = bufferGeometry.boundingBox.max.y - bufferGeometry.boundingBox.min.y;
var sizeZ = bufferGeometry.boundingBox.max.z - bufferGeometry.boundingBox.min.z;
var diagonalSize = Math.sqrt(sizeX * sizeX + sizeY * sizeY + sizeZ * sizeZ);
var scale = 1.0 / diagonalSize;
var midX = (bufferGeometry.boundingBox.min.x + bufferGeometry.boundingBox.max.x) / 2;
var midY = (bufferGeometry.boundingBox.min.y + bufferGeometry.boundingBox.max.y) / 2;
var midZ = (bufferGeometry.boundingBox.min.z + bufferGeometry.boundingBox.max.z) / 2;
geometry.scale.multiplyScalar(scale);
geometry.position.x = -midX * scale;
geometry.position.y = -midY * scale;
geometry.position.z = -midZ * scale;
// geometry.castShadow = true;
// geometry.receiveShadow = true;
var selectedObject = scene.getObjectByName("my_mesh");
scene.remove(selectedObject);
geometry.name = "my_mesh";
scene.add(geometry);
});
}
|
