Home

Class: RenderManager

Class: RenderManager

렌더링을 위해 HTML에서 제공하는 API중 하나인 를 사용한다. RenderManager는 Canvas를 다루는 기능을 제공한다. Canvas는 두 개가 있는데, 화면에 드러날 renderCanvas와 이미지에 오버레이를 씌우기 위해 쓰는 bufferCanvas가 있다. Canvas의 크기, 해상도를 바꾸는 책임도 맡는다.

Usage

                    
                        new RenderManager()
Source:
./src/engine/core/render-manager.js, line 14

Members

Methods

(static) render()

현재 씬을 렌더링한다.

  1. 먼저 게임화면의 크기를 브라우저의 크기에 맞춘다.
  2. 그다음 화면을 지운다.
  3. 깨끗해진 화면에 현재 프레임의 모든 오브젝트를 렌더링한다.
Source:
./src/engine/core/render-manager.js, line 80

(static) changeResolution(width, height)

renderCanvas의 크기(width, height)를 변경한다. 크기를 변경하면 style에도 영향이 있기 때문에 renderCanvas의 CSS도 변경한다.

Source:
./src/engine/core/render-manager.js, line 101
Parameters:
Name Type Description
width number

가로 크기
height number

세로 크기

(static) updateRenderCanvasSizeByWindowSize()

브라우저의 크기에 따라 canvas의 크기를 조절한다. 조절한 크기를 renderCanvas의 style에 적용한다.

Source:
./src/engine/core/render-manager.js, line 130

(static) changeRenderCanvasStyleVariable(width, height)

renderCanvas의 style에 사용되는 변수를 업데이트하여 화면에 나타나는 renderCanvans의 크기를 변경한다.

Source:
./src/engine/core/render-manager.js, line 171
Parameters:
Name Type Description
width number

가로 크기
height number

세로 크기

(static) changeBufferCanvasResolution(width, height)

bufferCanvas의 크기(width, height)를 변경한다.

Source:
./src/engine/core/render-manager.js, line 183
Parameters:
Name Type Description
width number

가로 크기
height number

세로 크기

(static) getRenderCanvas() → {RenderCanvasContext2d}

renderCanvas를 getElementById로 찾아 반환한다. 만약 존재하지 않는 element라면 새로 element를 생성해 반환한다.

Source:
./src/engine/core/render-manager.js, line 195
Returns:
Type:
{RenderCanvasContext2d}

(static) getBufferCanvas() → {RenderCanvasContext2d}

bufferCanvas를 getElementById로 찾아 반환한다. 만약 존재하지 않는 element라면 새로 element를 생성해 반환한다.

Source:
./src/engine/core/render-manager.js, line 216
Returns:
Type:
{RenderCanvasContext2d}