Class: ScreenRectangle

Defined in: mobjects/frame/index.ts:46

ScreenRectangle - A rectangle that matches a screen/frame aspect ratio

Creates a rectangle where the width is calculated from the height and aspect ratio. Useful for creating screen-like shapes or video frame outlines.

Example

// Create a 16:9 screen rectangle with height 4
const screen = new ScreenRectangle();

// Create a 4:3 screen rectangle
const oldScreen = new ScreenRectangle({ aspectRatio: 4/3 });

// Create a larger screen
const bigScreen = new ScreenRectangle({ height: 6 });

Extends

• Rectangle

Constructors

Constructor

new ScreenRectangle(options): ScreenRectangle

Defined in: mobjects/frame/index.ts:49

Parameters

options

ScreenRectangleOptions = {}

Returns

ScreenRectangle

Overrides

Rectangle.constructor

Properties

__savedMobjectState

__savedMobjectState: unknown = null

Defined in: core/Mobject.ts:82

JSON-serializable saved state (used by restoreState()).

Inherited from

Rectangle.__savedMobjectState

---

_centerPoint

protected _centerPoint: Vector3Tuple

Defined in: mobjects/geometry/Rectangle.ts:43

Inherited from

Rectangle._centerPoint

---

_color

protected _color: string = '#ffffff'

Defined in: core/Mobject.ts:57

Inherited from

Rectangle._color

---

_dirty

_dirty: boolean = true

Defined in: core/Mobject.ts:75

Inherited from

Rectangle._dirty

---

_disableChildZLayering

protected _disableChildZLayering: boolean = false

Defined in: core/Mobject.ts:72

When true, children skip the 2D z-layering offset in _syncToThree.

Inherited from

Rectangle._disableChildZLayering

---

_fillMaterial

protected _fillMaterial: MeshBasicMaterial = null

Defined in: core/VMobjectRendering.ts:39

Three.js fill material

Inherited from

Rectangle._fillMaterial

---

_geometryDirty

protected _geometryDirty: boolean = true

Defined in: core/VMobjectRendering.ts:42

Whether geometry needs rebuild (separate from material dirty)

Inherited from

Rectangle._geometryDirty

---

_height

protected _height: number

Defined in: mobjects/geometry/Rectangle.ts:42

Inherited from

Rectangle._height

---

_opacity

protected _opacity: number = 1

Defined in: core/Mobject.ts:68

Inherited from

Rectangle._opacity

---

_points3D

protected _points3D: number[][] = []

Defined in: core/VMobject.ts:38

Array of cubic Bezier control points in 3D. Each point is [x, y, z]. Stored as: [anchor1, handle1, handle2, anchor2, handle3, handle4, anchor3, ...]

Inherited from

Rectangle._points3D

---

_sceneFrameWidth

_sceneFrameWidth: number = null

Defined in: core/VMobjectRendering.ts:78

Inherited from

Rectangle._sceneFrameWidth

---

_sceneRendererHeight

_sceneRendererHeight: number = null

Defined in: core/VMobjectRendering.ts:77

Inherited from

Rectangle._sceneRendererHeight

---

_sceneRendererWidth

_sceneRendererWidth: number = null

Defined in: core/VMobjectRendering.ts:76

Per-instance renderer context (set by Scene when VMobject is added). When non-null these override the class-level statics so that multiple Scene instances do not corrupt each other's stroke-width calculations.

Inherited from

Rectangle._sceneRendererWidth

---

_strokeMaterial

protected _strokeMaterial: LineMaterial = null

Defined in: core/VMobjectRendering.ts:36

Three.js stroke material (Line2 LineMaterial for thick strokes)

Inherited from

Rectangle._strokeMaterial

---

_style

protected _style: MobjectStyle

Defined in: core/Mobject.ts:73

Inherited from

Rectangle._style

---

_threeObject

_threeObject: Object3D<Object3DEventMap> = null

Defined in: core/Mobject.ts:74

Inherited from

Rectangle._threeObject

---

_visiblePointCount

protected _visiblePointCount: number = null

Defined in: core/VMobject.ts:41

Number of points visible (for Create animation)

Inherited from

Rectangle._visiblePointCount

---

_width

protected _width: number

Defined in: mobjects/geometry/Rectangle.ts:41

Inherited from

Rectangle._width

---

children

children: Mobject[] = []

Defined in: core/Mobject.ts:52

Inherited from

