Refactor Gizmo examples to remove unnecessary 'app' parameter (#7432)

Author: kpal81xd

src/extras/gizmo/gizmo.js

@@ -44,7 +44,7 @@ class Gizmo extends EventHandler {
      *
      * @event
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.on('pointer:down', (x, y, meshInstance) => {
      *     console.log(`Pointer was down on ${meshInstance.node.name} at ${x}, ${y}`);
      * });
@@ -56,7 +56,7 @@ class Gizmo extends EventHandler {
      *
      * @event
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.on('pointer:move', (x, y, meshInstance) => {
      *     console.log(`Pointer was moving on ${meshInstance.node.name} at ${x}, ${y}`);
      * });
@@ -68,7 +68,7 @@ class Gizmo extends EventHandler {
      *
      * @event
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.on('pointer:up', (x, y, meshInstance) => {
      *     console.log(`Pointer was up on ${meshInstance.node.name} at ${x}, ${y}`);
      * })
@@ -80,7 +80,7 @@ class Gizmo extends EventHandler {
      *
      * @event
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.on('position:update', (position) => {
      *     console.log(`The gizmo's position was updated to ${position}`);
      * })
@@ -92,7 +92,7 @@ class Gizmo extends EventHandler {
      *
      * @event
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.on('rotation:update', (rotation) => {
      *     console.log(`The gizmo's rotation was updated to ${rotation}`);
      * });
@@ -104,7 +104,7 @@ class Gizmo extends EventHandler {
      *
      * @event
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.on('scale:update', (scale) => {
      *     console.log(`The gizmo's scale was updated to ${scale}`);
      * });
@@ -116,7 +116,7 @@ class Gizmo extends EventHandler {
      *
      * @event
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.on('nodes:attach', () => {
      *     console.log('Graph nodes attached');
      * });
@@ -128,7 +128,7 @@ class Gizmo extends EventHandler {
      *
      * @event
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.on('nodes:detach', () => {
      *     console.log('Graph nodes detached');
      * });
@@ -140,7 +140,7 @@ class Gizmo extends EventHandler {
      *
      * @event
      * @example
-     * const gizmo = new pc.TransformGizmo(app, camera, layer);
+     * const gizmo = new pc.TransformGizmo(camera, layer);
      * gizmo.on('render:update', () => {
      *     console.log('Gizmo render has been updated');
      * });
@@ -250,7 +250,7 @@ class Gizmo extends EventHandler {
      * @param {Layer} layer - The render layer. This can be provided by the user or will be created
      * and added to the scene and camera if not provided. Successive gizmos will share the same layer
      * and will be removed from the camera and scene when the last gizmo is destroyed.
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      */
     constructor(camera, layer) {
         Debug.assert(camera instanceof CameraComponent, 'Incorrect parameters for Gizmos\'s constructor. Use new Gizmo(camera, layer)');
@@ -527,7 +527,7 @@ class Gizmo extends EventHandler {
      *
      * @param {GraphNode[] | GraphNode} [nodes] - The graph nodes. Defaults to [].
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.attach([boxA, boxB]);
      */
     attach(nodes = []) {
@@ -554,7 +554,7 @@ class Gizmo extends EventHandler {
      * Detaches all graph nodes from the gizmo.
      *
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.attach([boxA, boxB]);
      * gizmo.detach();
      */
@@ -571,7 +571,7 @@ class Gizmo extends EventHandler {
      * Detaches all graph nodes and destroys the gizmo instance.
      *
      * @example
-     * const gizmo = new pc.Gizmo(app, camera, layer);
+     * const gizmo = new pc.Gizmo(camera, layer);
      * gizmo.attach([boxA, boxB]);
      * gizmo.destroy();
      */

src/extras/gizmo/rotate-gizmo.js

@@ -147,7 +147,7 @@ class RotateGizmo extends TransformGizmo {
      * @param {CameraComponent} camera - The camera component.
      * @param {Layer} layer - The render layer.
      * @example
-     * const gizmo = new pc.RotateGizmo(app, camera, layer);
+     * const gizmo = new pc.RotateGizmo(camera, layer);
      */
     constructor(camera, layer) {
         super(camera, layer);

src/extras/gizmo/scale-gizmo.js

@@ -129,7 +129,7 @@ class ScaleGizmo extends TransformGizmo {
      * @param {CameraComponent} camera - The camera component.
      * @param {Layer} layer - The render layer.
      * @example
-     * const gizmo = new pc.ScaleGizmo(app, camera, layer);
+     * const gizmo = new pc.ScaleGizmo(camera, layer);
      */
     constructor(camera, layer) {
         super(camera, layer);

src/extras/gizmo/transform-gizmo.js

@@ -46,7 +46,7 @@ class TransformGizmo extends Gizmo {
      *
      * @event
      * @example
-     * const gizmo = new pc.TransformGizmo(app, camera, layer);
+     * const gizmo = new pc.TransformGizmo(camera, layer);
      * gizmo.on('transform:start', () => {
      *     console.log('Transformation started');
      * });
@@ -58,7 +58,7 @@ class TransformGizmo extends Gizmo {
      *
      * @event
      * @example
-     * const gizmo = new pc.TransformGizmo(app, camera, layer);
+     * const gizmo = new pc.TransformGizmo(camera, layer);
      * gizmo.on('transform:move', (pointDelta, angleDelta) => {
      *     console.log('Transformation moved by ${pointDelta} (angle: ${angleDelta})');
      * });
@@ -70,7 +70,7 @@ class TransformGizmo extends Gizmo {
      *
      * @event
      * @example
-     * const gizmo = new pc.TransformGizmo(app, camera, layer);
+     * const gizmo = new pc.TransformGizmo(camera, layer);
      * gizmo.on('transform:end', () => {
      *     console.log('Transformation ended');
      * });
@@ -247,7 +247,7 @@ class TransformGizmo extends Gizmo {
      * @param {CameraComponent} camera - The camera component.
      * @param {Layer} layer - The render layer.
      * @example
-     * const gizmo = new pc.TransformGizmo(app, camera, layer);
+     * const gizmo = new pc.TransformGizmo(camera, layer);
      */
     constructor(camera, layer) {
         super(camera, layer);

src/extras/gizmo/translate-gizmo.js

@@ -126,7 +126,7 @@ class TranslateGizmo extends TransformGizmo {
      * @param {CameraComponent} camera - The camera component.
      * @param {Layer} layer - The render layer.
      * @example
-     * const gizmo = new pc.TranslateGizmo(app, camera, layer);
+     * const gizmo = new pc.TranslateGizmo(camera, layer);
      */
     constructor(camera, layer) {
         super(camera, layer);