TileMap2D

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:49

Main tilemap class for rendering 2D tile-based maps.

Supports:

• Multiple tile layers
• Animated tiles
• Chunked rendering for large maps
• Collision data extraction
• Object layer access (spawn points, triggers, etc.)

Follows R3F-compatible constructor pattern with optional parameters.

Examples

Three.js

const mapData = await TiledLoader.load('/maps/level1.json')
const tilemap = new TileMap2D({ data: mapData })
scene.add(tilemap)

// In update loop
tilemap.update(deltaMs)

// React Three Fiber (after extending)
extend({ TileMap2D })

function Level() {
  const mapData = use(TiledLoader.load('/maps/level1.json'))
  return <tileMap2D data={mapData} />
}

Extends

• Group 

Constructors

Constructor

new TileMap2D(options?): TileMap2D

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:92

Create a new TileMap2D.

Parameters

options?

TileMap2DOptions

Optional configuration. If not provided (R3F path), the tilemap will be initialized when data is set.

Returns

TileMap2D

Overrides

Group.constructor

Properties

animations

animations: AnimationClip []

Defined in: three.js/core/Object3D:animations 

Array with object’s animation clips.

Default Value

[]

Inherited from

Group.animations

---

castShadow

castShadow: boolean

Defined in: three.js/core/Object3D:castShadow 

Whether the object gets rendered into shadow map.

Default Value

false

Inherited from

Group.castShadow

---

children

children: Object3D <Object3DEventMap >[]

Defined in: three.js/core/Object3D:children 

Array with object’s children.

See

THREE.Object3DGroup | Group for info on manually grouping objects.

Default Value

[]

Inherited from

Group.children

---

count?

optional count?: number

Defined in: three.js/renderers/common/Backend:count 

Inherited from

Group.count

---

customDepthMaterial?

optional customDepthMaterial?: Material 

Defined in: three.js/core/Object3D:customDepthMaterial 

Custom depth material to be used when rendering to the depth map.

Remarks

Can only be used in context of meshes. When shadow-casting with a THREE.DirectionalLight | DirectionalLight or THREE.SpotLight | SpotLight, if you are modifying vertex positions in the vertex shader you must specify a customDepthMaterial for proper shadows.

Default Value

undefined

Inherited from

Group.customDepthMaterial

---

customDistanceMaterial?

optional customDistanceMaterial?: Material 

Defined in: three.js/core/Object3D:customDistanceMaterial 

Same as customDepthMaterial, but used with THREE.Object3DPointLight | PointLight.

Default Value

undefined

Inherited from

Group.customDistanceMaterial

---

frustumCulled

frustumCulled: boolean

Defined in: three.js/core/Object3D:frustumCulled 

When this is set, it checks every frame if the object is in the frustum of the camera before rendering the object. If set to false the object gets rendered every frame even if it is not in the frustum of the camera.

Default Value

true

Inherited from

Group.frustumCulled

---

id

readonly id: number

Defined in: three.js/core/Object3D:id 

Unique number for this Object3D  instance.

Remarks

Note that ids are assigned in chronological order: 1, 2, 3, …, incrementing by one for each new object. Expects a Integer

Inherited from

Group.id

---

isGroup

readonly isGroup: true

Defined in: three.js/objects/Group:isGroup 

Read-only flag to check if a given object is of type Group .

Remarks

This is a constant value

Default Value

true

Inherited from

Group.isGroup

---

isObject3D

readonly isObject3D: true

Defined in: three.js/core/Object3D:isObject3D 

Flag to check if a given object is of type Object3D .

Remarks

This is a constant value

Default Value

true

Inherited from

Group.isObject3D

---

layers

layers: Layers 

Defined in: three.js/core/Object3D:layers 

The layer membership of the object.

Remarks

The object is only visible if it has at least one layer in common with the THREE.Object3DCamera | Camera in use. This property can also be used to filter out unwanted objects in ray-intersection tests when using THREE.Raycaster | Raycaster.

Default Value

new THREE.Layers()

Inherited from

Group.layers

---

matrix

matrix: Matrix4 

Defined in: three.js/core/Object3D:matrix 

The local transform matrix.

Default Value

new THREE.Matrix4()

Inherited from

Group.matrix

---

matrixAutoUpdate

matrixAutoUpdate: boolean

Defined in: three.js/core/Object3D:matrixAutoUpdate 

When this is set, it calculates the matrix of position, (rotation or quaternion) and scale every frame and also recalculates the matrixWorld property.

Default Value

DEFAULT_MATRIX_AUTO_UPDATE - that is (true).

Inherited from

Group.matrixAutoUpdate

---

matrixWorld

matrixWorld: Matrix4 

