sunyu
/
live2demo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix sprite buffer memory leak

translate
Jun Koyama 2019-05-08 11:27:25 +09:00
parent ea8be62fc3
commit 7f417e07a1
2 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Sample/TypeScript/Demo/index.html
View File

@ -4,6 +4,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>TypeScript HTML App</title> <title>TypeScript HTML App</title>
<meta name="viewport" content="width=1900">
</head> </head>
<body> <body>
<!-- Canvas --> <!-- Canvas -->

24
Sample/TypeScript/Demo/src/lappsprite.ts
View File

@ -104,12 +104,12 @@ import { gl, canvas } from "./lappdelegate";
// uvバッファ、座標初期化 // uvバッファ、座標初期化
{ {
this._uvArray = [ this._uvArray = new Float32Array([
1.0, 0.0, 1.0, 0.0,
0.0, 0.0, 0.0, 0.0,
0.0, 1.0, 0.0, 1.0,
1.0, 1.0 1.0, 1.0
]; ]);
// uvバッファを作成 // uvバッファを作成
this._uvBuffer = gl.createBuffer(); this._uvBuffer = gl.createBuffer();
@ -121,12 +121,12 @@ import { gl, canvas } from "./lappdelegate";
let maxHeight = canvas.height; let maxHeight = canvas.height;
// 頂点データ // 頂点データ
this._positionArray = [ this._positionArray = new Float32Array([
(this._rect.right - maxWidth * 0.5) / (maxWidth * 0.5), (this._rect.up - maxHeight * 0.5) / (maxHeight * 0.5), (this._rect.right - maxWidth * 0.5) / (maxWidth * 0.5), (this._rect.up - maxHeight * 0.5) / (maxHeight * 0.5),
(this._rect.left - maxWidth * 0.5) / (maxWidth * 0.5), (this._rect.up - maxHeight * 0.5) / (maxHeight * 0.5), (this._rect.left - maxWidth * 0.5) / (maxWidth * 0.5), (this._rect.up - maxHeight * 0.5) / (maxHeight * 0.5),
(this._rect.left - maxWidth * 0.5) / (maxWidth * 0.5), (this._rect.down - maxHeight * 0.5) / (maxHeight * 0.5), (this._rect.left - maxWidth * 0.5) / (maxWidth * 0.5), (this._rect.down - maxHeight * 0.5) / (maxHeight * 0.5),
(this._rect.right - maxWidth * 0.5) / (maxWidth * 0.5), (this._rect.down - maxHeight * 0.5) / (maxHeight * 0.5) (this._rect.right - maxWidth * 0.5) / (maxWidth * 0.5), (this._rect.down - maxHeight * 0.5) / (maxHeight * 0.5)
]; ]);
// 頂点バッファを作成 // 頂点バッファを作成
this._vertexBuffer = gl.createBuffer(); this._vertexBuffer = gl.createBuffer();
@ -135,10 +135,10 @@ import { gl, canvas } from "./lappdelegate";
// 頂点インデックスバッファ、初期化 // 頂点インデックスバッファ、初期化
{ {
// インデックスデータ // インデックスデータ
this._indexArray = [ this._indexArray = new Uint16Array([
0, 1, 2, 0, 1, 2,
3, 2, 0 3, 2, 0
]; ]);
// インデックスバッファを作成 // インデックスバッファを作成
this._indexBuffer = gl.createBuffer(); this._indexBuffer = gl.createBuffer();
@ -149,21 +149,21 @@ import { gl, canvas } from "./lappdelegate";
// UV座標登録 // UV座標登録
gl.bindBuffer(gl.ARRAY_BUFFER, this._uvBuffer); gl.bindBuffer(gl.ARRAY_BUFFER, this._uvBuffer);
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(this._uvArray), gl.STATIC_DRAW); gl.bufferData(gl.ARRAY_BUFFER, this._uvArray, gl.STATIC_DRAW);
// attribute属性を登録 // attribute属性を登録
gl.vertexAttribPointer(this._uvLocation, 2, gl.FLOAT, false, 0, 0); gl.vertexAttribPointer(this._uvLocation, 2, gl.FLOAT, false, 0, 0);
// 頂点座標を登録 // 頂点座標を登録
gl.bindBuffer(gl.ARRAY_BUFFER, this._vertexBuffer); gl.bindBuffer(gl.ARRAY_BUFFER, this._vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(this._positionArray), gl.STATIC_DRAW); gl.bufferData(gl.ARRAY_BUFFER, this._positionArray, gl.STATIC_DRAW);
// attribute属性を登録 // attribute属性を登録
gl.vertexAttribPointer(this._positionLocation, 2, gl.FLOAT, false, 0, 0); gl.vertexAttribPointer(this._positionLocation, 2, gl.FLOAT, false, 0, 0);
// 頂点インデックスを作成 // 頂点インデックスを作成
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._indexBuffer); gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._indexBuffer);
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint16Array(this._indexArray), gl.DYNAMIC_DRAW); gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, this._indexArray, gl.DYNAMIC_DRAW);
// モデルの描画 // モデルの描画
gl.bindTexture(gl.TEXTURE_2D, this._texture); gl.bindTexture(gl.TEXTURE_2D, this._texture);
@ -198,9 +198,9 @@ import { gl, canvas } from "./lappdelegate";
_uvLocation: number; _uvLocation: number;
_textureLocation: WebGLUniformLocation; _textureLocation: WebGLUniformLocation;
_positionArray: number[]; _positionArray: Float32Array;
_uvArray: number[]; _uvArray: Float32Array;
_indexArray: number[]; _indexArray: Uint16Array;
_firstDraw: boolean; _firstDraw: boolean;
} }