Skip to content

@fibbojs / 3d / FCamera

Class: abstract FCamera ​

The base class for 3d cameras in Fibbo.

Extends ​

  • FCamera

Extended by ​

Accessors ​

zoom ​

get zoom(): number

set zoom(zoom): void

Parameters ​

• zoom: number

Returns ​

number

Defined in ​

3d/src/cameras/FCamera.ts:118

Constructors ​

new FCamera() ​

new FCamera(options?): FCamera

Parameters ​

• options?: FCameraOptions

Returns ​

FCamera

Overrides ​

FCameraCore.constructor

Defined in ​

3d/src/cameras/FCamera.ts:35

Methods ​

__UPDATE_POSITION__() ​

__UPDATE_POSITION__(): void

Update the position of the camera according to the transform. This method should be called after updating the transform properties.

Returns ​

void

Defined in ​

3d/src/cameras/FCamera.ts:72


__UPDATE_ROTATION__() ​

__UPDATE_ROTATION__(): void

Update the rotation of the camera according to the transform. This method should be called after updating the transform properties.

Returns ​

void

Defined in ​

3d/src/cameras/FCamera.ts:80


__UPDATE_SCALE__() ​

__UPDATE_SCALE__(): void

Update the scale of the camera according to the transform. This method should be called after updating the transform properties. This method does not make sense for cameras, but it is implemented for consistency.

Returns ​

void

Defined in ​

3d/src/cameras/FCamera.ts:89


addController() ​

addController(controller): void

Add a controller to the component.

Parameters ​

• controller: FController

The controller to add.

Returns ​

void

Inherited from ​

FCameraCore.addController

Defined in ​

core/dist/index.d.ts:418


emitCollisionWith() ​

emitCollisionWith(options): void

Emit a collision event with a given class or object.

Parameters ​

• options

The options for the collision event.

• options.class?: any

The class to emit the collision event with.

• options.component?: FComponent

The component to emit the collision event with.

Returns ​

void

Examples ​

typescript
const player = new Player()
const enemy = new Enemy()
player.emitCollisionWith({
  class: Enemy
})
typescript
const player = new Player()
const enemy = new Enemy()
player.emitCollisionWith({
  object: enemy
})

Inherited from ​

FCameraCore.emitCollisionWith

Defined in ​

core/dist/index.d.ts:499


emitOnLoaded() ​

emitOnLoaded(): void

Emit the onLoaded callbacks.

Returns ​

void

Inherited from ​

FCameraCore.emitOnLoaded

Defined in ​

core/dist/index.d.ts:443


frame() ​

frame(delta): void

Update the component. Should be called every frame. The purpose of this method is to render the component, its mesh/sprite, and its properties.

Parameters ​

• delta: number

The time since the last frame.

Returns ​

void

Inherited from ​

FCameraCore.frame

Defined in ​

core/dist/index.d.ts:429


getCameraDirection() ​

getCameraDirection(): Vector3

Get the direction of the camera. This method is useful to get the direction of the camera to apply forces in the direction of the camera.

Returns ​

Vector3

The direction of the camera. It is a normalized vector.

Defined in ​

3d/src/cameras/FCamera.ts:109


lookAt() ​

lookAt(target): void

Make the camera look at a target.

Parameters ​

• target: FVector3

The target to look at.

Returns ​

void

Defined in ​

3d/src/cameras/FCamera.ts:100


onCollisionWith() ​

onCollisionWith(classOrObject, callback): () => void

Add a callback to be called when a collision occurs.

Parameters ​

• classOrObject: any

The class or object to observe for collisions. Should inherit from FComponent.

• callback

The callback to add to the collision event.

Returns ​

Function

A function to remove the callback.

Returns ​

void

Examples ​

typescript
const player = new Player()
const enemy = new Enemy()
player.onCollisionWith(Enemy, ({ component }) => {
  console.log('Player collided with an Enemy!')
  console.log('The enemy is:', component)
})
typescript
const player = new Player()
const enemy = new Enemy()
player.onCollisionWith(enemy, () => {
  console.log('Player collided with the enemy!')
})
typescript
const player = new Player()
const enemy = new Enemy()
const removeThisCallback = player.onCollisionWith(enemy, () => {
 console.log('Player collided with the enemy!')
})
// To remove the callback, call the function returned by onCollisionWith
removeThisCallback()

#### Inherited from

`FCameraCore.onCollisionWith`