Defined in: three.js/core/Object3D:matrixWorld 

The global transform of the object.

Remarks

If the Object3D  has no parent, then it’s identical to the local transform THREE.Object3D.matrix | .matrix.

Default Value

new THREE.Matrix4()

Inherited from

Group.matrixWorld

---

matrixWorldAutoUpdate

matrixWorldAutoUpdate: boolean

Defined in: three.js/core/Object3D:matrixWorldAutoUpdate 

If set, then the renderer checks every frame if the object and its children need matrix updates. When it isn’t, then you have to maintain all matrices in the object and its children yourself.

Default Value

DEFAULT_MATRIX_WORLD_AUTO_UPDATE - that is (true).

Inherited from

Group.matrixWorldAutoUpdate

---

matrixWorldNeedsUpdate

matrixWorldNeedsUpdate: boolean

Defined in: three.js/core/Object3D:matrixWorldNeedsUpdate 

When this is set, it calculates the matrixWorld in that frame and resets this property to false.

Default Value

false

Inherited from

Group.matrixWorldNeedsUpdate

---

modelViewMatrix

readonly modelViewMatrix: Matrix4 

Defined in: three.js/core/Object3D:modelViewMatrix 

Default Value

new THREE.Matrix4()

Inherited from

Group.modelViewMatrix

---

name

name: string

Defined in: three.js/core/Object3D:name 

Optional name of the object

Remarks

(doesn’t need to be unique).

Default Value

""

Inherited from

Group.name

---

normalMatrix

readonly normalMatrix: Matrix3 

Defined in: three.js/core/Object3D:normalMatrix 

Default Value

new THREE.Matrix3()

Inherited from

Group.normalMatrix

---

occlusionTest?

optional occlusionTest?: boolean

Defined in: three.js/renderers/common/Backend:occlusionTest 

Inherited from

Group.occlusionTest

---

parent

parent: Object3D <Object3DEventMap > | null

Defined in: three.js/core/Object3D:parent 

Object’s parent in the scene graph .

Remarks

An object can have at most one parent.

Default Value

null

Inherited from

Group.parent

---

pivot

pivot: Vector3  | null

Defined in: three.js/core/Object3D:pivot 

The pivot point for rotation and scale transformations. When set, rotation and scale are applied around this point instead of the object’s origin.

Default

null

Inherited from

Group.pivot

---

position

readonly position: Vector3 

Defined in: three.js/core/Object3D:position 

Object’s local position.

Default Value

new THREE.Vector3() - that is (0, 0, 0).

Inherited from

Group.position

---

quaternion

readonly quaternion: Quaternion 

Defined in: three.js/core/Object3D:quaternion 

Object’s local rotation as a THREE.Quaternion | Quaternion.

Default Value

new THREE.Quaternion() - that is (0, 0, 0, 1).

Inherited from

Group.quaternion

---

receiveShadow

receiveShadow: boolean

Defined in: three.js/core/Object3D:receiveShadow 

Whether the material receives shadows.

Default Value

false

Inherited from

Group.receiveShadow

---

renderOrder

renderOrder: number

Defined in: three.js/core/Object3D:renderOrder 

This value allows the default rendering order of scene graph  objects to be overridden although opaque and transparent objects remain sorted independently.

Remarks

When this property is set for an instance of Group , all descendants objects will be sorted and rendered together. Sorting is from lowest to highest renderOrder.

Default Value

0

Inherited from

Group.renderOrder

---

rotation

readonly rotation: Euler 

Defined in: three.js/core/Object3D:rotation 

Object’s local rotation (Euler angles ), in radians.

Default Value

new THREE.Euler() - that is (0, 0, 0, Euler.DEFAULT_ORDER).

Inherited from

Group.rotation

---

scale

readonly scale: Vector3 

Defined in: three.js/core/Object3D:scale 

The object’s local scale.

Default Value

new THREE.Vector3( 1, 1, 1 )

Inherited from

Group.scale

---

static

static: boolean

Defined in: three.js/core/Object3D:static 

Whether the 3D object is supposed to be static or not. If set to true, it means the 3D object is not going to be changed after the initial renderer. This includes geometry and material settings. A static 3D object can be processed by the renderer slightly faster since certain state checks can be bypassed.

Only relevant in context of WebGPURenderer.

Default

false

Inherited from

Group.static

---

type

readonly type: string

Defined in: three.js/core/Object3D:type 

A Read-only string to check this object type.

Remarks

This can be used to find a specific type of Object3D in a scene. Sub-classes will update this value.

Default Value

Object3D

Inherited from

Group.type

---

up

up: Vector3 

Defined in: three.js/core/Object3D:up 