Rectangle.children

---

createdAtBeginning

createdAtBeginning: boolean = false

Defined in: core/Mobject.ts:56

Inherited from

Rectangle.createdAtBeginning

---

fillOpacity

fillOpacity: number = 0

Defined in: core/Mobject.ts:70

Inherited from

Rectangle.fillOpacity

---

id

readonly id: string

Defined in: core/Mobject.ts:50

Inherited from

Rectangle.id

---

parent

parent: Mobject = null

Defined in: core/Mobject.ts:51

Inherited from

Rectangle.parent

---

position

position: Vector3

Defined in: core/Mobject.ts:53

Inherited from

Rectangle.position

---

rotation

rotation: Euler

Defined in: core/Mobject.ts:54

Inherited from

Rectangle.rotation

---

savedState

savedState: Mobject = null

Defined in: core/Mobject.ts:78

Saved mobject copy (used by Restore animation). Set by saveState().

Inherited from

Rectangle.savedState

---

scaleVector

scaleVector: Vector3

Defined in: core/Mobject.ts:55

Inherited from

Rectangle.scaleVector

---

strokeWidth

strokeWidth: number = 4

Defined in: core/Mobject.ts:69

Inherited from

Rectangle.strokeWidth

---

targetCopy

targetCopy: Mobject = null

Defined in: core/Mobject.ts:80

Target copy used by generateTarget() / MoveToTarget animation.

Inherited from

Rectangle.targetCopy

---

useStrokeMesh

useStrokeMesh: boolean = false

Defined in: core/VMobjectRendering.ts:146

When true, render stroke as a mesh ring with miter-joined corners instead of Line2 for closed paths.

Inherited from

Rectangle.useStrokeMesh

---

_frameWidth

static _frameWidth: number = 14

Defined in: core/VMobjectRendering.ts:69

Camera frame width in world units (set by Scene, for stroke width conversion)

Inherited from

Rectangle._frameWidth

---

_rendererHeight

static _rendererHeight: number = 450

Defined in: core/VMobjectRendering.ts:66

Inherited from

Rectangle._rendererHeight

---

_rendererWidth

static _rendererWidth: number = 800

Defined in: core/VMobjectRendering.ts:65

Renderer resolution for LineMaterial (set by Scene)

Inherited from

Rectangle._rendererWidth

---

useShaderCurves

static useShaderCurves: boolean = false

Defined in: core/VMobjectRendering.ts:131

When true, VMobjects use GPU Bezier SDF shaders for stroke rendering instead of the default Line2/LineMaterial approach.

Inherited from

Rectangle.useShaderCurves

Accessors

color

Get Signature

get color(): string

Defined in: core/Mobject.ts:58

Returns

string

Set Signature

set color(value): void

Defined in: core/Mobject.ts:61

Parameters

value

string

Returns

void

Inherited from

Rectangle.color

---

fillColor

Get Signature

get fillColor(): string

Defined in: core/Mobject.ts:171

Returns

string

Set Signature

set fillColor(color): void

Defined in: core/Mobject.ts:175

Parameters

color

string

Returns

void

Inherited from

Rectangle.fillColor

---

isDirty

Get Signature

get isDirty(): boolean

Defined in: core/Mobject.ts:448

Returns

boolean

Inherited from

Rectangle.isDirty

---

numPoints

Get Signature

get numPoints(): number

Defined in: core/VMobject.ts:108

Get the number of points

Returns

number

Inherited from

Rectangle.numPoints

---

opacity

Get Signature

get opacity(): number

Defined in: core/Mobject.ts:101

Returns

number

Set Signature

set opacity(value): void

Defined in: core/Mobject.ts:105

Parameters

value

number

Returns

void

Inherited from

Rectangle.opacity

---

points

Get Signature

get points(): Point[]

Defined in: core/VMobject.ts:58

Get all points as 2D Point objects (derived from _points3D)

Returns

Point[]

Inherited from

Rectangle.points

---

shaderCurves

Get Signature

get shaderCurves(): boolean

Defined in: core/VMobjectRendering.ts:168

Check whether this instance should use shader-based Bezier curve rendering.

Returns

boolean

Set Signature

set shaderCurves(value): void

Defined in: core/VMobjectRendering.ts:173

Enable or disable shader-based Bezier rendering for this instance.

Parameters

value

boolean

Returns

void

Inherited from

Rectangle.shaderCurves

---

style

Get Signature