#### Defined in

core/dist/index.d.ts:476

***

### onFrame()

> **onFrame**(`callback`): `void`

Add a callback to be called every frame.

#### Parameters

• **callback**

The callback function.

#### Returns

`void`

#### Inherited from

`FCameraCore.onFrame`

#### Defined in

core/dist/index.d.ts:434

***

### onLoaded()

> **onLoaded**(`callback`): `void`

Add a callback to be called when the component is loaded (could be a texture, a 3D model, etc).

#### Parameters

• **callback**

The callback function.

#### Returns

`void`

#### Inherited from

`FCameraCore.onLoaded`

#### Defined in

core/dist/index.d.ts:439

***

### removeController()

> **removeController**(`controller`): `void`

Remove a controller from the component.

#### Parameters

• **controller**: `FController`

The controller to remove.

#### Returns

`void`

#### Inherited from

`FCameraCore.removeController`

#### Defined in

core/dist/index.d.ts:423

## Properties

### \_\_CALLBACKS\_ON\_COLLISION\_\_

> **\_\_CALLBACKS\_ON\_COLLISION\_\_**: `object`

Callbacks for when a collision occurs with a given class or object.
It is a dictionary where the key is the class name or object id and the value is an array of callbacks.

#### Index Signature

 \[`key`: `string`\]: (`data`) => `void`[]

#### Inherited from

`FCameraCore.__CALLBACKS_ON_COLLISION__`

#### Defined in

core/dist/index.d.ts:402

***

### \_\_CALLBACKS\_ON\_FRAME\_\_

> **\_\_CALLBACKS\_ON\_FRAME\_\_**: () => `void`[]

Callbacks for when a frame is rendered.

#### Inherited from

`FCameraCore.__CALLBACKS_ON_FRAME__`

#### Defined in

core/dist/index.d.ts:393

***

### \_\_CALLBACKS\_ON\_LOADED\_\_

> **\_\_CALLBACKS\_ON\_LOADED\_\_**: () => `void`[]

Callbacks for when the component is loaded (could be a texture, a 3D model, etc).

#### Inherited from

`FCameraCore.__CALLBACKS_ON_LOADED__`

#### Defined in

core/dist/index.d.ts:397

***

### \_\_CAMERA\_\_

> **\_\_CAMERA\_\_**: `PerspectiveCamera`

Three.js camera object.

#### Defined in

[3d/src/cameras/FCamera.ts:28](https://github.com/fibbojs/fibbo/blob/65626b456ab47d7e61b23a8dd1be9f399238b0f1/packages/3d/src/cameras/FCamera.ts#L28)

***

### \_\_ID\_\_

> **\_\_ID\_\_**: `number`

Unique identifier for the component.
It is generated automatically.

#### Inherited from

`FCameraCore.__ID__`

#### Defined in

core/dist/index.d.ts:389

***

### \_\_IS\_2D\_\_

> **\_\_IS\_2D\_\_**: `boolean` = `false`

#### Overrides

`FCameraCore.__IS_2D__`

#### Defined in

[3d/src/cameras/FCamera.ts:23](https://github.com/fibbojs/fibbo/blob/65626b456ab47d7e61b23a8dd1be9f399238b0f1/packages/3d/src/cameras/FCamera.ts#L23)

***

### \_\_IS\_3D\_\_

> **\_\_IS\_3D\_\_**: `boolean` = `true`

Internal flags

#### Overrides

`FCameraCore.__IS_3D__`

#### Defined in

[3d/src/cameras/FCamera.ts:22](https://github.com/fibbojs/fibbo/blob/65626b456ab47d7e61b23a8dd1be9f399238b0f1/packages/3d/src/cameras/FCamera.ts#L22)

***

### controllers

> **controllers**: `FController`[]

The controllers attached to the component.

#### Inherited from

`FCameraCore.controllers`

#### Defined in

core/dist/index.d.ts:412

***

### scene

> **scene**: `FScene`

The scene the component is attached to.

#### Inherited from

`FCameraCore.scene`

#### Defined in

core/dist/index.d.ts:408

***

### transform

> **transform**: [`FTransform`](FTransform.md)

Transform of the camera.

#### Defined in

[3d/src/cameras/FCamera.ts:33](https://github.com/fibbojs/fibbo/blob/65626b456ab47d7e61b23a8dd1be9f399238b0f1/packages/3d/src/cameras/FCamera.ts#L33)