This is used by the lookAt  method, for example, to determine the orientation of the result.

Default Value

Object3D.DEFAULT_UP - that is (0, 1, 0).

Inherited from

Group.up

---

userData

userData: Record<string, any>

Defined in: three.js/core/Object3D:userData 

An object that can be used to store custom data about the Object3D .

Remarks

It should not hold references to functions as these will not be cloned.

Default

{}

Inherited from

Group.userData

---

uuid

uuid: string

Defined in: three.js/core/Object3D:uuid 

UUID  of this object instance.

Remarks

This gets automatically assigned and shouldn’t be edited.

Inherited from

Group.uuid

---

visible

visible: boolean

Defined in: three.js/core/Object3D:visible 

Object gets rendered if true.

Default Value

true

Inherited from

Group.visible

---

DEFAULT_MATRIX_AUTO_UPDATE

static DEFAULT_MATRIX_AUTO_UPDATE: boolean

Defined in: three.js/core/Object3D:DEFAULT_MATRIX_AUTO_UPDATE 

The default setting for matrixAutoUpdate for newly created Object3Ds.

Default Value

true

Inherited from

Group.DEFAULT_MATRIX_AUTO_UPDATE

---

DEFAULT_MATRIX_WORLD_AUTO_UPDATE

static DEFAULT_MATRIX_WORLD_AUTO_UPDATE: boolean

Defined in: three.js/core/Object3D:DEFAULT_MATRIX_WORLD_AUTO_UPDATE 

The default setting for matrixWorldAutoUpdate for newly created Object3Ds.

Default Value

true

Inherited from

Group.DEFAULT_MATRIX_WORLD_AUTO_UPDATE

---

DEFAULT_UP

static DEFAULT_UP: Vector3 

Defined in: three.js/core/Object3D:DEFAULT_UP 

The default up direction for objects, also used as the default position for THREE.DirectionalLight | DirectionalLight, THREE.HemisphereLight | HemisphereLight and THREE.Spotlight | Spotlight (which creates lights shining from the top down).

Default Value

new THREE.Vector3( 0, 1, 0)

Inherited from

Group.DEFAULT_UP

Accessors

bounds

Get Signature

get bounds(): Box3 

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:574

Get map bounds.

Returns

Box3 

---

chunkSize

Get Signature

