Home: Class

Class: Rect

화면에 사각형을 그리는 객체다.

Usage

                    
                        new Rect(options)

Extends:: GameObject
Source:: ./src/engine/core/rect.js, line 13

Parameters:

Name Type Description


                        options

object

Properties

Name Type Default Description

nameopt string

widthopt number

heightopt number

isActiveopt boolean

isVisibleopt boolean

layeropt Layer

coloropt Color Random Color

isPhysicsEnableopt boolean false


                        boundaryopt

object

Properties

Name	Type	Description
`widthopt`	number
`heightopt`	number
`offsetopt`	number


                        transformopt

object

Properties

Name	Type	Default
`positionopt`	Vector	new Vector(0, 0)
`scaleopt`	Vector	new Vector(1, 1)
`rotationopt`	number	0


                        rigidbodyopt

object

Properties

Name	Type	Default
`massopt`	number	1
`bouncenessopt`	number	0.5
`staticFrictionopt`	number	0.2
`dynamicFrictionopt`	number	0.1
`isStaticopt`	boolean	false
`isGravityopt`	boolean	false
`isTriggeropt`	boolean	false

Members

isStroke: boolean

윤곽선을 그릴 것인지를 의미한다. 윤곽선을 그리기 위해서는 옵션에서 strokeColor나 strokeWidth를 설정하여야한다.

Type:: {boolean}
Extends:: GameObject#isStroke
Source:: ./src/engine/core/rect.js, line 98

strokeColor: Color

윤곽선의 색상을 의미한다. 만약 옵션에서 윤곽선에 대한 정보가 있다면 isStroke는 true로 설정되고 윤곽선의 색상이 설정된다.

Type:: {Color}
Extends:: GameObject#strokeColor
Source:: ./src/engine/core/rect.js, line 110

context2d: CanvasRenderingContext2d

canvas에 이 객체를 렌더링할 때 사용할 context다.

Type:: {CanvasRenderingContext2d}
Overrides:: GameObject#context2d
Source:: ./src/engine/core/game-object.js, line 57

name: string

생성된 객체의 이름을 말한다. 기본값으로는 생성자의 이름을 저장한다.

Type:: {string}
Overrides:: GameObject#name
Source:: ./src/engine/core/game-object.js, line 64

isVisible: boolean

화면에 이 객체를 그릴 것인지를 의미한다. 기본값은 true다.

Type:: {boolean}
Overrides:: GameObject#isVisible
Source:: ./src/engine/core/game-object.js, line 71

isActive: boolean

이 객체가 활성상태인지 의미한다. 만약 이 값이 false라면 update와 render가 실행되지 않는다. 이 값이 false라면 물리엔진에서도 수집하지 않는다. 기본값은 true다.

Type:: {boolean}
Overrides:: GameObject#isActive
Source:: ./src/engine/core/game-object.js, line 80

layer: Layer

객체의 레이어다.

Type:: {Layer}
Overrides:: GameObject#layer
Source:: ./src/engine/core/game-object.js, line 86

rigidbody: RigidBody

물리효과를 위한 강체다.

Type:: {RigidBody}
Overrides:: GameObject#rigidbody
Source:: ./src/engine/core/game-object.js, line 92

transform: Transform

이 객체의 좌표, 크기, 각도 등을 의미한다.

Type:: {Transform}
Overrides:: GameObject#transform
Source:: ./src/engine/core/game-object.js, line 102

isPhysicsEnable: boolean

이 객체에 물리효과를 적용할건지를 의미한다. 기본적으론 적용하지 않는다.

Type:: {boolean}
Overrides:: GameObject#isPhysicsEnable
Source:: ./src/engine/core/game-object.js, line 110

collider: BoxCollider

이 객체의 Collision 타입을 나타낸다. 기본값으로는 상자 형태(BoxCollider)를 사용한다.

Type:: {BoxCollider}
Overrides:: GameObject#collider
Source:: ./src/engine/core/game-object.js, line 118

color: Color

렌더링에 사용될 색상값이다.

Type:: {Color}
Overrides:: GameObject#color
Source:: ./src/engine/core/game-object.js, line 124

matrix: Matrix

이 객체의 transform을 행렬로 나타낸 결과다. canvas에서 좌표, 회전, 규모를 이용해 물체를 그리려면 행렬을 이용해야한다. 그래서 이 객체의 transform을 canvas에서 활용할 수 있게 matrix로 변환하여 저장한다.

