MikaFil commited on
Commit
c0b84a3
·
verified ·
1 Parent(s): e5a5892

Update orbit-camera.js

Browse files
Files changed (1) hide show
  1. orbit-camera.js +84 -380
orbit-camera.js CHANGED
@@ -1,5 +1,6 @@
 
1
  ///////////////////////////////////////////////////////////////////////////////
2
- // Orbit Camera Script qui marche presque //
3
  ////////////////////////////////////////////////////////////////////////////////
4
 
5
  var OrbitCamera = pc.createScript('orbitCamera');
@@ -7,95 +8,40 @@ var OrbitCamera = pc.createScript('orbitCamera');
7
  OrbitCamera.attributes.add('distanceMax', { type: 'number', default: 20, title: 'Distance Max', description: 'Setting this at 0 will give an infinite distance limit' });
8
  OrbitCamera.attributes.add('distanceMin', { type: 'number', default: 1, title: 'Distance Min' });
9
  OrbitCamera.attributes.add('pitchAngleMax', { type: 'number', default: 90, title: 'Pitch Angle Max (degrees)' });
10
- // Note: This default will be overridden by your JSON config. In your JSON you set minAngle to -90.
11
- OrbitCamera.attributes.add('pitchAngleMin', { type: 'number', default: 0, title: 'Pitch Angle Min (degrees)' });
12
  OrbitCamera.attributes.add('yawAngleMax', { type: 'number', default: 360, title: 'Yaw Angle Max (degrees)' });
13
  OrbitCamera.attributes.add('yawAngleMin', { type: 'number', default: -360, title: 'Yaw Angle Min (degrees)' });
14
- // NEW: Added minY attribute to define the minimum allowed Y value for the camera.
15
- OrbitCamera.attributes.add('minY', { type: 'number', default: 0, title: 'Minimum Y', description: 'Minimum Y value for the camera during orbiting or translation' });
16
-
17
- OrbitCamera.attributes.add('inertiaFactor', {
18
- type: 'number',
19
- default: 0.2,
20
- title: 'Inertia Factor',
21
- description: 'Higher value means that the camera will continue moving after the user has stopped dragging. 0 is fully responsive.'
22
- });
23
-
24
- OrbitCamera.attributes.add('focusEntity', {
25
- type: 'entity',
26
- title: 'Focus Entity',
27
- description: 'Entity for the camera to focus on. If blank, then the camera will use the whole scene'
28
- });
29
-
30
- OrbitCamera.attributes.add('frameOnStart', {
31
- type: 'boolean',
32
- default: true,
33
- title: 'Frame on Start',
34
- description: 'Frames the entity or scene at the start of the application."'
35
- });
36
-
37
 
38
- // Property to get and set the distance between the pivot point and camera
39
- // Clamped between this.distanceMin and this.distanceMax
40
  Object.defineProperty(OrbitCamera.prototype, 'distance', {
41
- get: function () {
42
- return this._targetDistance;
43
- },
44
- set: function (value) {
45
- this._targetDistance = this._clampDistance(value);
46
- }
47
  });
48
 
49
- // Property to get and set the camera orthoHeight (clamped above 0)
50
  Object.defineProperty(OrbitCamera.prototype, 'orthoHeight', {
51
- get: function () {
52
- return this.entity.camera.orthoHeight;
53
- },
54
- set: function (value) {
55
- this.entity.camera.orthoHeight = Math.max(0, value);
56
- }
57
  });
58
 
59
-
60
- // Property to get and set the pitch (in degrees) of the camera around the pivot.
61
- // The pitch value is clamped between pitchAngleMin and pitchAngleMax.
62
- // With your JSON (minAngle: -90, maxAngle: 0), the allowed pitch will be from -90 (overhead)
63
- // to 0 (horizontal).
64
  Object.defineProperty(OrbitCamera.prototype, 'pitch', {
65
- get: function () {
66
- return this._targetPitch;
67
- },
68
- set: function (value) {
69
- this._targetPitch = this._clampPitchAngle(value);
70
- }
71
  });
72
 
73
-
74
- // Property to get and set the yaw (in degrees) of the camera around the pivot.
75
  Object.defineProperty(OrbitCamera.prototype, 'yaw', {
76
- get: function () {
77
- return this._targetYaw;
78
- },
79
- set: function (value) {
80
- this._targetYaw = this._clampYawAngle(value);
81
- }
82
  });
83
 