get chunkSize(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:133

Get/set chunk size in tiles (default: 512). Each layer is split into chunks of chunkSize×chunkSize tiles for frustum culling. Maps smaller than chunkSize naturally use a single chunk per layer.

Returns

number

Set Signature

set chunkSize(value): void

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:137

Parameters

value

number

Returns

void

---

data

Get Signature

get data(): TileMapData | null

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:108

Get the tilemap data.

Returns

TileMapData | null

Set Signature

set data(value): void

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:115

Set the tilemap data and rebuild the map.

Parameters

value

TileMapData | null

Returns

void

---

enableCollision

Get Signature

get enableCollision(): boolean

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:150

Get/set collision extraction flag.

Returns

boolean

Set Signature

set enableCollision(value): void

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:154

Parameters

value

boolean

Returns

void

---

heightInPixels

Get Signature

get heightInPixels(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:180

Returns

number

---

heightInTiles

Get Signature

get heightInTiles(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:168

Returns

number

---

layerCount

Get Signature

get layerCount(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:508

Get layer count.

Returns

number

---

lit

Get Signature

get lit(): boolean

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:406

Returns

boolean

Set Signature

set lit(value): void

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:410

Parameters

value

boolean

Returns

void

---

receiveShadows

Get Signature

get receiveShadows(): boolean

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:416

Returns

boolean

Set Signature

set receiveShadows(value): void

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:420

Parameters

value

boolean

Returns

void

---

tileHeight

Get Signature

get tileHeight(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:174

Returns

number

---

tileWidth

Get Signature

get tileWidth(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:171

Returns

number

---

totalChunkCount

Get Signature

get totalChunkCount(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:595

Get total chunk count across all layers (equals total draw calls for tiles).

Returns

number

---

totalTileCount

Get Signature

get totalTileCount(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:602

Get total tile count across all layers.

Returns

number

---

widthInPixels

Get Signature

get widthInPixels(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:177

Returns

number

---

widthInTiles

Get Signature

get widthInTiles(): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:165

Returns

number

Methods

add()

add(…object): this

Defined in: three.js/core/Object3D:add 

Adds another Object3D  as child of this Object3D .

Parameters

object

…Object3D <Object3DEventMap >[]

Returns

this

Remarks

An arbitrary number of objects may be added Any current parent on an object passed in here will be removed, since an Object3D  can have at most one parent.

See

• attach 
• THREE.Group | Group for info on manually grouping objects.

Inherited from

Group.add

---

addEffect()

addEffect(effect): this

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:438

Register a MaterialEffect on all tile layer materials. Use this to add channel providers (e.g. NormalMapProvider) so tilemaps participate in the lighting pipeline’s channel system.

Parameters

effect

MaterialEffect

Returns

this

Example

<tileMap2D data={mapData}>
  <normalMapProvider attach={attachEffect} />
</tileMap2D>

---

addEventListener()

addEventListener<T>(type, listener): void

Defined in: three.js/core/EventDispatcher:addEventListener 

Adds a listener to an event type.

Type Parameters

T

T extends keyof Object3DEventMap 

Parameters

type

T

The type of event to listen to.

listener

EventListener <Object3DEventMap [T], T, TileMap2D>

The function that gets called when the event is fired.

Returns

void

Inherited from

Group.addEventListener

---

applyMatrix4()

applyMatrix4(matrix): void

Defined in: three.js/core/Object3D:applyMatrix4 

Applies the matrix transform to the object and updates the object’s position, rotation and scale.

Parameters

matrix

Matrix4 

Returns

void

Inherited from

Group.applyMatrix4

---

applyQuaternion()

applyQuaternion(quaternion): this

Defined in: three.js/core/Object3D:applyQuaternion 

Applies the rotation represented by the quaternion to the object.

Parameters

quaternion

Quaternion 

Returns

this

Inherited from

Group.applyQuaternion

---

attach()

attach(object): this

Defined in: three.js/core/Object3D:attach 

Adds a Object3D  as a child of this, while maintaining the object’s world transform.

Parameters

object

Object3D 

Returns

this

Remarks

Note: This method does not support scene graphs having non-uniformly-scaled nodes(s).

See

add 

Inherited from

Group.attach

---

clear()

clear(): this

Defined in: three.js/core/Object3D:clear 

Removes all child objects.

Returns

this

Inherited from

Group.clear

---

clone()

clone(recursive?): this

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:626

Clone for devtools/serialization compatibility. Returns a Group containing cloned child layers for visual inspection.

Parameters

recursive?

boolean

Returns

this

Overrides

Group.clone

---

copy()

copy(object, recursive?): this

Defined in: three.js/core/Object3D:copy 

Copies the given object into this object.

Parameters

object

Object3D 

recursive?

boolean

If set to true, descendants of the object are copied next to the existing ones. If set to false, descendants are left unchanged. Default is true.

Returns

this

Remarks

Event listeners and user-defined callbacks (.onAfterRender and .onBeforeRender) are not copied.

Inherited from

Group.copy

---

dispatchEvent()

dispatchEvent<T>(event): void

Defined in: three.js/core/EventDispatcher:dispatchEvent 

Fire an event type.

Type Parameters

T

T extends keyof Object3DEventMap 

Parameters

event

BaseEvent <T> & Object3DEventMap [T]

The event that gets fired.

Returns

void

Inherited from

Group.dispatchEvent

---

dispose()

dispose(): void

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:661

Dispose of all resources.

Returns

void

---

getCollisionShapes()

getCollisionShapes(): readonly CollisionShape[]

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:567

Get collision shapes.

Returns

readonly CollisionShape[]

---

getLayer()

getLayer(name): TileLayer | undefined

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:487

Get tile layer by name.

Parameters

name

string

Returns

TileLayer | undefined

---

getLayerAt()

getLayerAt(index): TileLayer | undefined

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:494

Get tile layer by index.

Parameters

index

number

Returns

TileLayer | undefined

---

getLayerMaterial()

getLayerMaterial(name): Sprite2DMaterial | undefined

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:610

Get the Sprite2DMaterial for a tile layer by name. Use this to apply TSL effects or lighting to specific layers.

Parameters

name

string

Returns

Sprite2DMaterial | undefined

---

getLayerMaterialAt()

getLayerMaterialAt(index): Sprite2DMaterial | undefined

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:618

Get the Sprite2DMaterial for a tile layer by index. Use this to apply TSL effects or lighting to specific layers.

Parameters

index

number

Returns

Sprite2DMaterial | undefined

---

getLayers()

getLayers(): readonly TileLayer[]

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:501

Get all tile layers.

Returns

readonly TileLayer[]

---

getObjectById()

getObjectById(id): Object3D <Object3DEventMap > | undefined

Defined in: three.js/core/Object3D:getObjectById 

Searches through an object and its children, starting with the object itself, and returns the first with a matching id.

Parameters

id

number

Unique number of the object instance. Expects a Integer

Returns

Object3D <Object3DEventMap > | undefined

Remarks

Note that ids are assigned in chronological order: 1, 2, 3, …, incrementing by one for each new object.

See

id

Inherited from

Group.getObjectById

---

getObjectByName()

getObjectByName(name): Object3D <Object3DEventMap > | undefined

Defined in: three.js/core/Object3D:getObjectByName 

Searches through an object and its children, starting with the object itself, and returns the first with a matching name.

Parameters

name

string

String to match to the children’s Object3D.name property.

Returns

Object3D <Object3DEventMap > | undefined

Remarks

Note that for most objects the name is an empty string by default You will have to set it manually to make use of this method.

Inherited from

Group.getObjectByName

---

getObjectByProperty()

getObjectByProperty(name, value): Object3D <Object3DEventMap > | undefined

Defined in: three.js/core/Object3D:getObjectByProperty 

Searches through an object and its children, starting with the object itself, and returns the first with a property that matches the value given.

Parameters

name

string

the property name to search for.

value

any

value of the given property.

Returns

Object3D <Object3DEventMap > | undefined

Inherited from

Group.getObjectByProperty

---

getObjectLayer()

getObjectLayer(name): ObjectLayerData | undefined

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:515

Get object layer by name.

Parameters

name

string

Returns

ObjectLayerData | undefined

---

getObjectsByProperty()

getObjectsByProperty(name, value, optionalTarget?): Object3D <Object3DEventMap >[]

Defined in: three.js/core/Object3D:getObjectsByProperty 

Searches through an object and its children, starting with the object itself, and returns the first with a property that matches the value given.

Parameters

name

string

The property name to search for.

value

any

Value of the given property.

optionalTarget?

Object3D <Object3DEventMap >[]

target to set the result. Otherwise a new Array is instantiated. If set, you must clear this array prior to each call (i.e., array.length = 0;).

Returns

Object3D <Object3DEventMap >[]

Inherited from

Group.getObjectsByProperty

---

getObjectsByType()

getObjectsByType(type): TileMapObject[]

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:522

Get all objects of a specific type.

Parameters

type

string

Returns

TileMapObject[]

---

getProperty()

getProperty<T>(name): T | undefined

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:588

Get custom property from map data.

Type Parameters

T

T

Parameters

name

string

Returns

T | undefined

---

getTileAtWorld()

getTileAtWorld(worldX, worldY, layerIndex?): number

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:537

Get tile GID at world position.

Parameters

worldX

number

worldY

number

layerIndex?

number = 0

Returns

number

---

getTileset()

getTileset(name): Tileset | undefined

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:581

Get tileset by name.

Parameters

name

string

Returns

Tileset | undefined

---

getWorldDirection()

getWorldDirection(target): Vector3 

Defined in: three.js/core/Object3D:getWorldDirection 

Returns a vector representing the direction of object’s positive z-axis in world space.

Parameters

target

Vector3 

The result will be copied into this Vector3.

Returns

Vector3 

Inherited from

Group.getWorldDirection

---

getWorldPosition()

getWorldPosition(target): Vector3 

Defined in: three.js/core/Object3D:getWorldPosition 

Returns a vector representing the position of the object in world space.

Parameters

target

Vector3 

The result will be copied into this Vector3.

Returns

Vector3 

Inherited from

Group.getWorldPosition

---

getWorldQuaternion()

getWorldQuaternion(target): Quaternion 

Defined in: three.js/core/Object3D:getWorldQuaternion 

Returns a quaternion representing the rotation of the object in world space.

Parameters

target

Quaternion 

The result will be copied into this Quaternion.

Returns

Quaternion 

Inherited from

Group.getWorldQuaternion

---

getWorldScale()

getWorldScale(target): Vector3 

Defined in: three.js/core/Object3D:getWorldScale 

Returns a vector of the scaling factors applied to the object for each axis in world space.

Parameters

target

Vector3 

The result will be copied into this Vector3.

Returns

Vector3 

Inherited from

Group.getWorldScale

---

hasEventListener()

hasEventListener<T>(type, listener): boolean

Defined in: three.js/core/EventDispatcher:hasEventListener 

Checks if listener is added to an event type.

Type Parameters

T

T extends keyof Object3DEventMap 

Parameters

type

T

The type of event to listen to.

listener

EventListener <Object3DEventMap [T], T, TileMap2D>

The function that gets called when the event is fired.

Returns

boolean

Inherited from

Group.hasEventListener

---

localToWorld()

localToWorld(vector): Vector3 

Defined in: three.js/core/Object3D:localToWorld 

Converts the vector from this object’s local space to world space.

Parameters

vector

Vector3 

A vector representing a position in this object’s local space.

Returns

Vector3 

Inherited from

Group.localToWorld

---

lookAt()

Call Signature

lookAt(vector): void

Defined in: three.js/core/Object3D:lookAt 

Rotates the object to face a point in world space.

Parameters

vector

Vector3 

A vector representing a position in world space to look at.

Returns

void

Remarks

This method does not support objects having non-uniformly-scaled parent(s).

Inherited from

Group.lookAt

Call Signature

lookAt(x, y, z): void

Defined in: three.js/core/Object3D:lookAt 

Rotates the object to face a point in world space.

Parameters

x

number

Expects a Float

y

number

Expects a Float

z

number

Expects a Float

Returns

void

Remarks

This method does not support objects having non-uniformly-scaled parent(s).

Inherited from

Group.lookAt

---

markOccluders()

markOccluders(types, layerIndex?): void

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:460

Mark tiles as shadow casters based on object layer data. Typically called with IntGrid-derived collision objects.

Parameters

types

string[]

Object types to treat as occluders (e.g. [‘collision’, ‘torch_switch’])

layerIndex?

number = 0

Which tile layer to mark (default: 0)

Returns

void

---

onAfterRender()

onAfterRender(renderer, scene, camera, geometry, material, group): void

Defined in: three.js/core/Object3D:onAfterRender 

An optional callback that is executed immediately after a 3D object is rendered.

Parameters

renderer

WebGLRenderer 

scene

Scene 

camera

Camera 

geometry

BufferGeometry 

material

Material 

group

Group 

Returns

void

Remarks

This function is called with the following parameters: renderer, scene, camera, geometry, material, group. Please notice that this callback is only executed for renderable 3D objects. Meaning 3D objects which define their visual appearance with geometries and materials like instances of Mesh, Line, Points or Sprite. Instances of Object3D , Group  or Bone are not renderable and thus this callback is not executed for such objects.

Inherited from

Group.onAfterRender

---

onAfterShadow()

onAfterShadow(renderer, scene, camera, shadowCamera, geometry, depthMaterial, group): void

Defined in: three.js/core/Object3D:onAfterShadow 

An optional callback that is executed immediately after a 3D object is rendered to a shadow map.

Parameters

renderer

WebGLRenderer 

scene

Scene 

camera

Camera 

shadowCamera

Camera 

geometry

BufferGeometry 

depthMaterial

Material 

group

Group 

Returns

void

Remarks

This function is called with the following parameters: renderer, scene, camera, shadowCamera, geometry, depthMaterial, group. Please notice that this callback is only executed for renderable 3D objects. Meaning 3D objects which define their visual appearance with geometries and materials like instances of Mesh, Line, Points or Sprite. Instances of Object3D , Group  or Bone are not renderable and thus this callback is not executed for such objects.

Inherited from

Group.onAfterShadow

---

onBeforeRender()

onBeforeRender(renderer, scene, camera, geometry, material, group): void

Defined in: three.js/core/Object3D:onBeforeRender 

An optional callback that is executed immediately before a 3D object is rendered.

Parameters

renderer

WebGLRenderer 

scene

Scene 

camera

Camera 

geometry

BufferGeometry 

material

Material 

group

Group 

Returns

void

Remarks

This function is called with the following parameters: renderer, scene, camera, geometry, material, group. Please notice that this callback is only executed for renderable 3D objects. Meaning 3D objects which define their visual appearance with geometries and materials like instances of Mesh, Line, Points or Sprite. Instances of Object3D , Group  or Bone are not renderable and thus this callback is not executed for such objects.

Inherited from

Group.onBeforeRender

---

onBeforeShadow()

onBeforeShadow(renderer, scene, camera, shadowCamera, geometry, depthMaterial, group): void

Defined in: three.js/core/Object3D:onBeforeShadow 

An optional callback that is executed immediately before a 3D object is rendered to a shadow map.

Parameters

renderer

WebGLRenderer 

scene

Scene 

camera

Camera 

shadowCamera

Camera 

geometry

BufferGeometry 

depthMaterial

Material 

group

Group 

Returns

void

Remarks

This function is called with the following parameters: renderer, scene, camera, shadowCamera, geometry, depthMaterial, group. Please notice that this callback is only executed for renderable 3D objects. Meaning 3D objects which define their visual appearance with geometries and materials like instances of Mesh, Line, Points or Sprite. Instances of Object3D , Group  or Bone are not renderable and thus this callback is not executed for such objects.

Inherited from

Group.onBeforeShadow

---

raycast()

raycast(raycaster, intersects): void

Defined in: three.js/core/Object3D:raycast 

Abstract (empty) method to get intersections between a casted ray and this object

Parameters

raycaster

Raycaster 

intersects

Intersection <Object3D <Object3DEventMap >>[]

Returns

void

Remarks

Subclasses such as THREE.Mesh | Mesh, THREE.Line | Line, and THREE.Points | Points implement this method in order to use raycasting.

See

THREE.Raycaster | Raycaster

Default Value

() => {}

Inherited from

Group.raycast

---

remove()

remove(…object): this

Defined in: three.js/core/Object3D:remove 

Removes a Object3D  as child of this Object3D .

Parameters

object

…Object3D <Object3DEventMap >[]

Returns

this

Remarks

An arbitrary number of objects may be removed.

See

THREE.Group | Group for info on manually grouping objects.

Inherited from

Group.remove

---

removeEffect()

removeEffect(_effect): this

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:449

Parameters

_effect

MaterialEffect

Returns

this

---

removeEventListener()

removeEventListener<T>(type, listener): void

Defined in: three.js/core/EventDispatcher:removeEventListener 

Removes a listener from an event type.

Type Parameters

T

T extends keyof Object3DEventMap 

Parameters

type

T

The type of the listener that gets removed.

listener

EventListener <Object3DEventMap [T], T, TileMap2D>

The listener function that gets removed.

Returns

void

Inherited from

Group.removeEventListener

---

removeFromParent()

removeFromParent(): this

Defined in: three.js/core/Object3D:removeFromParent 

Removes this object from its current parent.

Returns

this

Inherited from

Group.removeFromParent

---

rotateOnAxis()

rotateOnAxis(axis, angle): this

Defined in: three.js/core/Object3D:rotateOnAxis 

Rotate an object along an axis in object space.

Parameters

axis

Vector3 

A normalized vector in object space.

angle

number

The angle in radians. Expects a Float

Returns

this

Remarks

The axis is assumed to be normalized.

Inherited from

Group.rotateOnAxis

---

rotateOnWorldAxis()

rotateOnWorldAxis(axis, angle): this

Defined in: three.js/core/Object3D:rotateOnWorldAxis 

Rotate an object along an axis in world space.

Parameters

axis

Vector3 

A normalized vector in world space.

angle

number

The angle in radians. Expects a Float

Returns

this

Remarks

The axis is assumed to be normalized Method Assumes no rotated parent.

Inherited from

Group.rotateOnWorldAxis

---

rotateX()

rotateX(angle): this

Defined in: three.js/core/Object3D:rotateX 

Rotates the object around x axis in local space.

Parameters

angle

number

Returns

this

Inherited from

Group.rotateX

---

rotateY()

rotateY(angle): this

Defined in: three.js/core/Object3D:rotateY 

Rotates the object around y axis in local space.

Parameters

angle

number

Returns

this

Inherited from

Group.rotateY

---

rotateZ()

rotateZ(angle): this

Defined in: three.js/core/Object3D:rotateZ 

Rotates the object around z axis in local space.

Parameters

angle

number

Returns

this

Inherited from

Group.rotateZ

---

setRotationFromAxisAngle()

setRotationFromAxisAngle(axis, angle): void

Defined in: three.js/core/Object3D:setRotationFromAxisAngle 

Calls THREE.Quaternion.setFromAxisAngle | setFromAxisAngle(axis, angle) on the .quaternion.

Parameters

axis

Vector3 

A normalized vector in object space.

angle

number

Angle in radians. Expects a Float

Returns

void

Inherited from

Group.setRotationFromAxisAngle

---

setRotationFromEuler()

setRotationFromEuler(euler): void

Defined in: three.js/core/Object3D:setRotationFromEuler 

Calls THREE.Quaternion.setFromEuler | setFromEuler(euler) on the .quaternion.

Parameters

euler

Euler 

Euler angle specifying rotation amount.

Returns

void

Inherited from

Group.setRotationFromEuler

---

setRotationFromMatrix()

setRotationFromMatrix(m): void

Defined in: three.js/core/Object3D:setRotationFromMatrix 

Calls THREE.Quaternion.setFromRotationMatrix | setFromRotationMatrix(m) on the .quaternion.

Parameters

m

Matrix4 

Rotate the quaternion by the rotation component of the matrix.

Returns

void

Remarks

Note that this assumes that the upper 3x3 of m is a pure rotation matrix (i.e, unscaled).

Inherited from

Group.setRotationFromMatrix

---

setRotationFromQuaternion()

setRotationFromQuaternion(q): void

Defined in: three.js/core/Object3D:setRotationFromQuaternion 

Copy the given THREE.Quaternion | Quaternion into .quaternion.

Parameters

q

Quaternion 

Normalized Quaternion.

Returns

void

Inherited from

Group.setRotationFromQuaternion

---

tileToWorld()

tileToWorld(tileX, tileY): object

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:557

Convert tile coordinates to world position (center of tile).

Parameters

tileX

number

tileY

number

Returns

object

x

x: number

y

y: number

---

toJSON()

toJSON(meta?): Object3DJSON 

Defined in: three.js/core/Object3D:toJSON 

Convert the object to three.js JSON Object/Scene format .

Parameters

meta?

JSONMeta 

Object containing metadata such as materials, textures or images for the object.

Returns

Object3DJSON 

Inherited from

Group.toJSON

---

translateOnAxis()

translateOnAxis(axis, distance): this

Defined in: three.js/core/Object3D:translateOnAxis 

Translate an object by distance along an axis in object space

Parameters

axis

Vector3 

A normalized vector in object space.

distance

number

The distance to translate. Expects a Float

Returns

this

Remarks

The axis is assumed to be normalized.

Inherited from

Group.translateOnAxis

---

translateX()

translateX(distance): this

Defined in: three.js/core/Object3D:translateX 

Translates object along x axis in object space by distance units.

Parameters

distance

number

Expects a Float

Returns

this

Inherited from

Group.translateX

---

translateY()

translateY(distance): this

Defined in: three.js/core/Object3D:translateY 

Translates object along y axis in object space by distance units.

Parameters

distance

number

Expects a Float

Returns

this

Inherited from

Group.translateY

---

translateZ()

translateZ(distance): this

Defined in: three.js/core/Object3D:translateZ 

Translates object along z axis in object space by distance units.

Parameters

distance

number

Expects a Float

Returns

this

Inherited from

Group.translateZ

---

traverse()

traverse(callback): void

Defined in: three.js/core/Object3D:traverse 

Executes the callback on this object and all descendants.

Parameters

callback

(object) => any

A function with as first argument an Object3D  object.

Returns

void

Remarks

Note: Modifying the scene graph inside the callback is discouraged.

Inherited from

Group.traverse

---

traverseAncestors()

traverseAncestors(callback): void

Defined in: three.js/core/Object3D:traverseAncestors 

Executes the callback on all ancestors.

Parameters

callback

(object) => any

A function with as first argument an Object3D  object.

Returns

void

Remarks

Note: Modifying the scene graph inside the callback is discouraged.

Inherited from

Group.traverseAncestors

---

traverseVisible()

traverseVisible(callback): void

Defined in: three.js/core/Object3D:traverseVisible 

Like traverse, but the callback will only be executed for visible objects

Parameters

callback

(object) => any

A function with as first argument an Object3D  object.

Returns

void

Remarks

Descendants of invisible objects are not traversed. Note: Modifying the scene graph inside the callback is discouraged.

Inherited from

Group.traverseVisible

---

update()

update(deltaMs): void

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:478

Update animated tiles. Call this in your animation loop with delta time in milliseconds.

Parameters

deltaMs

number

Returns

void

---

updateMatrix()

updateMatrix(): void

Defined in: three.js/core/Object3D:updateMatrix 

Updates local transform.

Returns

void

Inherited from

Group.updateMatrix

---

updateMatrixWorld()

updateMatrixWorld(force?): void

Defined in: three.js/core/Object3D:updateMatrixWorld 

Updates the global transform of the object. And will update the object descendants if .matrixWorldNeedsUpdate is set to true or if the force parameter is set to true.

Parameters

force?

boolean

A boolean that can be used to bypass .matrixWorldAutoUpdate, to recalculate the world matrix of the object and descendants on the current frame. Useful if you cannot wait for the renderer to update it on the next frame, assuming .matrixWorldAutoUpdate set to true.

Returns

void

Inherited from

Group.updateMatrixWorld

---

updateWorldMatrix()

updateWorldMatrix(updateParents, updateChildren): void

Defined in: three.js/core/Object3D:updateWorldMatrix 

Updates the global transform of the object.

Parameters

updateParents

boolean

Recursively updates global transform of ancestors.

updateChildren

boolean

Recursively updates global transform of descendants.

Returns

void

Inherited from

Group.updateWorldMatrix

---

worldToLocal()

worldToLocal(vector): Vector3 

Defined in: three.js/core/Object3D:worldToLocal 

Converts the vector from world space to this object’s local space.

Parameters

vector

Vector3 

A vector representing a position in world space.

Returns

Vector3 

Inherited from

Group.worldToLocal

---

worldToTile()

worldToTile(worldX, worldY): object

Defined in: packages/three-flatland/src/tilemap/TileMap2D.ts:547

Convert world position to tile coordinates (in Tiled’s Y-down system).

Parameters

worldX

number

worldY

number

Returns

object

x

x: number

y

y: number