@eturnity/eturnity_3d 7.30.0 → 7.32.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +7 -5
- package/src/App.vue +12 -12
- package/src/Overlay/AirTeamOverlay.js +15 -15
- package/src/Overlay/ImageOverlay.js +10 -10
- package/src/Overlay/Overlay.js +8 -8
- package/src/Overlay/OverlayFactory.js +1 -1
- package/src/assets/theme.js +3 -3
- package/src/components/ThreeCanvasViewer.vue +289 -280
- package/src/config.js +48 -48
- package/src/helper/UpdateRoofModuleFieldRelations.js +5 -5
- package/src/helper/UpdateRoofObstacleRelations.js +1 -1
- package/src/helper/cameraMixin.js +34 -34
- package/src/helper/customProvider.js +0 -1
- package/src/helper/initializeThree.js +2 -2
- package/src/helper/materialMixin.js +17 -17
- package/src/helper/projectedMaterial.js +27 -25
- package/src/helper/render/base.js +4 -4
- package/src/helper/render/clear.js +9 -8
- package/src/helper/render/edge.js +2 -2
- package/src/helper/render/geometryHandler.js +15 -15
- package/src/helper/render/imageOverlay.js +4 -4
- package/src/helper/render/index.js +2 -2
- package/src/helper/render/loader.js +4 -4
- package/src/helper/render/margin.js +5 -5
- package/src/helper/render/mergedGeometry.js +2 -2
- package/src/helper/render/moduleField.js +2 -2
- package/src/helper/render/node.js +2 -2
- package/src/helper/render/obstacle.js +3 -3
- package/src/helper/render/overlay.js +3 -3
- package/src/helper/render/panel.js +4 -4
- package/src/helper/render/projectionMaterial.js +2 -2
- package/src/helper/render/roof.js +6 -6
- package/src/helper/render/texture.js +3 -3
- package/src/helper/render/tile.js +80 -72
- package/src/helper/render/tileProjection.js +7 -7
- package/src/helper/renderMixin.js +61 -57
- package/src/helper/threeMixin.js +10 -8
- package/src/main.js +4 -4
- package/src/store/hydrateData.js +30 -30
- package/src/store/nodesEdgesCreation.js +9 -9
- package/src/store/store.js +2 -2
- package/src/store/three-d-module.js +8 -8
- package/src/utils/constants.js +1 -1
- package/src/utils/layers.js +31 -31
- package/src/utils/leaflet-config.service.js +13 -13
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
beamOpacity,
|
|
5
5
|
node3DColor,
|
|
6
6
|
node3dOpacity,
|
|
7
|
-
defaultTextureUrls
|
|
7
|
+
defaultTextureUrls,
|
|
8
8
|
} from '../config'
|
|
9
9
|
export default {
|
|
10
10
|
data() {
|
|
@@ -19,25 +19,25 @@ export default {
|
|
|
19
19
|
|
|
20
20
|
this.material.panelSide = new THREE.MeshLambertMaterial({
|
|
21
21
|
color: 0xdddddd,
|
|
22
|
-
side: THREE.DoubleSide
|
|
22
|
+
side: THREE.DoubleSide,
|
|
23
23
|
})
|
|
24
24
|
|
|
25
25
|
this.material.wall = new THREE.MeshLambertMaterial({
|
|
26
26
|
color: wallColor,
|
|
27
27
|
side: THREE.DoubleSide,
|
|
28
28
|
transparent: true,
|
|
29
|
-
opacity: this.wallColor == '#ffffff00' ? 0.2 : 1
|
|
29
|
+
opacity: this.wallColor == '#ffffff00' ? 0.2 : 1,
|
|
30
30
|
})
|
|
31
31
|
|
|
32
32
|
this.material.obstacle = new THREE.MeshPhongMaterial({
|
|
33
33
|
color: 0xff0000,
|
|
34
|
-
side: THREE.DoubleSide
|
|
34
|
+
side: THREE.DoubleSide,
|
|
35
35
|
})
|
|
36
36
|
|
|
37
37
|
this.material.edge = new THREE.MeshBasicMaterial({
|
|
38
38
|
color: beamColor,
|
|
39
39
|
transparent: true,
|
|
40
|
-
opacity: beamOpacity
|
|
40
|
+
opacity: beamOpacity,
|
|
41
41
|
})
|
|
42
42
|
//Creating dot alpha texture for nodes
|
|
43
43
|
const canvas = document.createElement('canvas'),
|
|
@@ -59,7 +59,7 @@ export default {
|
|
|
59
59
|
sizeAttenuation: false,
|
|
60
60
|
transparent: true,
|
|
61
61
|
color: 0xffffff,
|
|
62
|
-
opacity: 1
|
|
62
|
+
opacity: 1,
|
|
63
63
|
})
|
|
64
64
|
|
|
65
65
|
this.material.panel = {}
|
|
@@ -71,7 +71,7 @@ export default {
|
|
|
71
71
|
)
|
|
72
72
|
this.material.panel['default_' + k] = new THREE.MeshBasicMaterial({
|
|
73
73
|
map: texture,
|
|
74
|
-
side: THREE.DoubleSide
|
|
74
|
+
side: THREE.DoubleSide,
|
|
75
75
|
})
|
|
76
76
|
}
|
|
77
77
|
this.material.panel['userDeactivatedPanel'] = new THREE.MeshBasicMaterial({
|
|
@@ -79,7 +79,7 @@ export default {
|
|
|
79
79
|
transparent: true,
|
|
80
80
|
alphaTest: 0,
|
|
81
81
|
opacity: 0.2,
|
|
82
|
-
side: THREE.DoubleSide
|
|
82
|
+
side: THREE.DoubleSide,
|
|
83
83
|
})
|
|
84
84
|
this.material.projectionTiles = []
|
|
85
85
|
|
|
@@ -96,7 +96,7 @@ export default {
|
|
|
96
96
|
flatShading: true,
|
|
97
97
|
side: THREE.DoubleSide,
|
|
98
98
|
transparent: true,
|
|
99
|
-
opacity: 0.5
|
|
99
|
+
opacity: 0.5,
|
|
100
100
|
})
|
|
101
101
|
|
|
102
102
|
this.material.highlight = new THREE.MeshPhongMaterial({
|
|
@@ -107,7 +107,7 @@ export default {
|
|
|
107
107
|
side: THREE.DoubleSide,
|
|
108
108
|
transparent: true,
|
|
109
109
|
opacity: 0.4,
|
|
110
|
-
alphaTest: 0.3
|
|
110
|
+
alphaTest: 0.3,
|
|
111
111
|
})
|
|
112
112
|
this.material.selected = new THREE.MeshPhongMaterial({
|
|
113
113
|
color: 0x5050ff,
|
|
@@ -117,26 +117,26 @@ export default {
|
|
|
117
117
|
side: THREE.DoubleSide,
|
|
118
118
|
transparent: true,
|
|
119
119
|
opacity: 0.5,
|
|
120
|
-
alphaTest: 0.3
|
|
120
|
+
alphaTest: 0.3,
|
|
121
121
|
})
|
|
122
122
|
this.material.hidden = new THREE.MeshBasicMaterial({
|
|
123
123
|
color: 0xffffff,
|
|
124
124
|
transparent: true,
|
|
125
125
|
alphaTest: 1,
|
|
126
126
|
opacity: 0.2,
|
|
127
|
-
side: THREE.DoubleSide
|
|
127
|
+
side: THREE.DoubleSide,
|
|
128
128
|
})
|
|
129
129
|
this.material.moduleField = new THREE.MeshBasicMaterial({
|
|
130
130
|
color: 0xe0e0ff,
|
|
131
131
|
side: THREE.DoubleSide,
|
|
132
132
|
transparent: true,
|
|
133
|
-
opacity: 0.3
|
|
133
|
+
opacity: 0.3,
|
|
134
134
|
})
|
|
135
135
|
this.material.moduleFieldWithPanelOveride = new THREE.MeshBasicMaterial({
|
|
136
136
|
color: 0xfc9d03,
|
|
137
137
|
side: THREE.DoubleSide,
|
|
138
138
|
transparent: true,
|
|
139
|
-
opacity: 0.8
|
|
139
|
+
opacity: 0.8,
|
|
140
140
|
})
|
|
141
141
|
this.material.curvedRoof = new THREE.MeshPhongMaterial({
|
|
142
142
|
color: 0xffff00,
|
|
@@ -145,7 +145,7 @@ export default {
|
|
|
145
145
|
flatShading: true,
|
|
146
146
|
side: THREE.DoubleSide,
|
|
147
147
|
transparent: true,
|
|
148
|
-
opacity: 0.5
|
|
148
|
+
opacity: 0.5,
|
|
149
149
|
})
|
|
150
150
|
},
|
|
151
151
|
watch: {
|
|
@@ -157,6 +157,6 @@ export default {
|
|
|
157
157
|
} else {
|
|
158
158
|
this.material.wall.opacity = 1
|
|
159
159
|
}
|
|
160
|
-
}
|
|
161
|
-
}
|
|
160
|
+
},
|
|
161
|
+
},
|
|
162
162
|
}
|
|
@@ -117,7 +117,7 @@ class ProjectedMaterial extends THREE.MeshPhysicalMaterial {
|
|
|
117
117
|
addLoadListener(texture, () => {
|
|
118
118
|
this.uniforms.isTextureLoaded.value = true
|
|
119
119
|
this.dispatchEvent({
|
|
120
|
-
type: 'textureload'
|
|
120
|
+
type: 'textureload',
|
|
121
121
|
})
|
|
122
122
|
|
|
123
123
|
_classPrivateFieldLooseBase(this, _saveDimensions)[_saveDimensions]()
|
|
@@ -176,22 +176,22 @@ class ProjectedMaterial extends THREE.MeshPhysicalMaterial {
|
|
|
176
176
|
|
|
177
177
|
super(options)
|
|
178
178
|
Object.defineProperty(this, _saveCameraMatrices, {
|
|
179
|
-
value: _saveCameraMatrices2
|
|
179
|
+
value: _saveCameraMatrices2,
|
|
180
180
|
})
|
|
181
181
|
Object.defineProperty(this, _saveDimensions, {
|
|
182
|
-
value: _saveDimensions2
|
|
182
|
+
value: _saveDimensions2,
|
|
183
183
|
})
|
|
184
184
|
Object.defineProperty(this, _camera, {
|
|
185
185
|
writable: true,
|
|
186
|
-
value: void 0
|
|
186
|
+
value: void 0,
|
|
187
187
|
})
|
|
188
188
|
Object.defineProperty(this, _cover, {
|
|
189
189
|
writable: true,
|
|
190
|
-
value: void 0
|
|
190
|
+
value: void 0,
|
|
191
191
|
})
|
|
192
192
|
Object.defineProperty(this, _textureScale, {
|
|
193
193
|
writable: true,
|
|
194
|
-
value: void 0
|
|
194
|
+
value: void 0,
|
|
195
195
|
})
|
|
196
196
|
Object.defineProperty(this, _saveCameraProjectionMatrix, {
|
|
197
197
|
writable: true,
|
|
@@ -201,10 +201,10 @@ class ProjectedMaterial extends THREE.MeshPhysicalMaterial {
|
|
|
201
201
|
)
|
|
202
202
|
|
|
203
203
|
_classPrivateFieldLooseBase(this, _saveDimensions)[_saveDimensions]()
|
|
204
|
-
}
|
|
204
|
+
},
|
|
205
205
|
})
|
|
206
206
|
Object.defineProperty(this, 'isProjectedMaterial', {
|
|
207
|
-
value: true
|
|
207
|
+
value: true,
|
|
208
208
|
}) // save the private variables
|
|
209
209
|
_classPrivateFieldLooseBase(this, _camera)[_camera] = camera
|
|
210
210
|
_classPrivateFieldLooseBase(this, _cover)[_cover] = cover
|
|
@@ -219,48 +219,48 @@ class ProjectedMaterial extends THREE.MeshPhysicalMaterial {
|
|
|
219
219
|
)
|
|
220
220
|
this.uniforms = {
|
|
221
221
|
projectedTexture: {
|
|
222
|
-
value: texture
|
|
222
|
+
value: texture,
|
|
223
223
|
},
|
|
224
224
|
// this avoids rendering black if the texture
|
|
225
225
|
// hasn't loaded yet
|
|
226
226
|
isTextureLoaded: {
|
|
227
|
-
value: Boolean(texture.image)
|
|
227
|
+
value: Boolean(texture.image),
|
|
228
228
|
},
|
|
229
229
|
// don't show the texture if we haven't called project()
|
|
230
230
|
isTextureProjected: {
|
|
231
|
-
value: false
|
|
231
|
+
value: false,
|
|
232
232
|
},
|
|
233
233
|
// if we have multiple materials we want to show the
|
|
234
234
|
// background only of the first material
|
|
235
235
|
backgroundOpacity: {
|
|
236
|
-
value: 1
|
|
236
|
+
value: 1,
|
|
237
237
|
},
|
|
238
238
|
// these will be set on project()
|
|
239
239
|
viewMatrixCamera: {
|
|
240
|
-
value: new THREE.Matrix4()
|
|
240
|
+
value: new THREE.Matrix4(),
|
|
241
241
|
},
|
|
242
242
|
projectionMatrixCamera: {
|
|
243
|
-
value: new THREE.Matrix4()
|
|
243
|
+
value: new THREE.Matrix4(),
|
|
244
244
|
},
|
|
245
245
|
projPosition: {
|
|
246
|
-
value: new THREE.Vector3()
|
|
246
|
+
value: new THREE.Vector3(),
|
|
247
247
|
},
|
|
248
248
|
projDirection: {
|
|
249
|
-
value: new THREE.Vector3(0, 0, -1)
|
|
249
|
+
value: new THREE.Vector3(0, 0, -1),
|
|
250
250
|
},
|
|
251
251
|
// we will set this later when we will have positioned the object
|
|
252
252
|
savedModelMatrix: {
|
|
253
|
-
value: new THREE.Matrix4()
|
|
253
|
+
value: new THREE.Matrix4(),
|
|
254
254
|
},
|
|
255
255
|
widthScaled: {
|
|
256
|
-
value: _widthScaled
|
|
256
|
+
value: _widthScaled,
|
|
257
257
|
},
|
|
258
258
|
heightScaled: {
|
|
259
|
-
value: _heightScaled
|
|
259
|
+
value: _heightScaled,
|
|
260
260
|
},
|
|
261
261
|
textureOffset: {
|
|
262
|
-
value: textureOffset
|
|
263
|
-
}
|
|
262
|
+
value: textureOffset,
|
|
263
|
+
},
|
|
264
264
|
}
|
|
265
265
|
|
|
266
266
|
this.onBeforeCompile = (shader) => {
|
|
@@ -311,7 +311,7 @@ class ProjectedMaterial extends THREE.MeshPhysicalMaterial {
|
|
|
311
311
|
#ifndef ORTHOGRAPHIC
|
|
312
312
|
vWorldPosition = savedModelMatrix * vec4(position, 1.0);
|
|
313
313
|
#endif
|
|
314
|
-
|
|
314
|
+
`,
|
|
315
315
|
})
|
|
316
316
|
shader.fragmentShader = monkeyPatch(shader.fragmentShader, {
|
|
317
317
|
header:
|
|
@@ -375,7 +375,7 @@ class ProjectedMaterial extends THREE.MeshPhysicalMaterial {
|
|
|
375
375
|
// https://learnopengl.com/Advanced-OpenGL/Blending
|
|
376
376
|
diffuseColor = textureColor * textureColor.a + diffuseColor * (1.0 - textureColor.a);
|
|
377
377
|
}
|
|
378
|
-
|
|
378
|
+
`,
|
|
379
379
|
})
|
|
380
380
|
} // Listen on resize if the camera used for the projection
|
|
381
381
|
// is the same used to render.
|
|
@@ -394,7 +394,7 @@ class ProjectedMaterial extends THREE.MeshPhysicalMaterial {
|
|
|
394
394
|
addLoadListener(texture, () => {
|
|
395
395
|
this.uniforms.isTextureLoaded.value = true
|
|
396
396
|
this.dispatchEvent({
|
|
397
|
-
type: 'textureload'
|
|
397
|
+
type: 'textureload',
|
|
398
398
|
})
|
|
399
399
|
|
|
400
400
|
_classPrivateFieldLooseBase(this, _saveDimensions)[_saveDimensions]()
|
|
@@ -577,7 +577,9 @@ function _saveCameraMatrices2() {
|
|
|
577
577
|
this.uniforms.viewMatrixCamera.value.copy(viewMatrixCamera)
|
|
578
578
|
this.uniforms.projectionMatrixCamera.value.copy(projectionMatrixCamera)
|
|
579
579
|
this.uniforms.projPosition.value.setFromMatrixPosition(modelMatrixCamera)
|
|
580
|
-
this.uniforms.projDirection.value
|
|
580
|
+
this.uniforms.projDirection.value
|
|
581
|
+
.set(0, 0, 1)
|
|
582
|
+
.transformDirection(modelMatrixCamera)
|
|
581
583
|
// tell the shader we've projected
|
|
582
584
|
this.uniforms.isTextureProjected.value = true
|
|
583
585
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as THREE from 'three'
|
|
2
2
|
import {
|
|
3
3
|
getBufferWallGeometry,
|
|
4
|
-
updateBufferWallGeometry
|
|
4
|
+
updateBufferWallGeometry,
|
|
5
5
|
} from './geometryHandler'
|
|
6
6
|
export default {
|
|
7
7
|
methods: {
|
|
8
8
|
data() {
|
|
9
9
|
return {
|
|
10
|
-
mergedBaseMesh: null
|
|
10
|
+
mergedBaseMesh: null,
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
renderBase() {
|
|
@@ -50,6 +50,6 @@ export default {
|
|
|
50
50
|
this.material.wall
|
|
51
51
|
)
|
|
52
52
|
this.mergedBaseMesh.renderOrder = 10
|
|
53
|
-
}
|
|
54
|
-
}
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
55
|
}
|
|
@@ -15,12 +15,13 @@ export default {
|
|
|
15
15
|
//in case of map, bumpMap, normalMap, envMap ...
|
|
16
16
|
Object.keys(obj.material).forEach((prop) => {
|
|
17
17
|
if (!obj.material[prop]) return
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
// commenting below code because it will never trigger due to 'false'
|
|
19
|
+
// if (
|
|
20
|
+
// false &&
|
|
21
|
+
// obj.material[prop] !== null &&
|
|
22
|
+
// typeof obj.material[prop].dispose === 'function'
|
|
23
|
+
// )
|
|
24
|
+
// obj.material[prop].dispose()
|
|
24
25
|
})
|
|
25
26
|
if (obj.material.dispose) obj.material.dispose()
|
|
26
27
|
}
|
|
@@ -80,6 +81,6 @@ export default {
|
|
|
80
81
|
if (this.renderer) {
|
|
81
82
|
this.renderer.renderLists.dispose()
|
|
82
83
|
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
84
|
+
},
|
|
85
|
+
},
|
|
85
86
|
}
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
hasNaN,
|
|
10
10
|
getDistanceBetweenPoints,
|
|
11
11
|
intersectOutlines,
|
|
12
|
-
isSameSegment2D
|
|
12
|
+
isSameSegment2D,
|
|
13
13
|
} from '@eturnity/eturnity_maths'
|
|
14
14
|
|
|
15
15
|
export function getTriangleVerticesFromOutline(
|
|
@@ -163,7 +163,7 @@ export function getWallVertices(polygon) {
|
|
|
163
163
|
p_bottom_1.z / 1000,
|
|
164
164
|
p_bottom_0.x / 1000,
|
|
165
165
|
p_bottom_0.y / 1000,
|
|
166
|
-
p_bottom_0.z / 1000
|
|
166
|
+
p_bottom_0.z / 1000,
|
|
167
167
|
]
|
|
168
168
|
)
|
|
169
169
|
})
|
|
@@ -178,7 +178,7 @@ export function getWallVertices(polygon) {
|
|
|
178
178
|
p,
|
|
179
179
|
polygon.normalVector,
|
|
180
180
|
polygon.flatOutline[0]
|
|
181
|
-
).z
|
|
181
|
+
).z,
|
|
182
182
|
}
|
|
183
183
|
})
|
|
184
184
|
|
|
@@ -218,7 +218,7 @@ export function getWallVertices(polygon) {
|
|
|
218
218
|
p_bottom_0.z / 1000,
|
|
219
219
|
p_bottom_1.x / 1000,
|
|
220
220
|
p_bottom_1.y / 1000,
|
|
221
|
-
p_bottom_1.z / 1000
|
|
221
|
+
p_bottom_1.z / 1000,
|
|
222
222
|
]
|
|
223
223
|
)
|
|
224
224
|
}
|
|
@@ -306,7 +306,7 @@ export function getBufferObstacleGeometry(obstaclePolygon, roofPolygon) {
|
|
|
306
306
|
const vectorFromBottomToTop = multiplyVector(obstacleHeight, {
|
|
307
307
|
x: 0,
|
|
308
308
|
y: 0,
|
|
309
|
-
z: 1
|
|
309
|
+
z: 1,
|
|
310
310
|
})
|
|
311
311
|
p_up_0 = addVector(p_bottom_0, vectorFromBottomToTop)
|
|
312
312
|
}
|
|
@@ -369,7 +369,7 @@ export function getBufferObstacleSideGeometry(obstaclePolygon, roofPolygon) {
|
|
|
369
369
|
const vectorFromBottomToTop = multiplyVector(obstacleHeight, {
|
|
370
370
|
x: 0,
|
|
371
371
|
y: 0,
|
|
372
|
-
z: 1
|
|
372
|
+
z: 1,
|
|
373
373
|
})
|
|
374
374
|
p_up_0 = addVector(p_bottom_0, vectorFromBottomToTop)
|
|
375
375
|
p_up_1 = addVector(p_bottom_1, vectorFromBottomToTop)
|
|
@@ -393,7 +393,7 @@ export function getBufferObstacleSideGeometry(obstaclePolygon, roofPolygon) {
|
|
|
393
393
|
p_bottom_0.z / 1000,
|
|
394
394
|
p_bottom_1.x / 1000,
|
|
395
395
|
p_bottom_1.y / 1000,
|
|
396
|
-
p_bottom_1.z / 1000
|
|
396
|
+
p_bottom_1.z / 1000,
|
|
397
397
|
]
|
|
398
398
|
)
|
|
399
399
|
})
|
|
@@ -433,7 +433,7 @@ export function getBufferModuleFieldGeometry(moduleFieldPolygon) {
|
|
|
433
433
|
var uvs = new Float32Array([
|
|
434
434
|
1, 1, 0, 1, 0, 0,
|
|
435
435
|
|
|
436
|
-
1, 1, 0, 0, 1, 0
|
|
436
|
+
1, 1, 0, 0, 1, 0,
|
|
437
437
|
])
|
|
438
438
|
|
|
439
439
|
geometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3))
|
|
@@ -473,13 +473,13 @@ export function getBufferImageOverlayGeometry(corners) {
|
|
|
473
473
|
uvs = new Float32Array([
|
|
474
474
|
0, 1, 0, 0, 1, 0,
|
|
475
475
|
|
|
476
|
-
0, 1, 1, 0, 1, 1
|
|
476
|
+
0, 1, 1, 0, 1, 1,
|
|
477
477
|
])
|
|
478
478
|
} else {
|
|
479
479
|
uvs = new Float32Array([
|
|
480
480
|
0, 0, 1, 0, 1, 1,
|
|
481
481
|
|
|
482
|
-
1, 0, 0, 1, 1, 1
|
|
482
|
+
1, 0, 0, 1, 1, 1,
|
|
483
483
|
])
|
|
484
484
|
}
|
|
485
485
|
geometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3))
|
|
@@ -530,13 +530,13 @@ export function getBufferPanelGeometry(panelPolygon) {
|
|
|
530
530
|
uvs = new Float32Array([
|
|
531
531
|
0, 1, 0, 0, 1, 0,
|
|
532
532
|
|
|
533
|
-
0, 1, 1, 0, 1, 1
|
|
533
|
+
0, 1, 1, 0, 1, 1,
|
|
534
534
|
])
|
|
535
535
|
} else {
|
|
536
536
|
uvs = new Float32Array([
|
|
537
537
|
0, 0, 1, 0, 1, 1,
|
|
538
538
|
|
|
539
|
-
1, 0, 0, 1, 1, 1
|
|
539
|
+
1, 0, 0, 1, 1, 1,
|
|
540
540
|
])
|
|
541
541
|
}
|
|
542
542
|
|
|
@@ -581,7 +581,7 @@ export function getTriangleVerticesForSidePanels(outlineBottom, outlineUp) {
|
|
|
581
581
|
p_up_1.z / 1000,
|
|
582
582
|
p_bottom_1.x / 1000,
|
|
583
583
|
p_bottom_1.y / 1000,
|
|
584
|
-
p_bottom_1.z / 1000
|
|
584
|
+
p_bottom_1.z / 1000,
|
|
585
585
|
]
|
|
586
586
|
)
|
|
587
587
|
}
|
|
@@ -668,7 +668,7 @@ export function getBufferRoofMarginGeometry(polygon, roofPolygon = null) {
|
|
|
668
668
|
p,
|
|
669
669
|
roofPolygon.normalVector,
|
|
670
670
|
roofPolygon.flatOutline[0]
|
|
671
|
-
).z
|
|
671
|
+
).z,
|
|
672
672
|
}
|
|
673
673
|
})
|
|
674
674
|
}
|
|
@@ -741,7 +741,7 @@ export function getExtrusionGeometry(
|
|
|
741
741
|
curveSegments: 10,
|
|
742
742
|
bevelEnabled: false,
|
|
743
743
|
material: 0,
|
|
744
|
-
extrudeMaterial: 1
|
|
744
|
+
extrudeMaterial: 1,
|
|
745
745
|
}
|
|
746
746
|
|
|
747
747
|
const geometry = new THREE.ExtrudeGeometry(shapes, settings)
|
|
@@ -15,8 +15,8 @@ export default {
|
|
|
15
15
|
},
|
|
16
16
|
computed: {
|
|
17
17
|
...mapGetters({
|
|
18
|
-
imageOverlay: 'getImageOverlay'
|
|
19
|
-
})
|
|
18
|
+
imageOverlay: 'getImageOverlay',
|
|
19
|
+
}),
|
|
20
20
|
},
|
|
21
21
|
methods: {
|
|
22
22
|
renderImageOverlayOnBackground() {
|
|
@@ -51,6 +51,6 @@ export default {
|
|
|
51
51
|
overlayMaterialsPromises = overlayMaterialsPromises.filter((p) => !!p)
|
|
52
52
|
this.imageOverlayMaterial = await Promise.all(overlayMaterialsPromises)
|
|
53
53
|
return this.imageOverlayMaterial
|
|
54
|
-
}
|
|
55
|
-
}
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
56
|
}
|
|
@@ -13,7 +13,7 @@ export default {
|
|
|
13
13
|
this.material.panel[pvId] = new THREE.MeshBasicMaterial({
|
|
14
14
|
map: texture,
|
|
15
15
|
side: THREE.FrontSide,
|
|
16
|
-
transparent: false
|
|
16
|
+
transparent: false,
|
|
17
17
|
})
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -33,7 +33,7 @@ export default {
|
|
|
33
33
|
this.material.panel[pvId] = new THREE.MeshBasicMaterial({
|
|
34
34
|
map: texture,
|
|
35
35
|
side: THREE.FrontSide,
|
|
36
|
-
transparent: false
|
|
36
|
+
transparent: false,
|
|
37
37
|
})
|
|
38
38
|
resolve(texture)
|
|
39
39
|
})
|
|
@@ -41,6 +41,6 @@ export default {
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
46
|
}
|
|
@@ -11,7 +11,7 @@ export default {
|
|
|
11
11
|
'selectMargin',
|
|
12
12
|
'selectModuleField',
|
|
13
13
|
'drawRoof',
|
|
14
|
-
'drawObstacle'
|
|
14
|
+
'drawObstacle',
|
|
15
15
|
].includes(this.selectedTool)
|
|
16
16
|
) {
|
|
17
17
|
return
|
|
@@ -42,7 +42,7 @@ export default {
|
|
|
42
42
|
flatShading: true,
|
|
43
43
|
side: THREE.DoubleSide,
|
|
44
44
|
transparent: true,
|
|
45
|
-
opacity: 0.8
|
|
45
|
+
opacity: 0.8,
|
|
46
46
|
})
|
|
47
47
|
const mesh = new THREE.Mesh(geometry, material)
|
|
48
48
|
geometry.dispose()
|
|
@@ -67,7 +67,7 @@ export default {
|
|
|
67
67
|
flatShading: true,
|
|
68
68
|
side: THREE.DoubleSide,
|
|
69
69
|
transparent: true,
|
|
70
|
-
opacity: 0.8
|
|
70
|
+
opacity: 0.8,
|
|
71
71
|
})
|
|
72
72
|
const mesh = new THREE.Mesh(geometry, material)
|
|
73
73
|
geometry.dispose()
|
|
@@ -82,6 +82,6 @@ export default {
|
|
|
82
82
|
})
|
|
83
83
|
})
|
|
84
84
|
})
|
|
85
|
-
}
|
|
86
|
-
}
|
|
85
|
+
},
|
|
86
|
+
},
|
|
87
87
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as THREE from 'three'
|
|
2
2
|
import {
|
|
3
3
|
getBufferObstacleGeometry,
|
|
4
|
-
getBufferObstacleSideGeometry
|
|
4
|
+
getBufferObstacleSideGeometry,
|
|
5
5
|
} from './geometryHandler'
|
|
6
6
|
export default {
|
|
7
7
|
created() {
|
|
@@ -83,6 +83,6 @@ export default {
|
|
|
83
83
|
)
|
|
84
84
|
this.mergedObstacleSideMesh.renderOrder = 10
|
|
85
85
|
this.applyTextureOnObstacles(this.material.roof)
|
|
86
|
-
}
|
|
87
|
-
}
|
|
86
|
+
},
|
|
87
|
+
},
|
|
88
88
|
}
|
|
@@ -11,7 +11,7 @@ export default {
|
|
|
11
11
|
this.glbLoader = new GLTFLoader()
|
|
12
12
|
},
|
|
13
13
|
computed: {
|
|
14
|
-
...mapState({})
|
|
14
|
+
...mapState({}),
|
|
15
15
|
},
|
|
16
16
|
methods: {
|
|
17
17
|
renderOverlays() {
|
|
@@ -36,6 +36,6 @@ export default {
|
|
|
36
36
|
this.renderOverlays()
|
|
37
37
|
this.updateProjectionMaterials()
|
|
38
38
|
this.render()
|
|
39
|
-
}
|
|
40
|
-
}
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
41
|
}
|
|
@@ -3,12 +3,12 @@ import {
|
|
|
3
3
|
getBufferPanelGeometry,
|
|
4
4
|
updateBufferPanelGeometry,
|
|
5
5
|
getBufferPanelSideGeometry,
|
|
6
|
-
updateBufferPanelSideGeometry
|
|
6
|
+
updateBufferPanelSideGeometry,
|
|
7
7
|
} from './geometryHandler'
|
|
8
8
|
export default {
|
|
9
9
|
data() {
|
|
10
10
|
return {
|
|
11
|
-
arePanelVisible: true
|
|
11
|
+
arePanelVisible: true,
|
|
12
12
|
}
|
|
13
13
|
},
|
|
14
14
|
created() {
|
|
@@ -221,6 +221,6 @@ export default {
|
|
|
221
221
|
} else {
|
|
222
222
|
this.hidePanels()
|
|
223
223
|
}
|
|
224
|
-
}
|
|
225
|
-
}
|
|
224
|
+
},
|
|
225
|
+
},
|
|
226
226
|
}
|