get style(): MobjectStyle

Defined in: core/Mobject.ts:109

Returns

MobjectStyle

Inherited from

Rectangle.style

---

submobjects

Get Signature

get submobjects(): Mobject[]

Defined in: core/Mobject.ts:123

Returns

Mobject[]

Inherited from

Rectangle.submobjects

---

visiblePointCount

Get Signature

get visiblePointCount(): number

Defined in: core/VMobject.ts:115

Get the number of visible points (for Create animation)

Returns

number

Set Signature

set visiblePointCount(count): void

Defined in: core/VMobject.ts:122

Set the number of visible points (for Create animation)

Parameters

count

number

Returns

void

Inherited from

Rectangle.visiblePointCount

Methods

_buildEarcutFillGeometry()

protected _buildEarcutFillGeometry(points3D): BufferGeometry<NormalBufferAttributes, BufferGeometryEventMap>

Defined in: core/VMobjectRendering.ts:204

Parameters

points3D

number[][]

Returns

BufferGeometry<NormalBufferAttributes, BufferGeometryEventMap>

Inherited from

Rectangle._buildEarcutFillGeometry

---

_createCopy()

protected _createCopy(): ScreenRectangle

Defined in: mobjects/frame/index.ts:88

Create a copy of this ScreenRectangle

Returns

ScreenRectangle

Overrides

Rectangle._createCopy

---

_createThreeObject()

protected _createThreeObject(): Object3D

Defined in: core/VMobjectRendering.ts:216

Create the Three.js backing object for this VMobject.

Returns

Object3D

Inherited from

Rectangle._createThreeObject

---

_disposeRenderingResources()

protected _disposeRenderingResources(): void

Defined in: core/VMobjectRendering.ts:613

Returns

void

Inherited from

Rectangle._disposeRenderingResources

---

_getBoundingBox()

_getBoundingBox(): object

Defined in: core/Mobject.ts:367

Returns

object

depth

depth: number

height

height: number

width

width: number

Deprecated

Use getBoundingBox() instead.

Inherited from

Rectangle._getBoundingBox

---

_getEdgeInDirection()

_getEdgeInDirection(direction): Vector3Tuple

Defined in: core/Mobject.ts:360

Parameters

direction

Vector3Tuple

Returns

Vector3Tuple

Inherited from

Rectangle._getEdgeInDirection

---

_interpolatePointList3D()

protected _interpolatePointList3D(points, targetCount): number[][]

Defined in: core/VMobject.ts:448

Interpolate a 3D point list to have a specific number of points.

Parameters

points

number[][]

targetCount

number

Returns

number[][]

Inherited from

Rectangle._interpolatePointList3D

---

_markDirty()

_markDirty(): void

Defined in: core/Mobject.ts:438

Returns

void

Inherited from

Rectangle._markDirty

---

_markDirtyUpward()

_markDirtyUpward(): void

Defined in: core/Mobject.ts:442

Returns

void

Inherited from

Rectangle._markDirtyUpward

---

_pointsToCurvePath()

protected _pointsToCurvePath(): CurvePath<Vector3>

Defined in: core/VMobjectRendering.ts:200

Returns

CurvePath<Vector3>

Inherited from

Rectangle._pointsToCurvePath

---

_pointsToShape()

protected _pointsToShape(): Shape

Defined in: core/VMobjectRendering.ts:196

Returns

Shape

Inherited from

Rectangle._pointsToShape

---

_setSceneContext()

_setSceneContext(rendererWidth, rendererHeight, frameWidth): void

Defined in: core/VMobjectRendering.ts:109

Set per-instance scene context for multi-scene support. Called by Scene when a VMobject is added or the scene is resized.

Parameters

rendererWidth

number

rendererHeight

number

frameWidth

number

Returns

void

Inherited from

Rectangle._setSceneContext

---

_syncMaterialToThree()

protected _syncMaterialToThree(): void

Defined in: core/VMobjectRendering.ts:555

Returns

void

Inherited from

Rectangle._syncMaterialToThree

---

_syncToThree()

_syncToThree(): void

Defined in: core/Mobject.ts:416

Returns

void

Inherited from

Rectangle._syncToThree

---

_updateGeometry()

protected _updateGeometry(group): void

Defined in: core/VMobjectRendering.ts:245

Update the geometry within the Three.js group.

Parameters

group

Group

Returns

void

Inherited from

Rectangle._updateGeometry

---

add()