Type:: {Matrix}
Overrides:: GameObject#matrix
Source:: ./src/engine/core/game-object.js, line 142

previousMatrix: Matrix

이전 프레임의 matrix와 현재 프레임의 matrix를 선형보간하기 위해 이전 프레임의 matrix를 저장해야한다.

Type:: {Matrix}
Overrides:: GameObject#previousMatrix
Source:: ./src/engine/core/game-object.js, line 149

childList: array

이 객체의 자식들을 저장할 테이블이다.

Type:: {array}
Overrides:: GameObject#childList
Source:: ./src/engine/core/game-object.js, line 155

parent: GameObject

이 객체의 부모 객체다. 부모의 matrix를 이용해 자신의 matrix를 만들고, 이 객체를 삭제할 때 부모에 의해 삭제되기 때문에 이 객체의 부모를 기억해야 한다.

Type:: {GameObject}
Overrides:: GameObject#parent
Source:: ./src/engine/core/game-object.js, line 164
Default Value:: undefined

Methods

draw()

화면에 사각형과 윤곽선을 그린다.

Extends:: GameObject#draw
Overrides:: GameObject#draw
Source:: ./src/engine/core/rect.js, line 134

setStrokeWidth(width)

윤곽선의 두께를 설정한다.

Extends:: GameObject#setStrokeWidth
Source:: ./src/engine/core/rect.js, line 169

Parameters:

Name	Type	Description
`width`	number	윤곽선의 두께

update(deltaTime)

GameObject 내에서는 단순히 이 오브젝트에 등록된 하위 GameObject들의 update를 실행시킨다.

Overrides:: GameObject#update
Source:: ./src/engine/core/game-object.js, line 173

Parameters:

Name	Type	Description
`deltaTime`	number	이전 프레임과 현재 프레임의 시간차

integrateForce(deltaTime)

가속도를 적분하여 속도에 누적한다.

Overrides:: GameObject#integrateForce
Source:: ./src/engine/core/game-object.js, line 186

Parameters:

Name	Type	Description
`deltaTime`	number	이전 프레임과 현재 프레임의 시간차

integrateVelocity(deltaTime)

속도를 적분하여 좌표값에 누적한다.

Overrides:: GameObject#integrateVelocity
Source:: ./src/engine/core/game-object.js, line 207

Parameters:

Name	Type	Description
`deltaTime`	number	이전 프레임과 현재 프레임의 시간차

calculateMatrix()

transform을 matrix로 변환한다. 이 때 부모 객체가 있다면 행렬곱을 수행해 두 matrix를 결합한다. 이 객체의 transform만 변환을 수행하지 않고 이 객체의 자식들에게도 calculateMatrix를 호출한다.

Overrides:: GameObject#calculateMatrix
Source:: ./src/engine/core/game-object.js, line 228

render()

먼저 선형보간한 matrix를 사용해 context에 등록한다. 그 다음 draw()를 통해 물체를 렌더링한다. 이 객체를 상속받은 Rect나 Circle처럼 자식객체에 따라 각각 다른 렌더링이 수행된다. 그 후 이 객체의 모든 자식들을 렌더링한다.

Overrides:: GameObject#render
Source:: ./src/engine/core/game-object.js, line 249

hasParentGameObject() → {boolean}

이 객체의 부모가 존재한다면 true를 반환한다.

Overrides:: GameObject#hasParentGameObject
Source:: ./src/engine/core/game-object.js, line 270

Returns:

Type:

{boolean}

multiplyParentMatrix()

자신의 transform을 matrix로 변환한 것과 부모의 matrix를 행렬곱한다.

Overrides:: GameObject#multiplyParentMatrix
Source:: ./src/engine/core/game-object.js, line 277

setTransform()

계산된 matrix를 context2d에 적용한다.

Overrides:: GameObject#setTransform
Source:: ./src/engine/core/game-object.js, line 285

beforeDraw()

렌더링 전에 색상값을 갱신한다거나 다른 작업이 미리 처리되어야 하는 경우 이 함수를 오버라이드해서 사용하면 된다.

이 객체에서는 기본적으로 색상값을 적용시키기 위해 globalAlpha값을 조절한다. context2d.save()를 통해 현재 설정값을 저장해두었으므로, 마음대로 변경 후 context2d.restore()로 되돌리게 된다. 따라서 현재 설정값이 자식들의 렌더링에 사용된다.