84
-
85
- // Property to get and set the world position of the pivot point that the camera orbits around.
86
  Object.defineProperty(OrbitCamera.prototype, 'pivotPoint', {
87
- get: function () {
88
- return this._pivotPoint;
89
- },
90
- set: function (value) {
91
- this._pivotPoint.copy(value);
92
- }
93
  });
94
 
95
-
96
- // Moves the camera to look at an entity and all its children so they are all in view.
97
  OrbitCamera.prototype.focus = function (focusEntity) {
98
- // Calculate a bounding box that encompasses all models to frame in the camera view.
99
  this._buildAabb(focusEntity);
100
  var halfExtents = this._modelsAabb.halfExtents;
101
  var radius = Math.max(halfExtents.x, Math.max(halfExtents.y, halfExtents.z));
@@ -106,7 +52,6 @@ OrbitCamera.prototype.focus = function (focusEntity) {
106
 
107
  OrbitCamera.distanceBetween = new pc.Vec3();
108
 
109
- // Set the camera position to a world position and look at a world position.
110
  OrbitCamera.prototype.resetAndLookAtPoint = function (resetPoint, lookAtPoint) {
111
  this.pivotPoint.copy(lookAtPoint);
112
  this.entity.setPosition(resetPoint);
@@ -148,70 +93,22 @@ OrbitCamera.prototype.resetToPosition = function (position, lookAtPoint) {
148
  this._updatePosition();
149
  };
150
 
151
-
152
- ////////////////////////////////////////////////////////////////////////////////
153
- // Private Methods //
154
- ////////////////////////////////////////////////////////////////////////////////
155
-
156
  OrbitCamera.prototype.initialize = function () {
157
- var self = this;
158
- var onWindowResize = function () {
159
- self._checkAspectRatio();
160
- };
161
-
162
- window.addEventListener('resize', onWindowResize, false);
163
- this._checkAspectRatio();
164
  this._modelsAabb = new pc.BoundingBox();
 
165
  this._buildAabb(this.focusEntity || this.app.root);
166
  this.entity.lookAt(this._modelsAabb.center);
167
- this._pivotPoint = new pc.Vec3();
168
  this._pivotPoint.copy(this._modelsAabb.center);
169
  var cameraQuat = this.entity.getRotation();
170
  this._yaw = this._calcYaw(cameraQuat);
171
- // Compute pitch and clamp it immediately.
172
  this._pitch = this._clampPitchAngle(this._calcPitch(cameraQuat, this._yaw));
173
  this.entity.setLocalEulerAngles(this._pitch, this._yaw, 0);
174
  this._distance = 0;
175
  this._targetYaw = this._yaw;
176
  this._targetPitch = this._pitch;
177
-
178
- if (this.frameOnStart) {
179
- this.focus(this.focusEntity || this.app.root);
180
- } else {
181
- var distanceBetween = new pc.Vec3();
182
- distanceBetween.sub2(this.entity.getPosition(), this._pivotPoint);
183
- this._distance = this._clampDistance(distanceBetween.length());
184
- }
185
-
186
  this._targetDistance = this._distance;
187
-
188
- this.on('attr:distanceMin', function (value, prev) {
189
- this._distance = this._clampDistance(this._distance);
190
- });
191
- this.on('attr:distanceMax', function (value, prev) {
192
- this._distance = this._clampDistance(this._distance);
193
- });
194
- this.on('attr:pitchAngleMin', function (value, prev) {
195
- this._pitch = this._clampPitchAngle(this._pitch);
196
- });
197
- this.on('attr:pitchAngleMax', function (value, prev) {
198
- this._pitch = this._clampPitchAngle(this._pitch);
199
- });
200
- this.on('attr:focusEntity', function (value, prev) {
201
- if (this.frameOnStart) {
202
- this.focus(value || this.app.root);
203
- } else {
204
- this.resetAndLookAtEntity(this.entity.getPosition(), value || this.app.root);
205
- }
206
- });
207
- this.on('attr:frameOnStart', function (value, prev) {
208
- if (value) {
209
- this.focus(this.focusEntity || this.app.root);
210
- }
211
- });
212
- this.on('destroy', function () {
213
- window.removeEventListener('resize', onWindowResize, false);
214
- });
215
  };
216
 
217
  OrbitCamera.prototype.update = function (dt) {
@@ -229,8 +126,6 @@ OrbitCamera.prototype._updatePosition = function () {
229
  position.copy(this.entity.forward);
230
  position.mulScalar(-this._distance);
231
  position.add(this.pivotPoint);
232
- // NEW: Clamp the camera's Y position so it never goes below the specified minY value.
233
- position.y = Math.max(position.y, this.minY);
234
  this.entity.setPosition(position);
235
  };
236
 
@@ -240,285 +135,94 @@ OrbitCamera.prototype._removeInertia = function () {
240
  this._distance = this._targetDistance;
241
  };
242
 
243
- OrbitCamera.prototype._checkAspectRatio = function () {
244
- var height = this.app.graphicsDevice.height;
245
- var width = this.app.graphicsDevice.width;
246
- this.entity.camera.horizontalFov = (height > width);
247
- };
248
-
249
  OrbitCamera.prototype._buildAabb = function (entity) {
250
- var i, m, meshInstances = [];
251
  var renders = entity.findComponents('render');
252
- for (i = 0; i < renders.length; i++) {
253
- var render = renders[i];
254
- for (m = 0; m < render.meshInstances.length; m++) {
255
- meshInstances.push(render.meshInstances[m]);
256
- }
257
  }
258
- var models = entity.findComponents('model');
259
- for (i = 0; i < models.length; i++) {
260
- var model = models[i];
261
- for (m = 0; m < model.meshInstances.length; m++) {
262
- meshInstances.push(model.meshInstances[m]);
263
- }
264
- }
265
- var gsplats = entity.findComponents('gsplat');
266
- for (i = 0; i < gsplats.length; i++) {
267
- var gsplat = gsplats[i];
268
- var instance = gsplat.instance;
269
- if (instance?.meshInstance) {
270
- meshInstances.push(instance.meshInstance);
271
- }
272
- }
273
- for (i = 0; i < meshInstances.length; i++) {
274
- if (i === 0) {
275
- this._modelsAabb.copy(meshInstances[i].aabb);
276
- } else {
277
- this._modelsAabb.add(meshInstances[i].aabb);
278
- }
279
  }
280
  };
281
 
282
  OrbitCamera.prototype._calcYaw = function (quat) {
283
- var transformedForward = new pc.Vec3();
284
- quat.transformVector(pc.Vec3.FORWARD, transformedForward);
285
- return Math.atan2(-transformedForward.x, -transformedForward.z) * pc.math.RAD_TO_DEG;
286
  };
287
 
288
- OrbitCamera.prototype._clampDistance = function (distance) {
289
- if (this.distanceMax > 0) {
290
- return pc.math.clamp(distance, this.distanceMin, this.distanceMax);
291
- }
292
- return Math.max(distance, this.distanceMin);
 
 
 
293
  };
294
 
295
-
296
- // ----- FIXED PITCH CLAMPING -----
297
- // Clamp the pitch between pitchAngleMin and pitchAngleMax so that with your JSON values
298
- // (minAngle: -90, maxAngle: 0) the allowed pitch is between -90 (overhead) and 0 (horizontal).
299
- OrbitCamera.prototype._clampPitchAngle = function (pitch) {
300
- return pc.math.clamp(pitch, this.pitchAngleMin, this.pitchAngleMax);
301
  };
302
 
303
- OrbitCamera.prototype._clampYawAngle = function (yaw) {
304
- return pc.math.clamp(yaw, -this.yawAngleMax, -this.yawAngleMin);
305
  };
306
 
307
- OrbitCamera.quatWithoutYaw = new pc.Quat();
308
- OrbitCamera.yawOffset = new pc.Quat();
309
-
310
- // ----- REVISED PITCH CALCULATION -----
311
- // Modify _calcPitch so that horizontal (looking straight ahead) returns 0,
312
- // and looking overhead returns -90.
313
- // This change ensures that with JSON (minAngle: -90, maxAngle: 0) the allowed pitch is strictly between -90 and 0.
314
- OrbitCamera.prototype._calcPitch = function (quat, yaw) {
315
- var quatWithoutYaw = OrbitCamera.quatWithoutYaw;
316
- var yawOffset = OrbitCamera.yawOffset;
317
- yawOffset.setFromEulerAngles(0, -yaw, 0);
318
- quatWithoutYaw.mul2(yawOffset, quat);
319
- var transformedForward = new pc.Vec3();
320
- quatWithoutYaw.transformVector(pc.Vec3.FORWARD, transformedForward);
321
- // Here we swap the sign of the computed angle so that:
322
- // - When the camera is horizontal, transformedForward.y is 0 and the result is 0.
323
- // - When the camera is overhead, transformedForward.y is negative and the result is -90.
324
- return Math.atan2(-transformedForward.y, -transformedForward.z) * pc.math.RAD_TO_DEG;
325
  };
326
 
327
-
328
  ////////////////////////////////////////////////////////////////////////////////
329
- // Orbit Camera Mouse Input Script //
330
  ////////////////////////////////////////////////////////////////////////////////
331
- var OrbitCameraInputMouse = pc.createScript('orbitCameraInputMouse');
332
 
333
- OrbitCameraInputMouse.attributes.add('orbitSensitivity', {
334
- type: 'number',
335
- default: 0.3,
336
- title: 'Orbit Sensitivity',
337
- description: 'How fast the camera moves around the orbit. Higher is faster'
338
- });
339
- OrbitCameraInputMouse.attributes.add('distanceSensitivity', {
340
- type: 'number',
341
- default: 0.4,
342
- title: 'Distance Sensitivity',
343
- description: 'How fast the camera moves in and out. Higher is faster'
344
- });
345
- OrbitCameraInputMouse.prototype.initialize = function () {
346
- this.orbitCamera = this.entity.script.orbitCamera;
347
- if (this.orbitCamera) {
348
- var self = this;
349
- var onMouseOut = function (e) { self.onMouseOut(e); };
350
  this.app.mouse.on(pc.EVENT_MOUSEDOWN, this.onMouseDown, this);
351
  this.app.mouse.on(pc.EVENT_MOUSEUP, this.onMouseUp, this);
352
  this.app.mouse.on(pc.EVENT_MOUSEMOVE, this.onMouseMove, this);
353
- this.app.mouse.on(pc.EVENT_MOUSEWHEEL, this.onMouseWheel, this);
354
- window.addEventListener('mouseout', onMouseOut, false);
355
- this.on('destroy', function () {
356
- this.app.mouse.off(pc.EVENT_MOUSEDOWN, this.onMouseDown, this);
357
- this.app.mouse.off(pc.EVENT_MOUSEUP, this.onMouseUp, this);
358
- this.app.mouse.off(pc.EVENT_MOUSEMOVE, this.onMouseMove, this);
359
- this.app.mouse.off(pc.EVENT_MOUSEWHEEL, this.onMouseWheel, this);
360
- window.removeEventListener('mouseout', onMouseOut, false);
361
- });
362
- }
363
- this.app.mouse.disableContextMenu();
364
- this.lookButtonDown = false;
365
- this.panButtonDown = false;
366
- this.lastPoint = new pc.Vec2();
367
- };
368
- OrbitCameraInputMouse.fromWorldPoint = new pc.Vec3();
369
- OrbitCameraInputMouse.toWorldPoint = new pc.Vec3();
370
- OrbitCameraInputMouse.worldDiff = new pc.Vec3();
371
- OrbitCameraInputMouse.prototype.pan = function (screenPoint) {
372
- var fromWorldPoint = OrbitCameraInputMouse.fromWorldPoint;
373
- var toWorldPoint = OrbitCameraInputMouse.toWorldPoint;
374
- var worldDiff = OrbitCameraInputMouse.worldDiff;
375
- var camera = this.entity.camera;
376
- var distance = this.orbitCamera.distance;
377
- camera.screenToWorld(screenPoint.x, screenPoint.y, distance, fromWorldPoint);
378
- camera.screenToWorld(this.lastPoint.x, this.lastPoint.y, distance, toWorldPoint);
379
- worldDiff.sub2(toWorldPoint, fromWorldPoint);
380
- this.orbitCamera.pivotPoint.add(worldDiff);
381
- var pitchRadians = this.orbitCamera.pitch * pc.math.DEG_TO_RAD;
382
- var minPivotY = this.orbitCamera.distance * Math.sin(pitchRadians);
383
- if (this.orbitCamera.pivotPoint.y < minPivotY) {
384
- this.orbitCamera.pivotPoint.y = minPivotY;
385
- }
386
- };
387
- OrbitCameraInputMouse.prototype.onMouseDown = function (event) {
388
- switch (event.button) {
389
- case pc.MOUSEBUTTON_LEFT:
390
- this.panButtonDown = true;
391
- break;
392
- case pc.MOUSEBUTTON_MIDDLE:
393
- case pc.MOUSEBUTTON_RIGHT:
394
- this.lookButtonDown = true;
395
- break;
396
- }
397
- };
398
- OrbitCameraInputMouse.prototype.onMouseUp = function (event) {
399
- switch (event.button) {
400
- case pc.MOUSEBUTTON_LEFT:
401
- this.panButtonDown = false;
402
- break;
403
- case pc.MOUSEBUTTON_MIDDLE:
404
- case pc.MOUSEBUTTON_RIGHT:
405
- this.lookButtonDown = false;
406
- break;
407
- }
408
- };
409
- OrbitCameraInputMouse.prototype.onMouseMove = function (event) {
410
- if (this.lookButtonDown) {
411
- this.orbitCamera.pitch -= event.dy * this.orbitSensitivity;
412
- this.orbitCamera.yaw -= event.dx * this.orbitSensitivity;
413
- } else if (this.panButtonDown) {
414
- this.pan(new pc.Vec2(event.x, event.y));
415
- }
416
- this.lastPoint.set(event.x, event.y);
417
- };
418
- OrbitCameraInputMouse.prototype.onMouseWheel = function (event) {
419
- if (this.entity.camera.projection === pc.PROJECTION_PERSPECTIVE) {
420
- this.orbitCamera.distance -= event.wheelDelta * this.distanceSensitivity * (this.orbitCamera.distance * 0.1);
421
- } else {
422
- this.orbitCamera.orthoHeight -= event.wheelDelta * this.distanceSensitivity * (this.orbitCamera.orthoHeight * 0.1);
423
- }
424
- event.event.preventDefault();
425
- };
426
- OrbitCameraInputMouse.prototype.onMouseOut = function (event) {
427
- this.lookButtonDown = false;
428
- this.panButtonDown = false;
429
- };
430
 
 
 
 
431
 
432
- ////////////////////////////////////////////////////////////////////////////////
433
- // Orbit Camera Touch Input Script //
434
- ////////////////////////////////////////////////////////////////////////////////
435
- var OrbitCameraInputTouch = pc.createScript('orbitCameraInputTouch');
436
 
437
- OrbitCameraInputTouch.attributes.add('orbitSensitivity', {
438
- type: 'number',
439
- default: 0.6,
440
- title: 'Orbit Sensitivity',
441
- description: 'How fast the camera moves around the orbit. Higher is faster'
442
- });
443
- OrbitCameraInputTouch.attributes.add('distanceSensitivity', {
444
- type: 'number',
445
- default: 0.5,
446
- title: 'Distance Sensitivity',
447
- description: 'How fast the camera moves in and out. Higher is faster'
 
 
 
 
 
 
 
 
 
 
448
  });
449
- OrbitCameraInputTouch.prototype.initialize = function () {
450
- this.orbitCamera = this.entity.script.orbitCamera;
451
- this.lastTouchPoint = new pc.Vec2();
452
- this.lastPinchMidPoint = new pc.Vec2();
453
- this.lastPinchDistance = 0;
454
- if (this.orbitCamera && this.app.touch) {
455
- this.app.touch.on(pc.EVENT_TOUCHSTART, this.onTouchStartEndCancel, this);
456
- this.app.touch.on(pc.EVENT_TOUCHEND, this.onTouchStartEndCancel, this);
457
- this.app.touch.on(pc.EVENT_TOUCHCANCEL, this.onTouchStartEndCancel, this);
458
- this.app.touch.on(pc.EVENT_TOUCHMOVE, this.onTouchMove, this);
459
- this.on('destroy', function () {
460
- this.app.touch.off(pc.EVENT_TOUCHSTART, this.onTouchStartEndCancel, this);
461
- this.app.touch.off(pc.EVENT_TOUCHEND, this.onTouchStartEndCancel, this);
462
- this.app.touch.off(pc.EVENT_TOUCHCANCEL, this.onTouchStartEndCancel, this);
463
- this.app.touch.off(pc.EVENT_TOUCHMOVE, this.onTouchMove, this);
464
- });
465
- }
466
- };
467
- OrbitCameraInputTouch.prototype.getPinchDistance = function (pointA, pointB) {
468
- var dx = pointA.x - pointB.x;
469
- var dy = pointA.y - pointB.y;
470
- return Math.sqrt((dx * dx) + (dy * dy));
471
- };
472
- OrbitCameraInputTouch.prototype.calcMidPoint = function (pointA, pointB, result) {
473
- result.set(pointB.x - pointA.x, pointB.y - pointA.y);
474
- result.mulScalar(0.5);
475
- result.x += pointA.x;
476
- result.y += pointA.y;
477
- };
478
- OrbitCameraInputTouch.prototype.onTouchStartEndCancel = function (event) {
479
- var touches = event.touches;
480
- if (touches.length === 1) {
481
- this.lastTouchPoint.set(touches[0].x, touches[0].y);
482
- } else if (touches.length === 2) {
483
- this.lastPinchDistance = this.getPinchDistance(touches[0], touches[1]);
484
- this.calcMidPoint(touches[0], touches[1], this.lastPinchMidPoint);
485
- }
486
- };
487
- OrbitCameraInputTouch.fromWorldPoint = new pc.Vec3();
488
- OrbitCameraInputTouch.toWorldPoint = new pc.Vec3();
489
- OrbitCameraInputTouch.worldDiff = new pc.Vec3();
490
- OrbitCameraInputTouch.prototype.pan = function (midPoint) {
491
- var fromWorldPoint = OrbitCameraInputTouch.fromWorldPoint;
492
- var toWorldPoint = OrbitCameraInputTouch.toWorldPoint;
493
- var worldDiff = OrbitCameraInputTouch.worldDiff;
494
- var camera = this.entity.camera;
495
- var distance = this.orbitCamera.distance;
496
- camera.screenToWorld(midPoint.x, midPoint.y, distance, fromWorldPoint);
497
- camera.screenToWorld(this.lastPinchMidPoint.x, this.lastPinchMidPoint.y, distance, toWorldPoint);
498
- worldDiff.sub2(toWorldPoint, fromWorldPoint);
499
- this.orbitCamera.pivotPoint.add(worldDiff);
500
- var pitchRadians = this.orbitCamera.pitch * pc.math.DEG_TO_RAD;
501
- var minPivotY = this.orbitCamera.distance * Math.sin(pitchRadians);
502
- if (this.orbitCamera.pivotPoint.y < minPivotY) {
503
- this.orbitCamera.pivotPoint.y = minPivotY;
504
- }
505
- };
506
- OrbitCameraInputTouch.pinchMidPoint = new pc.Vec2();
507
- OrbitCameraInputTouch.prototype.onTouchMove = function (event) {
508
- var pinchMidPoint = OrbitCameraInputTouch.pinchMidPoint;
509
- var touches = event.touches;
510
- if (touches.length === 1) {
511
- var touch = touches[0];
512
- this.orbitCamera.pitch -= (touch.y - this.lastTouchPoint.y) * this.orbitSensitivity;
513
- this.orbitCamera.yaw -= (touch.x - this.lastTouchPoint.x) * this.orbitSensitivity;
514
- this.lastTouchPoint.set(touch.x, touch.y);
515
- } else if (touches.length === 2) {
516
- var currentPinchDistance = this.getPinchDistance(touches[0], touches[1]);
517
- var diffInPinchDistance = currentPinchDistance - this.lastPinchDistance;
518
- this.lastPinchDistance = currentPinchDistance;
519
- this.orbitCamera.distance -= (diffInPinchDistance * this.distanceSensitivity * 0.1) * (this.orbitCamera.distance * 0.1);
520
- this.calcMidPoint(touches[0], touches[1], pinchMidPoint);
521
- this.pan(pinchMidPoint);
522
- this.lastPinchMidPoint.copy(pinchMidPoint);
523
- }
524
- };
 
1
+ // orbit-camera.js
2
  ///////////////////////////////////////////////////////////////////////////////
3
+ // Orbit Camera Script //
4
  ////////////////////////////////////////////////////////////////////////////////
5
 
6
  var OrbitCamera = pc.createScript('orbitCamera');
 
8
  OrbitCamera.attributes.add('distanceMax', { type: 'number', default: 20, title: 'Distance Max', description: 'Setting this at 0 will give an infinite distance limit' });
9
  OrbitCamera.attributes.add('distanceMin', { type: 'number', default: 1, title: 'Distance Min' });
10
  OrbitCamera.attributes.add('pitchAngleMax', { type: 'number', default: 90, title: 'Pitch Angle Max (degrees)' });
11
+ OrbitCamera.attributes.add('pitchAngleMin', { type: 'number', default: -90, title: 'Pitch Angle Min (degrees)' });
 
12
  OrbitCamera.attributes.add('yawAngleMax', { type: 'number', default: 360, title: 'Yaw Angle Max (degrees)' });
13
  OrbitCamera.attributes.add('yawAngleMin', { type: 'number', default: -360, title: 'Yaw Angle Min (degrees)' });
14
+ OrbitCamera.attributes.add('minY', { type: 'number', default: 0, title: 'Minimum Y' });
15
+ OrbitCamera.attributes.add('inertiaFactor', { type: 'number', default: 0.2, title: 'Inertia Factor' });
16
+ OrbitCamera.attributes.add('focusEntity', { type: 'entity', title: 'Focus Entity' });
17
+ OrbitCamera.attributes.add('frameOnStart', { type: 'boolean', default: true, title: 'Frame on Start' });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
18
 
 
 
19
  Object.defineProperty(OrbitCamera.prototype, 'distance', {
20
+ get: function () { return this._targetDistance; },
21
+ set: function (value) { this._targetDistance = this._clampDistance(value); }
 
 
 
 
22
  });
23
 
 
24
  Object.defineProperty(OrbitCamera.prototype, 'orthoHeight', {
25
+ get: function () { return this.entity.camera.orthoHeight; },
26
+ set: function (value) { this.entity.camera.orthoHeight = Math.max(0, value); }
 
 
 
 
27
  });
28
 
 
 
 
 
 
29
  Object.defineProperty(OrbitCamera.prototype, 'pitch', {
30
+ get: function () { return this._targetPitch; },
31
+ set: function (value) { this._targetPitch = this._clampPitchAngle(value); }
 
 
 
 
32
  });
33
 
 
 
34
  Object.defineProperty(OrbitCamera.prototype, 'yaw', {
35
+ get: function () { return this._targetYaw; },
36
+ set: function (value) { this._targetYaw = this._clampYawAngle(value); }
 
 
 
 
37
  });
38
 
 
 
39
  Object.defineProperty(OrbitCamera.prototype, 'pivotPoint', {
40
+ get: function () { return this._pivotPoint; },
41
+ set: function (value) { this._pivotPoint.copy(value); }
 
 
 
 
42
  });
43
 
 
 
44
  OrbitCamera.prototype.focus = function (focusEntity) {
 
45
  this._buildAabb(focusEntity);
46
  var halfExtents = this._modelsAabb.halfExtents;
47
  var radius = Math.max(halfExtents.x, Math.max(halfExtents.y, halfExtents.z));
 
52
 
53
  OrbitCamera.distanceBetween = new pc.Vec3();
54
 
 
55
  OrbitCamera.prototype.resetAndLookAtPoint = function (resetPoint, lookAtPoint) {
56
  this.pivotPoint.copy(lookAtPoint);
57
  this.entity.setPosition(resetPoint);
 
93
  this._updatePosition();
94
  };
95
 
 
 
 
 
 
96
  OrbitCamera.prototype.initialize = function () {
 
 
 
 
 
 
 
97
  this._modelsAabb = new pc.BoundingBox();
98
+ this._pivotPoint = new pc.Vec3();
99
  this._buildAabb(this.focusEntity || this.app.root);
100
  this.entity.lookAt(this._modelsAabb.center);
 
101
  this._pivotPoint.copy(this._modelsAabb.center);
102
  var cameraQuat = this.entity.getRotation();
103
  this._yaw = this._calcYaw(cameraQuat);
 
104
  this._pitch = this._clampPitchAngle(this._calcPitch(cameraQuat, this._yaw));
105
  this.entity.setLocalEulerAngles(this._pitch, this._yaw, 0);
106
  this._distance = 0;
107
  this._targetYaw = this._yaw;
108
  this._targetPitch = this._pitch;
109
+ this._distance = this._clampDistance(this._distance);
 
 
 
 
 
 
 
 
110
  this._targetDistance = this._distance;
111
+ if (this.frameOnStart) this.focus(this.focusEntity || this.app.root);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
112
  };
113
 
114
  OrbitCamera.prototype.update = function (dt) {
 
126
  position.copy(this.entity.forward);
127
  position.mulScalar(-this._distance);
128
  position.add(this.pivotPoint);
 
 
129
  this.entity.setPosition(position);
130
  };
131
 
 
135
  this._distance = this._targetDistance;
136
  };
137
 
 
 
 
 
 
 
138
  OrbitCamera.prototype._buildAabb = function (entity) {
139
+ var meshInstances = [];
140
  var renders = entity.findComponents('render');
141
+ for (var i = 0; i < renders.length; i++) {
142
+ meshInstances.push(...renders[i].meshInstances);
 
 
 
143
  }
144
+ for (var i = 0; i < meshInstances.length; i++) {
145
+ if (i === 0) this._modelsAabb.copy(meshInstances[i].aabb);
146
+ else this._modelsAabb.add(meshInstances[i].aabb);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
147
  }
148
  };
149
 
150
  OrbitCamera.prototype._calcYaw = function (quat) {
151
+ var v = new pc.Vec3();
152
+ quat.transformVector(pc.Vec3.FORWARD, v);
153
+ return Math.atan2(-v.x, -v.z) * pc.math.RAD_TO_DEG;
154
  };
155
 
156
+ OrbitCamera.prototype._calcPitch = function (quat, yaw) {
157
+ var quatWithoutYaw = new pc.Quat();
158
+ var yawOffset = new pc.Quat();
159
+ yawOffset.setFromEulerAngles(0, -yaw, 0);
160
+ quatWithoutYaw.mul2(yawOffset, quat);
161
+ var v = new pc.Vec3();
162
+ quatWithoutYaw.transformVector(pc.Vec3.FORWARD, v);
163
+ return Math.atan2(-v.y, -v.z) * pc.math.RAD_TO_DEG;
164
  };
165
 
166
+ OrbitCamera.prototype._clampDistance = function (d) {
167
+ if (this.distanceMax > 0) return pc.math.clamp(d, this.distanceMin, this.distanceMax);
168
+ return Math.max(d, this.distanceMin);
 
 
 
169
  };
170
 
171
+ OrbitCamera.prototype._clampPitchAngle = function (p) {
172
+ return pc.math.clamp(p, this.pitchAngleMin, this.pitchAngleMax);
173
  };
174
 
175
+ OrbitCamera.prototype._clampYawAngle = function (y) {
176
+ return pc.math.clamp(y, this.yawAngleMin, this.yawAngleMax);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
177
  };
178
 
 
179
  ////////////////////////////////////////////////////////////////////////////////
180
+ // Clamp pitch during input to prevent flip only when needed //
181
  ////////////////////////////////////////////////////////////////////////////////
 
182
 
183
+ // Override OrbitCameraInputMouse and OrbitCameraInputTouch to inject logic directly below
184
+
185
+ pc.script.create('orbitCameraInputMouse', function (app) {
186
+ var script = function (entity) {
187
+ this.entity = entity;
188
+ this.orbitCamera = entity.script.orbitCamera;
189
+ this.lookButtonDown = false;
190
+ this.lastPoint = new pc.Vec2();
191
+ };
192
+
193
+ script.prototype.initialize = function () {
 
 
 
 
 
 
194
  this.app.mouse.on(pc.EVENT_MOUSEDOWN, this.onMouseDown, this);
195
  this.app.mouse.on(pc.EVENT_MOUSEUP, this.onMouseUp, this);
196
  this.app.mouse.on(pc.EVENT_MOUSEMOVE, this.onMouseMove, this);
197
+ };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
198
 
199
+ script.prototype.onMouseDown = function (event) {
200
+ if (event.button === pc.MOUSEBUTTON_RIGHT) this.lookButtonDown = true;
201
+ };
202
 
203
+ script.prototype.onMouseUp = function (event) {
204
+ if (event.button === pc.MOUSEBUTTON_RIGHT) this.lookButtonDown = false;
205
+ };
 
206
 
207
+ script.prototype.onMouseMove = function (event) {
208
+ if (!this.lookButtonDown) return;
209
+
210
+ var camera = this.orbitCamera;
211
+ camera.pitch -= event.dy * 0.3;
212
+ camera.yaw -= event.dx * 0.3;
213
+
214
+ var r = camera.pitch * pc.math.DEG_TO_RAD;
215
+ var candY = camera.pivotPoint.y + Math.sin(r) * camera.distance;
216
+
217
+ if (candY < camera.minY) {
218
+ var maxRad = Math.asin(
219
+ pc.math.clamp((camera.minY - camera.pivotPoint.y) / camera.distance, -1, 1)
220
+ );
221
+ var clampedPitch = maxRad * pc.math.RAD_TO_DEG;
222
+ camera.pitch = clampedPitch;
223
+ camera._targetPitch = clampedPitch;
224
+ }
225
+ };
226
+
227
+ return script;
228
  });