add(...mobjects): this

Defined in: core/Mobject.ts:247

Parameters

mobjects

...Mobject[]

Returns

this

Inherited from

Rectangle.add

---

addPoints()

addPoints(...points): this

Defined in: core/VMobject.ts:168

Add points to this VMobject using 2D Point objects

Parameters

points

...Point[]

Returns

this

Inherited from

Rectangle.addPoints

---

addPointsAsCorners()

addPointsAsCorners(corners): this

Defined in: core/VMobject.ts:223

Add straight line segments from the last point to each corner. Each corner creates a new cubic Bezier segment with linear handles. Matches Manim's add_points_as_corners.

Parameters

corners

number[][]

Array of [x, y, z] corner points to connect to

Returns

this

this for chaining

Inherited from

Rectangle.addPointsAsCorners

---

addUpdater()

addUpdater(updater, callOnAdd): this

Defined in: core/Mobject.ts:474

Parameters

updater

UpdaterFunction

callOnAdd

boolean = false

Returns

this

Inherited from

Rectangle.addUpdater

---

alignPoints()

alignPoints(target): void

Defined in: core/VMobject.ts:322

Align points between this VMobject and a target so they have the same count, consistent winding, and optimal rotation for smooth morphing.

Parameters

target

VMobject

The target VMobject to align with

Returns

void

Inherited from

Rectangle.alignPoints

---

alignTo()

alignTo(target, direction): this

Defined in: core/Mobject.ts:345

Parameters

target

Mobject | Vector3Tuple

direction

Vector3Tuple

Returns

this

Inherited from

Rectangle.alignTo

---

applyFunction()

applyFunction(fn): this

Defined in: core/Mobject.ts:504

Parameters

fn

(point) => number[]

Returns

this

Inherited from

Rectangle.applyFunction

---

applyToFamily()

applyToFamily(func): this

Defined in: core/Mobject.ts:462

Parameters

func

(mobject) => void

Returns

this

Inherited from

Rectangle.applyToFamily

---

become()

become(other): this

Defined in: core/Mobject.ts:294

Parameters

other

Mobject

Returns

this

Inherited from

Rectangle.become

---

center()

center(): this

Defined in: core/Mobject.ts:397

Returns

this

Inherited from

Rectangle.center

---

clearPoints()

clearPoints(): this

Defined in: core/VMobject.ts:257

Clear all points

Returns

this

Inherited from

Rectangle.clearPoints

---

clearUpdaters()

clearUpdaters(): this

Defined in: core/Mobject.ts:486

Returns

this

Inherited from

Rectangle.clearUpdaters

---

copy()

copy(): VMobject

Defined in: core/VMobject.ts:496

Create a copy of this VMobject. Subclasses override _createCopy() to produce an instance of the right concrete type (Circle, Square, etc.), but those constructors typically regenerate points from their own parameters (radius, sideLength, ...). After a Transform animation has morphed the point data, the regenerated points no longer match the actual visual state. We therefore always overwrite the clone's _points3D with the source's current data.

Returns

VMobject

Inherited from

Rectangle.copy

---

dispose()

dispose(): void

Defined in: core/VMobject.ts:616

Clean up Three.js resources

Returns

void

Inherited from

Rectangle.dispose

---

flip()

flip(axis): this

Defined in: core/Mobject.ts:225

Parameters

axis

Vector3Tuple = ...

Returns

this

Inherited from

Rectangle.flip

---

generateTarget()

generateTarget(): Mobject

Defined in: core/Mobject.ts:516

Returns

Mobject

Inherited from

Rectangle.generateTarget

---

getArea()

getArea(): number

Defined in: mobjects/geometry/Rectangle.ts:169

Get the area of the rectangle

Returns

number

Inherited from

Rectangle.getArea

---

getAspectRatio()

getAspectRatio(): number

Defined in: mobjects/frame/index.ts:62

Get the aspect ratio of this screen rectangle

Returns

number

---

getBottom()

getBottom(): Vector3Tuple

Defined in: mobjects/geometry/Rectangle.ts:212

Get the bottom edge center

Returns

Vector3Tuple

Inherited from

Rectangle.getBottom

---

getBoundingBox()

getBoundingBox(): object

Defined in: core/Mobject.ts:363

Returns

object

depth

depth: number

height

height: number

width

width: number

Inherited from

Rectangle.getBoundingBox

---

getBounds()

getBounds(): object

Defined in: core/Mobject.ts:310

Returns

object

max

max: object

max.x

x: number

max.y

y: number

max.z

z: number

min

min: object

min.x

x: number

min.y

y: number

min.z

z: number

Inherited from

Rectangle.getBounds

---

getCenter()

getCenter(): Vector3Tuple

Defined in: core/VMobject.ts:548

Get the center of this VMobject based on its points. Uses bounding box center (matching Python Manim's get_center behavior) rather than point centroid, which is inaccurate for Bezier control points.

Returns

Vector3Tuple

Inherited from

Rectangle.getCenter

---

getCorner()

getCorner(corner): Vector3Tuple

Defined in: mobjects/geometry/Rectangle.ts:183

Get a specific corner of the rectangle

Parameters

corner

"topLeft" | "topRight" | "bottomRight" | "bottomLeft"

Returns

Vector3Tuple

Inherited from

Rectangle.getCorner

---

getEdge()

getEdge(direction): Vector3Tuple

Defined in: core/Mobject.ts:370

Parameters

direction

Vector3Tuple

Returns

Vector3Tuple

Inherited from

Rectangle.getEdge

---

getFamily()

getFamily(): Mobject[]

Defined in: core/Mobject.ts:468

Returns

Mobject[]

Inherited from

Rectangle.getFamily

---

getHeight()

getHeight(): number

Defined in: mobjects/geometry/Rectangle.ts:137

Get the height of the rectangle

Returns

number

Inherited from

Rectangle.getHeight

---

getLeft()

getLeft(): Vector3Tuple

Defined in: mobjects/geometry/Rectangle.ts:219

Get the left edge center

Returns

Vector3Tuple

Inherited from

Rectangle.getLeft

---

getPerimeter()

getPerimeter(): number

Defined in: mobjects/geometry/Rectangle.ts:176

Get the perimeter of the rectangle

Returns

number

Inherited from

Rectangle.getPerimeter

---

getPoints()

getPoints(): number[][]

Defined in: core/VMobject.ts:101

Get all points defining this VMobject as 3D arrays

Returns

number[][]

Copy of the points array

Inherited from

Rectangle.getPoints

---

getRectCenter()

getRectCenter(): Vector3Tuple

Defined in: mobjects/geometry/Rectangle.ts:153

Get the center of the rectangle

Returns

Vector3Tuple

Inherited from

Rectangle.getRectCenter

---

getRight()

getRight(): Vector3Tuple

Defined in: mobjects/geometry/Rectangle.ts:226

Get the right edge center

Returns

Vector3Tuple

Inherited from

Rectangle.getRight

---

getThreeObject()

getThreeObject(): Object3D

Defined in: core/Mobject.ts:452

Returns

Object3D

Inherited from

Rectangle.getThreeObject

---

getTop()

getTop(): Vector3Tuple

Defined in: mobjects/geometry/Rectangle.ts:205

Get the top edge center

Returns

Vector3Tuple

Inherited from

Rectangle.getTop

---

getUnitVector()

getUnitVector(): Vector3Tuple

Defined in: core/VMobject.ts:524

Get the unit vector from the first to the last point of this VMobject, accounting for the object's current rotation transform.

Returns

Vector3Tuple

Inherited from

Rectangle.getUnitVector

---

getUpdaters()

getUpdaters(): UpdaterFunction[]

Defined in: core/Mobject.ts:493

Returns

UpdaterFunction[]

Inherited from

Rectangle.getUpdaters

---

getVisiblePointCount()

getVisiblePointCount(): number

Defined in: core/VMobject.ts:157

Get the visible point count (null means all points visible).

Returns

number

Inherited from

Rectangle.getVisiblePointCount

---

getVisiblePoints()

getVisiblePoints(): Point[]

Defined in: core/VMobject.ts:131

Get points that should be visible (for rendering) as 2D Points

Returns

Point[]

Inherited from

Rectangle.getVisiblePoints

---

getVisiblePoints3D()

getVisiblePoints3D(): number[][]

Defined in: core/VMobject.ts:139

Get points that should be visible (for rendering) as 3D arrays

Returns

number[][]

Inherited from

Rectangle.getVisiblePoints3D

---

getWidth()

getWidth(): number

Defined in: mobjects/geometry/Rectangle.ts:121

Get the width of the rectangle

Returns

number

Inherited from

Rectangle.getWidth

---

hasUpdaters()

hasUpdaters(): boolean

Defined in: core/Mobject.ts:490

Returns

boolean

Inherited from

Rectangle.hasUpdaters

---

interpolate()

interpolate(target, alpha): this

Defined in: core/VMobject.ts:275

Interpolate this VMobject towards a target VMobject

Parameters

target

VMobject

The target VMobject to interpolate towards

alpha

number

Progress from 0 (this) to 1 (target)

Returns

this

this for chaining

Inherited from

Rectangle.interpolate

---

markGeometryDirty()

markGeometryDirty(): void

Defined in: core/VMobjectRendering.ts:180

Mark geometry as needing rebuild on next render.

Returns

void

Inherited from

Rectangle.markGeometryDirty

---

moveTo()

moveTo(target, alignedEdge?): this

Defined in: core/Mobject.ts:192

Parameters

target

Mobject | Vector3Tuple

alignedEdge?

Vector3Tuple

Returns

this

Inherited from

Rectangle.moveTo

---

moveToAligned()

moveToAligned(target, alignedEdge?): this

Defined in: core/Mobject.ts:355

Parameters

target

Mobject | Vector3Tuple

alignedEdge?

Vector3Tuple

Returns

this

Inherited from

Rectangle.moveToAligned

---

nextTo()

nextTo(target, direction, buff): this

Defined in: core/Mobject.ts:328

Parameters

target

Mobject | Vector3Tuple

direction

Vector3Tuple = RIGHT

buff

number = 0.25

Returns

this

Inherited from

Rectangle.nextTo

---

prepareForNonlinearTransform()

prepareForNonlinearTransform(numPieces): this

Defined in: core/Mobject.ts:509

Parameters

numPieces

number = 50

Returns

this

Inherited from

Rectangle.prepareForNonlinearTransform

---

remove()

remove(...mobjects): this

Defined in: core/Mobject.ts:260

Parameters

mobjects

...Mobject[]

Returns

this

Inherited from

Rectangle.remove

---

removeUpdater()

removeUpdater(updater): this

Defined in: core/Mobject.ts:480

Parameters

updater

UpdaterFunction

Returns

this

Inherited from

Rectangle.removeUpdater

---

replace()

replace(target, stretch): this

Defined in: core/Mobject.ts:299

Parameters

target

Mobject

stretch

boolean = false

Returns

this

Inherited from

Rectangle.replace

---

restoreState()

restoreState(): boolean

Defined in: core/Mobject.ts:526

Returns

boolean

Inherited from

Rectangle.restoreState

---

rotate()

rotate(angle, axisOrOptions?): this

Defined in: core/Mobject.ts:213

Rotate the mobject around an axis. Delegates to rotateMobject for the heavy lifting.

Parameters

angle

number

axisOrOptions?

Vector3Tuple | { aboutPoint?: Vector3Tuple; axis?: Vector3Tuple; }

Returns

this

Inherited from

Rectangle.rotate

---

rotateAboutOrigin()

rotateAboutOrigin(angle, axis): this

Defined in: core/Mobject.ts:221

Parameters

angle

number

axis

Vector3Tuple = ...

Returns

this

Inherited from

Rectangle.rotateAboutOrigin

---

saveState()

saveState(): this

Defined in: core/Mobject.ts:521

Returns

this

Inherited from

Rectangle.saveState

---

scale()

scale(factor): this

Defined in: core/Mobject.ts:233

Parameters

factor

number | Vector3Tuple

Returns

this

Inherited from

Rectangle.scale

---

setAspectRatio()

setAspectRatio(ratio): this

Defined in: mobjects/frame/index.ts:69

Set the aspect ratio, recalculating width while keeping height constant

Parameters

ratio

number

Returns

this

---

setColor()

setColor(color): this

Defined in: core/Mobject.ts:127

Parameters

color

string

Returns

this

Inherited from

Rectangle.setColor

---

setFill()

setFill(color?, opacity?): this

Defined in: core/Mobject.ts:165

Parameters

color?

string

opacity?

number

Returns

this

Inherited from

Rectangle.setFill

---

setFillOpacity()

setFillOpacity(opacity): this

Defined in: core/Mobject.ts:155

Parameters

opacity

number

Returns

this

Inherited from

Rectangle.setFillOpacity

---

setHeight()

setHeight(value): this

Defined in: mobjects/frame/index.ts:79

Override setHeight to maintain aspect ratio

Parameters

value

number

Returns

this

Overrides

Rectangle.setHeight

---

setOpacity()

setOpacity(opacity): this

Defined in: core/Mobject.ts:135

Parameters

opacity

number

Returns

this

Inherited from

Rectangle.setOpacity

---

setPoints()

setPoints(points): this

Defined in: core/VMobject.ts:68

Set the points defining this VMobject. Accepts either Point[] ({x, y} objects) or number[][] ([x, y, z] arrays).

Parameters

points

Array of points in either format

number[][] | Point[]

Returns

this

this for chaining

Inherited from

Rectangle.setPoints

---

setPoints3D()

setPoints3D(points): this

Defined in: core/VMobject.ts:93

Set the points defining this VMobject using 3D arrays (alias for setPoints with number[][])

Parameters

points

number[][]

Array of [x, y, z] control points for cubic Bezier curves

Returns

this

this for chaining

Inherited from

Rectangle.setPoints3D

---

setPointsAsCorners()

setPointsAsCorners(corners): this

Defined in: core/VMobject.ts:182

Set the points to form straight line segments between corner points. Each pair of consecutive corners becomes a cubic Bezier with linear handles. Matches Manim's set_points_as_corners.

Parameters

corners

number[][]

Array of [x, y, z] corner points

Returns

this

this for chaining

Inherited from

Rectangle.setPointsAsCorners

---

setRectCenter()

setRectCenter(value): this

Defined in: mobjects/geometry/Rectangle.ts:160

Set the center of the rectangle

Parameters

value

Vector3Tuple

Returns

this

Inherited from

Rectangle.setRectCenter

---

setStrokeWidth()

setStrokeWidth(width): this

Defined in: core/Mobject.ts:145

Parameters

width

number

Returns

this

Inherited from

Rectangle.setStrokeWidth

---

setStyle()

setStyle(style): this

Defined in: core/Mobject.ts:113

Parameters

style

Partial<MobjectStyle>

Returns

this

Inherited from

Rectangle.setStyle

---

setVisiblePointCount()

setVisiblePointCount(count): void

Defined in: core/VMobject.ts:148

Set visible point count for progressive creation animations. Use null to show all points.

Parameters

count

number

Returns

void

Inherited from

Rectangle.setVisiblePointCount

---

setWidth()

setWidth(value): this

Defined in: mobjects/geometry/Rectangle.ts:128

Set the width of the rectangle

Parameters

value

number

Returns

this

Inherited from

Rectangle.setWidth

---

setX()

setX(x): this

Defined in: core/Mobject.ts:385

Parameters

x

number

Returns

this

Inherited from

Rectangle.setX

---

setY()

setY(y): this

Defined in: core/Mobject.ts:389

Parameters

y

number

Returns

this

Inherited from

Rectangle.setY

---

setZ()

setZ(z): this

Defined in: core/Mobject.ts:393

Parameters

z

number

Returns

this

Inherited from

Rectangle.setZ

---

shift()

shift(delta): this

Defined in: core/Mobject.ts:184

Parameters

delta

Vector3Tuple

Returns

this

Inherited from

Rectangle.shift

---

toCorner()

toCorner(direction, buff, frameDimensions?): this

Defined in: core/Mobject.ts:406

Parameters

direction

Vector3Tuple = ...

buff

number = 0.5

frameDimensions?

[number, number]

Returns

this

Inherited from

Rectangle.toCorner

---

toEdge()

toEdge(direction, buff, frameDimensions?): this

Defined in: core/Mobject.ts:401

Parameters

direction

Vector3Tuple

buff

number = 0.5

frameDimensions?

[number, number]

Returns

this

Inherited from

Rectangle.toEdge

---

update()

update(dt): void

Defined in: core/Mobject.ts:497

Parameters

dt

number

Returns

void

Inherited from

Rectangle.update

---

_toLinewidth()

static _toLinewidth(this, strokeWidth): number

Defined in: core/VMobjectRendering.ts:123

Convert Manim-compatible strokeWidth to LineMaterial linewidth in pixels. Python Manim uses cairo_line_width_multiple=0.01, so: linewidth_px = strokeWidth * 0.01 * (rendererWidth / frameWidth)

NOTE: This static method uses class-level statics. For multi-scene correctness, internal code should use the instance method _computeLinewidth().

Parameters

this

typeof VMobjectRendering

strokeWidth

number

Returns

number

Inherited from

Rectangle._toLinewidth