rapid-render 0.1.111 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +2 -2
- package/README.md +58 -51
- package/dist/buffer.d.ts +153 -0
- package/dist/color.d.ts +144 -0
- package/dist/draw.d.ts +83 -0
- package/dist/index.d.ts +13 -11
- package/dist/line.d.ts +16 -2
- package/dist/math.d.ts +20 -442
- package/dist/matrix-engine.d.ts +361 -0
- package/dist/particle.d.ts +181 -14
- package/dist/rapid-render.js +3499 -0
- package/dist/rapid-render.umd.cjs +319 -0
- package/dist/region/atlasSpriteRegion.d.ts +9 -0
- package/dist/region/graphicRegion.d.ts +40 -0
- package/dist/region/particleRegion.d.ts +16 -0
- package/dist/region/region.d.ts +43 -0
- package/dist/region/spriteRegion.d.ts +36 -0
- package/dist/render.d.ts +351 -188
- package/dist/texture.d.ts +219 -152
- package/dist/utils.d.ts +29 -1
- package/dist/vite.svg +1 -0
- package/dist/webgl/glshader.d.ts +107 -25
- package/dist/webgl/utils.d.ts +18 -8
- package/package.json +19 -17
- package/dist/depth.d.ts +0 -8
- package/dist/interface.d.ts +0 -165
- package/dist/light.d.ts +0 -5
- package/dist/log.d.ts +0 -2
- package/dist/rapid.global.js +0 -1
- package/dist/rapid.js +0 -1
- package/dist/rapid.umd.cjs +0 -1
- package/dist/regions/attributes.d.ts +0 -44
- package/dist/regions/graphic_region.d.ts +0 -15
- package/dist/regions/region.d.ts +0 -41
- package/dist/regions/sprite_region.d.ts +0 -18
- package/dist/tilemap.d.ts +0 -97
- package/dist/webgl/uniform.d.ts +0 -14
package/dist/webgl/utils.d.ts
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Rapid, TextureFilterMode } from '../render';
|
|
2
|
+
import { ITextOptions, TextureWrapMode } from '../texture';
|
|
3
|
+
export type WebGLContext = WebGL2RenderingContext;
|
|
4
|
+
export declare const supportsWebGL: (canvas: HTMLCanvasElement) => boolean;
|
|
2
5
|
/**
|
|
3
|
-
* get
|
|
6
|
+
* get webgl2 rendering context
|
|
4
7
|
* @param canvas
|
|
5
|
-
* @returns
|
|
8
|
+
* @returns webgl2
|
|
6
9
|
*/
|
|
7
|
-
export declare const getContext: (canvas: HTMLCanvasElement) => WebGLContext;
|
|
10
|
+
export declare const getContext: (canvas: HTMLCanvasElement, antialias?: boolean, premultipliedAlpha?: boolean) => WebGLContext;
|
|
8
11
|
/**
|
|
9
12
|
* compile string to webgl shader
|
|
10
13
|
* @param gl
|
|
@@ -21,17 +24,24 @@ export declare const compileShader: (gl: WebGLContext, source: string, type: num
|
|
|
21
24
|
* @returns
|
|
22
25
|
*/
|
|
23
26
|
export declare const createShaderProgram: (gl: WebGLContext, vsSource: string, fsSource: string) => WebGLProgram;
|
|
27
|
+
export declare function setTextureWrapMode(gl: WebGLRenderingContext | WebGL2RenderingContext, wrapMode: TextureWrapMode): void;
|
|
28
|
+
export declare function setTextureFilterMode(gl: WebGLRenderingContext | WebGL2RenderingContext, filterMode: TextureFilterMode): void;
|
|
29
|
+
export interface ICreateTextureOptions extends ITextOptions {
|
|
30
|
+
onlySize?: boolean;
|
|
31
|
+
}
|
|
24
32
|
/**
|
|
25
33
|
* Creates a WebGL texture either from an image source or as a blank texture
|
|
26
34
|
* @param gl - The WebGL rendering context
|
|
27
35
|
* @param source - The image source or dimensions for a blank texture
|
|
28
|
-
* @param
|
|
36
|
+
* @param filterMode - texture filter mode
|
|
29
37
|
* @returns A WebGL texture
|
|
30
38
|
*/
|
|
31
|
-
export declare function createTexture(
|
|
39
|
+
export declare function createTexture(render: Rapid, source: TexImageSource | {
|
|
32
40
|
width: number;
|
|
33
41
|
height: number;
|
|
34
|
-
},
|
|
35
|
-
export declare function
|
|
42
|
+
}, options: ICreateTextureOptions): WebGLTexture;
|
|
43
|
+
export declare function generateShader(fs: string, max: number): string;
|
|
36
44
|
export declare const FLOAT = 5126;
|
|
37
45
|
export declare const UNSIGNED_BYTE = 5121;
|
|
46
|
+
export declare function vertexAttribDivisor(gl: WebGLContext, index: number, divisor: number): void;
|
|
47
|
+
export declare function drawArraysInstanced(gl: WebGLContext, mode: number, first: number, count: number, instanceCount: number): void;
|
package/package.json
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rapid-render",
|
|
3
|
-
"
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "1.0.2",
|
|
4
5
|
"type": "module",
|
|
5
6
|
"files": [
|
|
6
|
-
"dist"
|
|
7
|
+
"dist",
|
|
8
|
+
"index.d.ts"
|
|
7
9
|
],
|
|
8
10
|
"main": "./dist/rapid.umd.cjs",
|
|
9
11
|
"module": "./dist/rapid.js",
|
|
@@ -14,22 +16,22 @@
|
|
|
14
16
|
"require": "./dist/rapid.umd.cjs"
|
|
15
17
|
},
|
|
16
18
|
"scripts": {
|
|
17
|
-
"dev
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
19
|
+
"dev": "vite",
|
|
20
|
+
"build": "tsc && vite build",
|
|
21
|
+
"build:docs": "vite build --config vite.docs.config.ts",
|
|
22
|
+
"docs": "typedoc",
|
|
23
|
+
"example:dev": "vite --config example/vite.config.ts",
|
|
24
|
+
"example:build": "vite build --config example/vite.config.ts"
|
|
22
25
|
},
|
|
23
26
|
"devDependencies": {
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"typedoc-theme-category-nav": "^0.0.3"
|
|
27
|
+
"typedoc": "^0.28.17",
|
|
28
|
+
"typescript": "~5.9.3",
|
|
29
|
+
"vite": "^7.3.1"
|
|
30
|
+
},
|
|
31
|
+
"dependencies": {
|
|
32
|
+
"@types/stats.js": "^0.17.4",
|
|
33
|
+
"highlight.js": "^11.11.1",
|
|
34
|
+
"stats.js": "^0.17.0",
|
|
35
|
+
"vite-plugin-dts": "^4.5.4"
|
|
34
36
|
}
|
|
35
37
|
}
|
package/dist/depth.d.ts
DELETED
package/dist/interface.d.ts
DELETED
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
import { Color, Vec2 } from "./math";
|
|
2
|
-
import { Texture } from "./texture";
|
|
3
|
-
import { TileSet } from "./tilemap";
|
|
4
|
-
import GLShader from "./webgl/glshader";
|
|
5
|
-
import { Uniform } from "./webgl/uniform";
|
|
6
|
-
/**
|
|
7
|
-
* @ignore
|
|
8
|
-
*/
|
|
9
|
-
export type WebGLContext = WebGL2RenderingContext | WebGLRenderingContext;
|
|
10
|
-
/**
|
|
11
|
-
* @ignore
|
|
12
|
-
*/
|
|
13
|
-
export interface IMathStruct<T> {
|
|
14
|
-
clone(obj: T): T;
|
|
15
|
-
copy(obj: T): void;
|
|
16
|
-
equal(obj: T): boolean;
|
|
17
|
-
}
|
|
18
|
-
export interface IRapidOptions {
|
|
19
|
-
canvas: HTMLCanvasElement;
|
|
20
|
-
width?: number;
|
|
21
|
-
height?: number;
|
|
22
|
-
backgroundColor?: Color;
|
|
23
|
-
antialias?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export interface IAttribute {
|
|
26
|
-
name: string;
|
|
27
|
-
size: number;
|
|
28
|
-
type: number;
|
|
29
|
-
normalized?: boolean;
|
|
30
|
-
stride: number;
|
|
31
|
-
offset?: number;
|
|
32
|
-
}
|
|
33
|
-
export interface ITransformOptions {
|
|
34
|
-
position?: Vec2;
|
|
35
|
-
scale?: Vec2 | number;
|
|
36
|
-
rotation?: number;
|
|
37
|
-
offset?: Vec2;
|
|
38
|
-
x?: number;
|
|
39
|
-
y?: number;
|
|
40
|
-
offsetX?: number;
|
|
41
|
-
offsetY?: number;
|
|
42
|
-
origin?: Vec2 | number;
|
|
43
|
-
restoreTransform?: boolean;
|
|
44
|
-
saveTransform?: boolean;
|
|
45
|
-
afterSave?(): unknown;
|
|
46
|
-
beforRestore?(): unknown;
|
|
47
|
-
}
|
|
48
|
-
export interface ISpriteRenderOptions extends ITransformOptions, IShaderRenderOptions {
|
|
49
|
-
color?: Color;
|
|
50
|
-
texture?: Texture;
|
|
51
|
-
offset?: Vec2;
|
|
52
|
-
flipX?: boolean;
|
|
53
|
-
flipY?: boolean;
|
|
54
|
-
}
|
|
55
|
-
export interface ITextTextureOptions {
|
|
56
|
-
/**
|
|
57
|
-
* The text string to be rendered.
|
|
58
|
-
*/
|
|
59
|
-
text?: string;
|
|
60
|
-
/**
|
|
61
|
-
* The font size for the text.
|
|
62
|
-
* Default is 16.
|
|
63
|
-
*/
|
|
64
|
-
fontSize?: number;
|
|
65
|
-
/**
|
|
66
|
-
* The font family for the text.
|
|
67
|
-
* Default is 'Arial'.
|
|
68
|
-
*/
|
|
69
|
-
fontFamily?: string;
|
|
70
|
-
/**
|
|
71
|
-
* The color of the text.
|
|
72
|
-
* Default is '#000000' (black).
|
|
73
|
-
*/
|
|
74
|
-
color?: string;
|
|
75
|
-
/**
|
|
76
|
-
* The alignment of the text.
|
|
77
|
-
* Possible values: 'left', 'right', 'center', 'start', 'end'.
|
|
78
|
-
* Default is 'left'.
|
|
79
|
-
*/
|
|
80
|
-
textAlign?: CanvasTextAlign;
|
|
81
|
-
/**
|
|
82
|
-
* The baseline of the text.
|
|
83
|
-
* Possible values: 'top', 'hanging', 'middle', 'alphabetic', 'ideographic', 'bottom'.
|
|
84
|
-
* Default is 'top'.
|
|
85
|
-
*/
|
|
86
|
-
textBaseline?: CanvasTextBaseline;
|
|
87
|
-
}
|
|
88
|
-
export interface ILineRenderOptions extends IGraphicRenderOptions {
|
|
89
|
-
width?: number;
|
|
90
|
-
closed?: boolean;
|
|
91
|
-
roundCap?: boolean;
|
|
92
|
-
textureMode?: LineTextureMode;
|
|
93
|
-
}
|
|
94
|
-
export declare enum LineTextureMode {
|
|
95
|
-
STRETCH = "stretch",
|
|
96
|
-
REPEAT = "repeat"
|
|
97
|
-
}
|
|
98
|
-
export declare enum TextureWrapMode {
|
|
99
|
-
REPEAT = "repeat",
|
|
100
|
-
CLAMP = "clamp",
|
|
101
|
-
MIRROR = "mirror"
|
|
102
|
-
}
|
|
103
|
-
export interface IRenderLineOptions extends ILineRenderOptions, ITransformOptions {
|
|
104
|
-
}
|
|
105
|
-
export interface IGraphicRenderOptions extends ITransformOptions, IShaderRenderOptions {
|
|
106
|
-
points: Vec2[];
|
|
107
|
-
color?: Color | Color[];
|
|
108
|
-
drawType?: number;
|
|
109
|
-
uv?: Vec2[];
|
|
110
|
-
texture?: Texture;
|
|
111
|
-
}
|
|
112
|
-
export interface ICircleRenderOptions extends IGraphicRenderOptions {
|
|
113
|
-
radius: number;
|
|
114
|
-
segments?: number;
|
|
115
|
-
}
|
|
116
|
-
export interface IRectRenderOptions extends IGraphicRenderOptions {
|
|
117
|
-
width: number;
|
|
118
|
-
height: number;
|
|
119
|
-
}
|
|
120
|
-
export declare enum MaskType {
|
|
121
|
-
Include = "normal",
|
|
122
|
-
Exclude = "inverse"
|
|
123
|
-
}
|
|
124
|
-
export type UniformType = Record<string, number | Array<any> | boolean | Texture>;
|
|
125
|
-
export type Images = ImageBitmap | ImageData | HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | OffscreenCanvas;
|
|
126
|
-
export interface IRegisterTileOptions extends ISpriteRenderOptions {
|
|
127
|
-
texture: Texture;
|
|
128
|
-
offsetX?: number;
|
|
129
|
-
offsetY?: number;
|
|
130
|
-
ySortOffset?: number;
|
|
131
|
-
}
|
|
132
|
-
export interface YSortCallback {
|
|
133
|
-
ySort: number;
|
|
134
|
-
render?: () => void;
|
|
135
|
-
renderSprite?: ISpriteRenderOptions;
|
|
136
|
-
}
|
|
137
|
-
export interface ILayerRenderOptions extends ITransformOptions {
|
|
138
|
-
error?: number | Vec2;
|
|
139
|
-
errorX?: number;
|
|
140
|
-
errorY?: number;
|
|
141
|
-
ySortCallback?: Array<YSortCallback>;
|
|
142
|
-
shape?: TilemapShape;
|
|
143
|
-
tileSet: TileSet;
|
|
144
|
-
eachTile?: (tileId: string | number, mapX: number, mapY: number) => ISpriteRenderOptions | undefined | void;
|
|
145
|
-
}
|
|
146
|
-
export interface IShaderRenderOptions {
|
|
147
|
-
shader?: GLShader;
|
|
148
|
-
uniforms?: Uniform;
|
|
149
|
-
}
|
|
150
|
-
export declare enum TilemapShape {
|
|
151
|
-
SQUARE = "square",
|
|
152
|
-
ISOMETRIC = "isometric"
|
|
153
|
-
}
|
|
154
|
-
export declare enum ShaderType {
|
|
155
|
-
SPRITE = "sprite",
|
|
156
|
-
GRAPHIC = "graphic"
|
|
157
|
-
}
|
|
158
|
-
export interface IParticleEmitterOptions extends ITransformOptions, IShaderRenderOptions {
|
|
159
|
-
texture: Texture | Texture[] | [Texture, number][];
|
|
160
|
-
}
|
|
161
|
-
export declare enum BlendMode {
|
|
162
|
-
Additive = "additive",
|
|
163
|
-
Subtractive = "subtractive",
|
|
164
|
-
Mix = "mix"
|
|
165
|
-
}
|
package/dist/light.d.ts
DELETED
package/dist/log.d.ts
DELETED
package/dist/rapid.global.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var rapid=function(t){"use strict";var e,r,i,s,n,a;t.LineTextureMode=void 0,(e=t.LineTextureMode||(t.LineTextureMode={})).STRETCH="stretch",e.REPEAT="repeat",t.TextureWrapMode=void 0,(r=t.TextureWrapMode||(t.TextureWrapMode={})).REPEAT="repeat",r.CLAMP="clamp",r.MIRROR="mirror",t.MaskType=void 0,(i=t.MaskType||(t.MaskType={})).Include="normal",i.Exclude="inverse",t.TilemapShape=void 0,(s=t.TilemapShape||(t.TilemapShape={})).SQUARE="square",s.ISOMETRIC="isometric",t.ShaderType=void 0,(n=t.ShaderType||(t.ShaderType={})).SPRITE="sprite",n.GRAPHIC="graphic",t.BlendMode=void 0,(a=t.BlendMode||(t.BlendMode={})).Additive="additive",a.Subtractive="subtractive",a.Mix="mix";class h{constructor(t){this.render=t}}var o;t.ArrayType=void 0,(o=t.ArrayType||(t.ArrayType={}))[o.Float32=0]="Float32",o[o.Uint32=1]="Uint32",o[o.Uint16=2]="Uint16";class u{constructor(t){this.usedElemNum=0,this.maxElemNum=512,this.bytePerElem=this.getArrayType(t).BYTES_PER_ELEMENT,this.arrayType=t,this.arraybuffer=new ArrayBuffer(this.maxElemNum*this.bytePerElem),this.updateTypedArray()}getArrayType(e){switch(e){case t.ArrayType.Float32:return Float32Array;case t.ArrayType.Uint32:return Uint32Array;case t.ArrayType.Uint16:return Uint16Array}}updateTypedArray(){switch(this.uint32=new Uint32Array(this.arraybuffer),this.float32=new Float32Array(this.arraybuffer),this.uint16=new Uint16Array(this.arraybuffer),this.arrayType){case t.ArrayType.Float32:this.typedArray=this.float32;break;case t.ArrayType.Uint32:this.typedArray=this.uint32;break;case t.ArrayType.Uint16:this.typedArray=this.uint16}}clear(){this.usedElemNum=0}resize(t=0){if((t+=this.usedElemNum)>this.maxElemNum){for(;t>this.maxElemNum;)this.maxElemNum<<=1;this.setMaxSize(this.maxElemNum)}}setMaxSize(t=this.maxElemNum){const e=this.typedArray;this.maxElemNum=t,this.arraybuffer=new ArrayBuffer(t*this.bytePerElem),this.updateTypedArray(),this.typedArray.set(e)}pushUint32(t){this.uint32[this.usedElemNum++]=t}pushFloat32(t){this.float32[this.usedElemNum++]=t}pushUint16(t){this.uint16[this.usedElemNum++]=t}pop(t){this.usedElemNum-=t}getArray(t=0,e){return null==e?this.typedArray:this.typedArray.subarray(t,e)}get length(){return this.typedArray.length}}class l extends u{constructor(t,e,r=t.ARRAY_BUFFER,i=t.STATIC_DRAW){super(e),this.dirty=!0,this.webglBufferSize=0,this.gl=t,this.buffer=t.createBuffer(),this.type=r,this.usage=i}pushFloat32(t){super.pushFloat32(t),this.dirty=!0}pushUint32(t){super.pushUint32(t),this.dirty=!0}pushUint16(t){super.pushUint16(t),this.dirty=!0}bindBuffer(){this.gl.bindBuffer(this.type,this.buffer)}bufferData(){if(this.dirty){const t=this.gl;this.maxElemNum>this.webglBufferSize?(t.bufferData(this.type,this.getArray(),this.usage),this.webglBufferSize=this.maxElemNum):t.bufferSubData(this.type,0,this.getArray(0,this.usedElemNum)),this.dirty=!1}}}class c extends u{constructor(){super(t.ArrayType.Float32)}pushMat(){const t=this.usedElemNum-6,e=this.typedArray;this.resize(6),this.pushFloat32(e[t+0]),this.pushFloat32(e[t+1]),this.pushFloat32(e[t+2]),this.pushFloat32(e[t+3]),this.pushFloat32(e[t+4]),this.pushFloat32(e[t+5])}popMat(){this.pop(6)}pushIdentity(){this.resize(6),this.pushFloat32(1),this.pushFloat32(0),this.pushFloat32(0),this.pushFloat32(1),this.pushFloat32(0),this.pushFloat32(0)}translate(t,e){if("number"!=typeof t)return this.translate(t.x,t.y);const r=this.usedElemNum-6,i=this.typedArray;i[r+4]=i[r+0]*t+i[r+2]*e+i[r+4],i[r+5]=i[r+1]*t+i[r+3]*e+i[r+5]}rotate(t){const e=this.usedElemNum-6,r=this.typedArray,i=Math.cos(t),s=Math.sin(t),n=r[e+0],a=r[e+1],h=r[e+2],o=r[e+3];r[e+0]=n*i-a*s,r[e+1]=n*s+a*i,r[e+2]=h*i-o*s,r[e+3]=h*s+o*i}scale(t,e){if("number"!=typeof t)return this.scale(t.x,t.y);e||(e=t);const r=this.usedElemNum-6,i=this.typedArray;i[r+0]=i[r+0]*t,i[r+1]=i[r+1]*t,i[r+2]=i[r+2]*e,i[r+3]=i[r+3]*e}apply(t,e){if("number"!=typeof t)return new f(...this.apply(t.x,t.y));const r=this.usedElemNum-6,i=this.typedArray;return[i[r+0]*t+i[r+2]*e+i[r+4],i[r+1]*t+i[r+3]*e+i[r+5]]}getInverse(){const t=this.usedElemNum-6,e=this.typedArray,r=e[t+0],i=e[t+1],s=e[t+2],n=e[t+3],a=e[t+4],h=e[t+5],o=r*n-i*s;return new Float32Array([n/o,-i/o,-s/o,r/o,(s*h-n*a)/o,(i*a-r*h)/o])}getTransform(){const t=this.usedElemNum-6,e=this.typedArray;return new Float32Array([e[t+0],e[t+1],e[t+2],e[t+3],e[t+4],e[t+5]])}setTransform(t){const e=this.usedElemNum-6,r=this.typedArray;r[e+0]=t[0],r[e+1]=t[1],r[e+2]=t[2],r[e+3]=t[3],r[e+4]=t[4],r[e+5]=t[5]}getGlobalPosition(){const t=this.usedElemNum-6,e=this.typedArray;return new f(e[t+4],e[t+5])}setGlobalPosition(t,e){if("number"!=typeof t)return void this.setGlobalPosition(t.x,t.y);const r=this.usedElemNum-6,i=this.typedArray;i[r+4]=t,i[r+5]=e}getGlobalRotation(){const t=this.usedElemNum-6,e=this.typedArray;return Math.atan2(e[t+1],e[t+0])}setGlobalRotation(t){const e=this.usedElemNum-6,r=this.typedArray,i=this.getGlobalScale(),s=Math.cos(t),n=Math.sin(t);r[e+0]=s*i.x,r[e+1]=n*i.x,r[e+2]=-n*i.y,r[e+3]=s*i.y}getGlobalScale(){const t=this.usedElemNum-6,e=this.typedArray,r=Math.sqrt(e[t+0]*e[t+0]+e[t+1]*e[t+1]),i=Math.sqrt(e[t+2]*e[t+2]+e[t+3]*e[t+3]);return new f(r,i)}setGlobalScale(t,e){if("number"!=typeof t)return void this.setGlobalScale(t.x,t.y);const r=this.getGlobalRotation(),i=Math.cos(r),s=Math.sin(r),n=this.usedElemNum-6,a=this.typedArray;a[n+0]=i*t,a[n+1]=s*t,a[n+2]=-s*e,a[n+3]=i*e}globalToLocal(t){const e=this.getInverse();return new f(e[0]*t.x+e[2]*t.y+e[4],e[1]*t.x+e[3]*t.y+e[5])}localToGlobal(t){return this.apply(t)}toCSSTransform(){const t=this.usedElemNum-6,e=this.typedArray;return`matrix(${e[t+0]}, ${e[t+1]}, ${e[t+2]}, ${e[t+3]}, ${e[t+4]}, ${e[t+5]})`}identity(){const t=this.usedElemNum-6,e=this.typedArray;e[t+0]=1,e[t+1]=0,e[t+2]=0,e[t+3]=1,e[t+4]=0,e[t+5]=0}applyTransform(t,e=0,r=0){(t.saveTransform??1)&&this.pushMat(),t.afterSave&&t.afterSave();const i=t.x||0,s=t.y||0;(i||s)&&this.translate(i,s),t.position&&this.translate(t.position),t.rotation&&this.rotate(t.rotation),t.scale&&this.scale(t.scale);let n=t.offsetX||0,a=t.offsetY||0;t.offset&&(n+=t.offset.x,a+=t.offset.y);const h=t.origin;return h&&("number"==typeof h?(n-=h*e,a-=h*r):(n-=h.x*e,a-=h.y*r)),{offsetX:n,offsetY:a}}applyTransformAfter(t){t.beforRestore&&t.beforRestore(),(t.restoreTransform??1)&&this.popMat()}}class d extends l{constructor(e,r,i,s){super(e,t.ArrayType.Uint16,e.ELEMENT_ARRAY_BUFFER,e.STATIC_DRAW),this.setMaxSize(r*s);for(let t=0;t<s;t++)this.addObject(t*i);this.bindBuffer(),this.bufferData()}addObject(t){}}class p{constructor(t,e,r,i=255){this._r=t,this._g=e,this._b=r,this._a=i,this.updateUint()}get r(){return this._r}set r(t){this._r=t,this.updateUint()}get g(){return this._g}set g(t){this._g=t,this.updateUint()}get b(){return this._b}set b(t){this._b=t,this.updateUint()}get a(){return this._a}set a(t){this._a=t,this.updateUint()}updateUint(){this.uint32=(this._a<<24|this._b<<16|this._g<<8|this._r)>>>0}setRGBA(t,e,r,i){this.r=t,this.g=e,this.b=r,this.a=i,this.updateUint()}copy(t){this.setRGBA(t.r,t.g,t.b,t.a)}clone(){return new p(this._r,this._g,this._b,this._a)}equal(t){return t.r===this.r&&t.g===this.g&&t.b===this.b&&t.a===this.a}static fromHex(t){t.startsWith("#")&&(t=t.slice(1));const e=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),i=parseInt(t.slice(4,6),16);let s=255;return t.length>=8&&(s=parseInt(t.slice(6,8),16)),new p(e,r,i,s)}add(t){return new p(Math.min(this.r+t.r,255),Math.min(this.g+t.g,255),Math.min(this.b+t.b,255),Math.min(this.a+t.a,255))}subtract(t){return new p(Math.max(this.r-t.r,0),Math.max(this.g-t.g,0),Math.max(this.b-t.b,0),Math.max(this.a-t.a,0))}}p.Red=new p(255,0,0,255),p.Green=new p(0,255,0,255),p.Blue=new p(0,0,255,255),p.Yellow=new p(255,255,0,255),p.Purple=new p(128,0,128,255),p.Orange=new p(255,165,0,255),p.Pink=new p(255,192,203,255),p.Gray=new p(128,128,128,255),p.Brown=new p(139,69,19,255),p.Cyan=new p(0,255,255,255),p.Magenta=new p(255,0,255,255),p.Lime=new p(192,255,0,255),p.White=new p(255,255,255,255),p.Black=new p(0,0,0,255),p.TRANSPARENT=new p(0,0,0,0);class f{constructor(t,e){this.x=void 0!==t?t:0,this.y=void 0!==e?e:0}add(t){return new f(this.x+t.x,this.y+t.y)}subtract(t){return new f(this.x-t.x,this.y-t.y)}multiply(t){return t instanceof f?new f(this.x*t.x,this.y*t.y):new f(this.x*t,this.y*t)}divide(t){return t instanceof f?new f(this.x/t.x,this.y/t.y):new f(this.x/t,this.y/t)}dot(t){return this.x*t.x+this.y*t.y}cross(t){return this.x*t.y-this.y*t.x}distanceTo(t){const e=this.x-t.x,r=this.y-t.y;return Math.sqrt(e*e+r*r)}clone(){return new f(this.x,this.y)}copy(t){this.x=t.x,this.y=t.y}equal(t){return t.x==this.x&&t.y==this.y}perpendicular(){const t=this.x;return this.x=-this.y,this.y=t,this}invert(){return this.x=-this.x,this.y=-this.y,this}length(){return Math.sqrt(this.x*this.x+this.y*this.y)}normalize(){const t=this.length();return this.x=this.x/t||0,this.y=this.y/t||0,this}angle(){return Math.atan2(this.y,this.x)}middle(t){return new f((this.x+t.x)/2,(this.y+t.y)/2)}abs(){return new f(Math.abs(this.x),Math.abs(this.y))}floor(){return new f(Math.floor(this.x),Math.floor(this.y))}ceil(){return new f(Math.ceil(this.x),Math.ceil(this.y))}snap(t){return new f(Math.round(this.x/t)*t,Math.round(this.y/t)*t)}stringify(){return`Vec2(${this.x}, ${this.y})`}static FromArray(t){return t.map((t=>new f(t[0],t[1])))}}f.ZERO=new f(0,0),f.ONE=new f(1,1),f.UP=new f(0,1),f.DOWN=new f(0,-1),f.LEFT=new f(-1,0),f.RIGHT=new f(1,0);const g=(t,e,r,i)=>{const s=[],n=i?Math.atan2(e.y,e.x):Math.atan2(-e.y,-e.x),a=Math.PI;for(let e=0;e<10;e++){const i=n+e/10*a,h=n+(e+1)/10*a,o=Math.cos(i)*r,u=Math.sin(i)*r,l=Math.cos(h)*r,c=Math.sin(h)*r;s.push(t),s.push(t.add(new f(o,u))),s.push(t.add(new f(l,c)))}return s},m=e=>{const r=e.points;if(r.length<2)return{vertices:[],uv:[]};const{normals:i,length:s}=((t,e=!1)=>{const r=[];if(t.length<2||e&&t.length<3)return{normals:r,length:0};const i=t.length;let s=0;if(e)for(let e=0;e<i;e++){const r=t[e],n=t[(e+1)%i];s+=r.distanceTo(n)}else for(let e=0;e<i-1;e++)s+=t[e].distanceTo(t[e+1]);const n=(t,e,r)=>{const i=e.subtract(t).normalize(),s=e.subtract(r).normalize(),n=s.dot(i);if(n<-.999)return{normal:i.perpendicular(),miters:1};{let t=s.add(i).normalize();i.cross(s)<0&&(t=t.multiply(-1));let e=1/Math.sqrt((1-n)/2);return{normal:t,miters:Math.min(e,4)}}};if(e){for(let e=0;e<i-1;e++){const s=0===e?t[i-2]:t[e-1],a=t[e],h=t[e+1];r.push(n(s,a,h))}r.push(r[0])}else for(let e=0;e<i;e++)if(0===e){const e=t[1].subtract(t[0]).normalize();r.push({normal:e.perpendicular(),miters:1})}else if(e===i-1){const i=t[e].subtract(t[e-1]).normalize();r.push({normal:i.perpendicular(),miters:1})}else r.push(n(t[e-1],t[e],t[e+1]));return{normals:r,length:s}})(r,e.closed),n=(e.width||1)/2,a=[],h=[],o=e.roundCap||!1,u=e.textureMode||t.LineTextureMode.STRETCH;let l=0;const c=e.texture?.width||1;for(let e=0;e<r.length-1;e++){const o=r[e],d=i[e].normal,p=i[e].miters,g=o.add(d.multiply(p*n)),m=o.subtract(d.multiply(p*n)),y=r[e+1],x=i[e+1].normal,T=i[e+1].miters,E=y.add(x.multiply(T*n)),b=y.subtract(x.multiply(T*n)),R=o.distanceTo(y);let w=0,S=0;u===t.LineTextureMode.STRETCH?(w=l/s,S=(l+R)/s):(w=l/c,S=w+R/c);const A=new f(w,0),M=new f(w,1),v=new f(S,0),U=new f(S,1);a.push(g),h.push(A),a.push(m),h.push(M),a.push(E),h.push(v),a.push(E),h.push(v),a.push(b),h.push(U),a.push(m),h.push(M),l+=R}if(o&&!e.closed){const t=r[0],e=i[0].normal,s=g(t,e,n,!0);a.push(...s);const h=r[r.length-1],o=i[r.length-1].normal,u=g(h,o,n,!1);a.push(...u)}return{vertices:a,uv:h}};var y="precision mediump float;\r\nvarying vec2 vRegion;\r\nvarying vec4 vColor;\r\n\r\nuniform sampler2D uTexture;\r\nuniform int uUseTexture;\r\n\r\nvoid main(void) {\r\n vec4 color;\r\n if(uUseTexture > 0){\r\n color = texture2D(uTexture, vRegion) * vColor;\r\n }else{\r\n color = vColor;\r\n }\r\n // fragment\r\n gl_FragColor = color;\r\n}\r\n",x="precision mediump float;\r\n\r\nattribute vec2 aPosition;\r\nattribute vec4 aColor;\r\nattribute vec2 aRegion;\r\n\r\nvarying vec4 vColor;\r\nuniform mat4 uProjectionMatrix;\r\nuniform vec4 uColor;\r\nvarying vec2 vRegion;\r\n\r\nvoid main(void) {\r\n // vertex s\r\n gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r\n // vertex e\r\n vColor = aColor;\r\n vRegion = aRegion;\r\n}\r\n";const T=(t,e,r)=>{const i=t.createShader(r);if(!i)throw new Error("Unable to create webgl shader");t.shaderSource(i,e),t.compileShader(i);if(!t.getShaderParameter(i,t.COMPILE_STATUS)){const r=t.getShaderInfoLog(i);throw console.error("Shader compilation failed:",r),new Error("Unable to compile shader: "+r+e)}return i};function E(t,e,r,i=!1,s=!1,n="clamp"){const a=t.createTexture();if(!a)throw new Error("unable to create texture");let h;switch(t.bindTexture(t.TEXTURE_2D,a),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,r?t.LINEAR:t.NEAREST),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,r?t.LINEAR:t.NEAREST),n){case"repeat":h=t.REPEAT;break;case"mirror":h=t.MIRRORED_REPEAT;break;default:h=t.CLAMP_TO_EDGE}return t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,h),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,h),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,s),i?t.texImage2D(t.TEXTURE_2D,0,t.RGBA,e.width,e.height,0,t.RGBA,t.UNSIGNED_BYTE,null):t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e),a}const b=5126;var R="precision mediump float;\r\nuniform sampler2D uTextures[%TEXTURE_NUM%];\r\n\r\nvarying vec2 vRegion;\r\nvarying float vTextureId;\r\nvarying vec4 vColor;\r\n\r\nvoid main(void) {\r\n vec4 color;\r\n %GET_COLOR%\r\n // fragment\r\n gl_FragColor = color * vColor;\r\n}",w="precision mediump float;\r\n\r\nattribute vec2 aPosition;\r\nattribute vec2 aRegion;\r\nattribute float aTextureId;\r\nattribute vec4 aColor;\r\n\r\nuniform mat4 uProjectionMatrix;\r\n\r\nvarying vec2 vRegion;\r\nvarying float vTextureId;\r\nvarying vec4 vColor;\r\n\r\nvoid main(void) {\r\n vRegion = aRegion;\r\n vTextureId = aTextureId;\r\n vColor = aColor;\r\n\r\n // vertex s\r\n gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r\n // vertex e\r\n}";const S=[{name:"aPosition",size:2,type:b,stride:24},{name:"aRegion",size:2,type:b,stride:24,offset:2*Float32Array.BYTES_PER_ELEMENT},{name:"aTextureId",size:1,type:b,stride:24,offset:4*Float32Array.BYTES_PER_ELEMENT},{name:"aColor",size:4,type:5121,stride:24,offset:5*Float32Array.BYTES_PER_ELEMENT,normalized:!0}],A=[{name:"aPosition",size:2,type:b,stride:20},{name:"aColor",size:4,type:5121,stride:20,offset:2*Float32Array.BYTES_PER_ELEMENT,normalized:!0},{name:"aRegion",size:2,type:b,stride:20,offset:3*Float32Array.BYTES_PER_ELEMENT}];class M{constructor(t,e,r,i,s=0){this.attributeLoc={},this.uniformLoc={},this.textureUnitNum=0,this.attributes=[];const n=function(t,e){if(t.includes("%TEXTURE_NUM%")&&(t=t.replace("%TEXTURE_NUM%",e.toString())),t.includes("%GET_COLOR%")){let r="";for(let t=0;t<e;t++)r+=0==t?`if(vTextureId == ${t}.0)`:t==e-1?"else":`else if(vTextureId == ${t}.0)`,r+=`{color = texture2D(uTextures[${t}], vRegion);}`;t=t.replace("%GET_COLOR%",r)}return t}(r,t.maxTextureUnits-s);this.program=((t,e,r)=>{var i=t.createProgram(),s=T(t,e,35633),n=T(t,r,35632);if(!i)throw new Error("Unable to create program shader");if(t.attachShader(i,s),t.attachShader(i,n),t.linkProgram(i),!t.getProgramParameter(i,t.LINK_STATUS)){const e=t.getProgramInfoLog(i);throw new Error("Unable to link shader program: "+e)}return i})(t.gl,e,n),this.gl=t.gl,this.textureUnitNum=s,this.parseShader(e),this.parseShader(n),i&&this.setAttributes(i)}setUniforms(t,e){const r=this.gl;for(const i of t.getUnifromNames()){const s=this.getUniform(i);t.bind(r,i,s,e)}}getUniform(t){return this.uniformLoc[t]}use(){this.gl.useProgram(this.program)}parseShader(t){const e=this.gl,r=t.match(/attribute\s+\w+\s+(\w+)/g);if(r)for(const t of r){const r=t.split(" ")[2],i=e.getAttribLocation(this.program,r);-1!=i&&(this.attributeLoc[r]=i)}const i=t.match(/uniform\s+\w+\s+(\w+)/g);if(i)for(const t of i){const r=t.split(" ")[2];this.uniformLoc[r]=e.getUniformLocation(this.program,r)}}setAttribute(t){const e=this.attributeLoc[t.name];if(void 0!==e){const r=this.gl;r.vertexAttribPointer(e,t.size,t.type,t.normalized||!1,t.stride,t.offset||0),r.enableVertexAttribArray(e)}}setAttributes(t){this.attributes=t;for(const e of t)this.setAttribute(e)}updateAttributes(){this.setAttributes(this.attributes)}static createCostumShader(e,r,i,s,n=0){let a={[t.ShaderType.SPRITE]:R,[t.ShaderType.GRAPHIC]:y}[s],h={[t.ShaderType.SPRITE]:w,[t.ShaderType.GRAPHIC]:x}[s];const o={[t.ShaderType.SPRITE]:S,[t.ShaderType.GRAPHIC]:A}[s];return a=a.replace("void main(void) {",i+"\nvoid main(void) {"),h=h.replace("void main(void) {",r+"\nvoid main(void) {"),a=a.replace("// fragment","fragment(color);"),h=h.replace(/\/\/ vertex s[\s\S]*?\/\/ vertex e/,"vec2 position = aPosition;\n vertex(position, vRegion);\n gl_Position = uProjectionMatrix * vec4(position, 0.0, 1.0);"),new M(e,h,a,o,n)}}class v{constructor(e){this.usedTextures=[],this.shaders=new Map,this.isCostumShader=!1,this.freeTextureUnitNum=0,this.rapid=e,this.gl=e.gl,this.webglArrayBuffer=new l(e.gl,t.ArrayType.Float32,e.gl.ARRAY_BUFFER,e.gl.STREAM_DRAW),this.maxTextureUnits=e.maxTextureUnits}getTextureUnitList(){return Array.from({length:this.maxTextureUnits},((t,e)=>e))}addVertex(t,e,...r){const[i,s]=this.rapid.matrixStack.apply(t,e);this.webglArrayBuffer.pushFloat32(i),this.webglArrayBuffer.pushFloat32(s)}useTexture(t){const e=this.usedTextures.indexOf(t);return-1==e?(this.usedTextures.push(t),this.freeTextureUnitNum=this.maxTextureUnits-this.usedTextures.length,[this.usedTextures.length-1,!0]):[e,!1]}enterRegion(t){this.currentShader=t??this.getShader("default"),this.currentShader.use(),this.initializeForNextRender(),this.webglArrayBuffer.bindBuffer(),this.currentShader.updateAttributes(),this.updateProjection(),this.isCostumShader=Boolean(t)}updateProjection(){this.gl.uniformMatrix4fv(this.currentShader.uniformLoc.uProjectionMatrix,!1,this.rapid.projection)}isUnifromChanged(t){return!!t&&(this.costumUnifrom!=t||!!t?.isDirty)}setCurrentUniform(t){t.clearDirty(),this.costumUnifrom=t}exitRegion(){}initDefaultShader(t,e,r){this.setShader("default",t,e,r)}setShader(t,e,r,i){this.webglArrayBuffer.bindBuffer(),this.shaders.set(t,new M(this.rapid,e,r,i)),"default"===t&&(this.defaultShader=this.shaders.get(t))}getShader(t){return this.shaders.get(t)}render(){this.executeRender(),this.initializeForNextRender()}executeRender(){const t=this.gl;for(let e=0;e<this.usedTextures.length;e++)t.activeTexture(t.TEXTURE0+e),t.bindTexture(t.TEXTURE_2D,this.usedTextures[e]);this.webglArrayBuffer.bufferData()}initializeForNextRender(){this.webglArrayBuffer.clear(),this.usedTextures.length=0,this.isCostumShader=!1,this.freeTextureUnitNum=this.maxTextureUnits}hasPendingContent(){return!1}isShaderChanged(t){return(t||this.defaultShader)!=this.currentShader}}class U extends v{constructor(t){super(t),this.vertex=0,this.offset=f.ZERO,this.drawType=t.gl.TRIANGLE_FAN,this.setShader("default",x,y,A)}startRender(t,e,r,i){i&&this.currentShader?.setUniforms(i,this),this.offset=new f(t,e),this.vertex=0,this.webglArrayBuffer.clear(),r&&r.base&&(this.texture=this.useTexture(r.base.texture)[0])}addVertex(t,e,r,i,s){this.webglArrayBuffer.resize(3),super.addVertex(t+this.offset.x,e+this.offset.y),this.webglArrayBuffer.pushUint32(s),this.webglArrayBuffer.pushFloat32(r),this.webglArrayBuffer.pushFloat32(i),this.vertex+=1}executeRender(){super.executeRender();const t=this.gl;t.uniform1i(this.currentShader.uniformLoc.uUseTexture,void 0===this.texture?0:1),this.texture&&t.uniform1i(this.currentShader.uniformLoc.uTexture,this.texture),t.drawArrays(this.drawType,0,this.vertex),this.drawType=this.rapid.gl.TRIANGLE_FAN,this.vertex=0,this.texture=void 0}}const F=Math.floor(16384);class _ extends d{constructor(t,e){super(t,6,4,e)}addObject(t){super.addObject(),this.pushUint16(t),this.pushUint16(t+1),this.pushUint16(t+2),this.pushUint16(t),this.pushUint16(t+3),this.pushUint16(t+2)}}class C extends v{constructor(t){const e=t.gl;super(t),this.batchSprite=0,this.spriteTextureUnits=[],this.spriteTextureUnitIndexOffset=0,this.setShader("default",w,R,S),this.indexBuffer=new _(e,F)}addVertex(t,e,r,i,s,n){super.addVertex(t,e),this.webglArrayBuffer.pushFloat32(r),this.webglArrayBuffer.pushFloat32(i),this.webglArrayBuffer.pushFloat32(s),this.webglArrayBuffer.pushUint32(n)}renderSprite(t,e,r,i,s,n,a,h,o,u,l,c,d,p=0){(1+p>this.freeTextureUnitNum||this.batchSprite>=F||this.isUnifromChanged(l)||this.rapid.projectionDirty)&&(this.render(),l&&this.isUnifromChanged(l)&&(this.currentShader.setUniforms(l,this),this.setCurrentUniform(l)),this.rapid.projectionDirty&&this.updateProjection()),this.batchSprite++,this.webglArrayBuffer.resize(20);const[f,g]=this.useTexture(t);g&&(this.spriteTextureUnits.push(f),this.spriteTextureUnitIndexOffset=this.spriteTextureUnits[0]);const m=f-this.spriteTextureUnitIndexOffset,y=c?n:i,x=c?i:n,T=d?a:s,E=d?s:a,b=h,R=h+e,w=o,S=o+r;this.addVertex(b,w,y,T,m,u),this.addVertex(R,w,x,T,m,u),this.addVertex(R,S,x,E,m,u),this.addVertex(b,S,y,E,m,u)}executeRender(){if(super.executeRender(),this.batchSprite<=0)return;const t=this.gl;this.spriteTextureUnits.length>0&&this.gl.uniform1iv(this.currentShader.uniformLoc.uTextures,this.spriteTextureUnits),t.drawElements(t.TRIANGLES,6*this.batchSprite,t.UNSIGNED_SHORT,0)}enterRegion(t){super.enterRegion(t),this.indexBuffer.bindBuffer()}initializeForNextRender(){super.initializeForNextRender(),this.batchSprite=0,this.spriteTextureUnits.length=0}hasPendingContent(){return this.batchSprite>0}}class N{constructor(t,e){this.cache=new Map,this.render=t,this.antialias=e}async textureFromUrl(e,r=this.antialias,i=t.TextureWrapMode.CLAMP){let s=this.cache.get(e);if(!s){const t=await this.loadImage(e);s=I.fromImageSource(this.render,t,r,i),this.cache.set(e,s)}return new B(s)}textureFromFrameBufferObject(t){return new B(t)}async textureFromSource(e,r=this.antialias,i=t.TextureWrapMode.CLAMP){let s=this.cache.get(e);return s||(s=I.fromImageSource(this.render,e,r,i),this.cache.set(e,s)),new B(s)}async loadImage(t){return new Promise((e=>{const r=new Image;r.onload=()=>{e(r)},r.src=t}))}createText(t){return new P(this.render,t)}destroy(t){t instanceof B?(t.base?.destroy(this.render.gl),this.removeCache(t)):(t.destroy(this.render.gl),this.removeCache(t))}createFrameBufferObject(t,e,r=this.antialias){return new L(this.render,t,e,r)}removeCache(t){const e=t instanceof B?t.base?.texture:t.texture;e&&this.cache.forEach(((t,r)=>{t===e&&this.cache.delete(r)}))}}class I{constructor(e,r,i,s=t.TextureWrapMode.CLAMP){this.texture=e,this.width=r,this.height=i,this.wrapMode=s}static fromImageSource(e,r,i=!1,s=t.TextureWrapMode.CLAMP){return new I(E(e.gl,r,i,!1,!1,s),r.width,r.height)}destroy(t){t.deleteTexture(this.texture)}}class B{constructor(t){this.scale=1,this.setBaseTextur(t)}setBaseTextur(t){t&&(this.base=t,this.setClipRegion(0,0,t.width,t.height))}setClipRegion(t,e,r,i){if(this.base)return this.clipX=t/this.base.width,this.clipY=e/this.base.height,this.clipW=this.clipX+r/this.base.width,this.clipH=this.clipY+i/this.base.height,this.width=r*this.scale,this.height=i*this.scale,this}static fromImageSource(t,e,r=!1){return new B(I.fromImageSource(t,e,r))}static fromUrl(t,e){return t.textures.textureFromUrl(e)}createSpritesHeet(t,e){if(!this.base)return[];const r=[],i=Math.floor(this.base.width/t),s=Math.floor(this.base.height/e);for(let n=0;n<s;n++)for(let s=0;s<i;s++){const i=this.clone();i.setClipRegion(s*t,n*e,t,e),r.push(i)}return r}clone(){return new B(this.base)}}class P extends B{constructor(t,e){super(),this.scale=.5,this.rapid=t,this.options=e,this.text=e.text||" ",this.updateTextImage()}updateTextImage(){const t=this.createTextCanvas();this.setBaseTextur(I.fromImageSource(this.rapid,t,!0))}createTextCanvas(){const t=document.createElement("canvas"),e=t.getContext("2d");if(!e)throw new Error("Failed to get canvas context");e.font=`${this.options.fontSize||16}px ${this.options.fontFamily||"Arial"}`,e.fillStyle=this.options.color||"#000",e.textAlign=this.options.textAlign||"left",e.textBaseline=this.options.textBaseline||"top";const r=this.text.split("\n");let i=0,s=0;for(const t of r){const r=e.measureText(t);i=Math.max(i,r.width),s+=this.options.fontSize||16}t.width=2*i,t.height=2*s,e.scale(2,2),e.font=`${this.options.fontSize||16}px ${this.options.fontFamily||"Arial"}`,e.fillStyle=this.options.color||"#000",e.textAlign=this.options.textAlign||"left",e.textBaseline=this.options.textBaseline||"top";let n=0;for(const t of r)e.fillText(t,0,n),n+=this.options.fontSize||16;return t}setText(t){this.text!=t&&(this.text=t,this.updateTextImage())}}class L extends I{constructor(t,e,r,i=!1){const s=t.gl,n=E(s,{width:e,height:r},i,!0,!1),a=s.createFramebuffer();if(!a)throw s.deleteTexture(n),new Error("Failed to create WebGL framebuffer");s.bindFramebuffer(s.FRAMEBUFFER,a),s.framebufferTexture2D(s.FRAMEBUFFER,s.COLOR_ATTACHMENT0,s.TEXTURE_2D,n,0);const h=s.createRenderbuffer();if(!h)throw s.deleteFramebuffer(a),s.deleteTexture(n),new Error("Failed to create depth-stencil renderbuffer");s.bindRenderbuffer(s.RENDERBUFFER,h),s.renderbufferStorage(s.RENDERBUFFER,s.STENCIL_INDEX8,e,r),s.framebufferRenderbuffer(s.FRAMEBUFFER,s.STENCIL_ATTACHMENT,s.RENDERBUFFER,h),super(n,e,r),this.gl=s,this.framebuffer=a,s.bindTexture(s.TEXTURE_2D,null),s.bindFramebuffer(s.FRAMEBUFFER,null)}bind(){const t=this.gl;t.bindTexture(t.TEXTURE_2D,null),t.bindFramebuffer(t.FRAMEBUFFER,this.framebuffer),t.clearColor(.5,.2,.5,.5),t.clear(t.COLOR_BUFFER_BIT)}unbind(){this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,null),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}resize(t,e){this.width=t,this.height=e,this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,t,e,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,null),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}destroy(t){t.deleteFramebuffer(this.framebuffer),super.destroy(t)}}const D=new Set;class O{constructor(t,e){this.textures=new Map,this.width=t,this.height=e}setTile(t,e){e instanceof B&&(e={texture:e}),this.textures.set(t,e)}getTile(t){return this.textures.get(t)}}class k{constructor(t){this.rapid=t}getYSortRow(t,e,r){if(!t)return[];const i=[];for(const r of t){const t=Math.floor(r.ySort/e);i[t]||(i[t]=[]),i[t].push(r)}return i}getOffset(t){let e=(t.errorX??2)+1,r=(t.errorY??2)+1;if("number"==typeof t.error){const i=(t.error??2)+1;e=i,r=i}else t.error&&(e=t.error.x+1,r=t.error.y+1);return{errorX:e,errorY:r}}getTileData(e,r){const i=r.shape??t.TilemapShape.SQUARE,s=e.width,n=i===t.TilemapShape.ISOMETRIC?e.height/2:e.height,a=this.rapid.matrixStack,h=a.globalToLocal(f.ZERO),o=a.getGlobalScale(),{errorX:u,errorY:l}=this.getOffset(r),c=Math.ceil(this.rapid.width/s/o.x)+2*u,d=Math.ceil(this.rapid.height/n/o.y)+2*l,p=new f(h.x<0?Math.ceil(h.x/s):Math.floor(h.x/s),h.y<0?Math.ceil(h.y/n):Math.floor(h.y/n));p.x-=u,p.y-=l;let g=new f(0-h.x%s-u*s,0-h.y%n-l*n);return g=g.add(h),{startTile:p,offset:g,viewportWidth:c,viewportHeight:d,height:n,width:s,shape:i}}renderYSortRow(t,e){for(const r of e)r.render?r.render():r.renderSprite&&t.renderSprite(r.renderSprite)}renderLayer(e,r){this.rapid.matrixStack.applyTransform(r);const i=r.tileSet,{startTile:s,offset:n,viewportWidth:a,viewportHeight:h,shape:o,width:u,height:l}=this.getTileData(i,r),c=this.getYSortRow(r.ySortCallback,l,h),d=r.ySortCallback&&r.ySortCallback.length>0;var p;0!==this.rapid.matrixStack.getGlobalRotation()&&(p="TileMapRender: tilemap is not supported rotation",D.has(p)||(D.add(p),console.warn(p)),this.rapid.matrixStack.setGlobalRotation(0));for(let p=0;p<h;p++){const h=p+s.y,f=c[h]??[];if(h<0||h>=e.length)this.renderYSortRow(this.rapid,f);else{for(let c=0;c<a;c++){const a=c+s.x;if(a<0||a>=e[h].length)continue;const d=e[h][a],g=i.getTile(d);if(!g)continue;let m=c*u+n.x,y=p*l+n.y,x=p*l+n.y+(g.ySortOffset??0);h%2!=0&&o===t.TilemapShape.ISOMETRIC&&(m+=u/2);const T=r.eachTile&&r.eachTile(d,a,h)||{};f.push({ySort:x,renderSprite:{...g,x:m+(g.x||0),y:y+(g.y||0),...T}})}d&&f.sort(((t,e)=>t.ySort-e.ySort)),this.renderYSortRow(this.rapid,f)}}this.rapid.matrixStack.applyTransform(r)}localToMap(e,r){const i=r.tileSet;if(r.shape===t.TilemapShape.ISOMETRIC){let t=0,r=0;const s=i.height/2,n=i.width/2;let a=Math.floor(e.y/s);const h=a%2==0;let o=Math.floor(e.x/n);const u=o%2==0,l=e.x%n/n,c=e.y%s/s,d=c<l,p=c<1-l;return h||(a-=1),d&&!u&&h?a-=1:d||!u||h?p&&u&&h?(o-=2,a-=1):p||u||h||(a+=1):(a+=1,o-=2),t=o,r=a,t=Math.floor(o/2),new f(t,r)}return new f(Math.floor(e.x/i.width),Math.floor(e.y/i.height))}mapToLocal(e,r){const i=r.tileSet;if(r.shape===t.TilemapShape.ISOMETRIC){let t=new f(e.x*i.width,e.y*i.height/2);return e.y%2!=0&&(t.x+=i.width/2),t}return new f(e.x*i.width,e.y*i.height)}}return t.BaseTexture=I,t.Color=p,t.DynamicArrayBuffer=u,t.FrameBufferObject=L,t.GLShader=M,t.MathUtils=class{static deg2rad(t){return t*(Math.PI/180)}static rad2deg(t){return t/(Math.PI/180)}static normalizeDegrees(t){return(t%360+360)%360}},t.MatrixStack=c,t.Rapid=class{constructor(t){this.projectionDirty=!0,this.matrixStack=new c,this.tileMap=new k(this),this.light=new h(this),this.devicePixelRatio=window.devicePixelRatio||1,this.defaultColor=new p(255,255,255,255),this.regions=new Map,this.currentMaskType=[],this.currentTransform=[],this.currentFBO=[];const e=(t=>{const e={stencil:!0},r=t.getContext("webgl2",e)||t.getContext("webgl",e);if(!r)throw new Error("Unable to initialize WebGL. Your browser may not support it.");return r})(t.canvas);this.gl=e,this.canvas=t.canvas,this.textures=new N(this,t.antialias??!1),this.maxTextureUnits=e.getParameter(this.gl.MAX_TEXTURE_IMAGE_UNITS),this.width=t.width||this.canvas.width,this.height=t.width||this.canvas.height,this.backgroundColor=t.backgroundColor||new p(255,255,255,255),this.registerBuildInRegion(),this.initWebgl(e),this.projectionDirty=!1}renderTileMapLayer(t,e){this.tileMap.renderLayer(t,e instanceof O?{tileSet:e}:e)}initWebgl(t){this.resize(this.width,this.height),t.enable(t.BLEND),t.disable(t.DEPTH_TEST),t.blendFunc(t.SRC_ALPHA,t.ONE_MINUS_SRC_ALPHA),t.enable(t.STENCIL_TEST),t.enable(t.SCISSOR_TEST)}clearTextureUnit(){for(let t=0;t<this.maxTextureUnits;t++)this.gl.activeTexture(this.gl.TEXTURE0+t),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}registerBuildInRegion(){this.registerRegion("sprite",C),this.registerRegion("graphic",U)}registerRegion(t,e){this.regions.set(t,new e(this))}quitCurrentRegion(){this.currentRegion&&this.currentRegion.hasPendingContent()&&(this.currentRegion.render(),this.currentRegion.exitRegion())}setRegion(t,e){if(t!=this.currentRegionName||this.currentRegion&&this.currentRegion.isShaderChanged(e)){const r=this.regions.get(t);this.quitCurrentRegion(),this.currentRegion=r,this.currentRegionName=t,r.enterRegion(e)}}save(){this.matrixStack.pushMat()}restore(){this.matrixStack.popMat()}withTransform(t){this.save(),t(),this.restore()}startRender(t=!0){this.clear(),t&&this.matrixStack.clear(),this.matrixStack.pushIdentity(),this.currentRegion=void 0,this.currentRegionName=void 0}endRender(){this.currentRegion?.render(),this.projectionDirty=!1}render(t){this.startRender(),t(),this.endRender()}renderSprite(t){const e=t.texture;if(!e||!e.base)return;const{offsetX:r,offsetY:i}=this.startDraw(t,e.width,e.height);this.setRegion("sprite",t.shader),this.currentRegion.renderSprite(e.base.texture,e.width,e.height,e.clipX,e.clipY,e.clipW,e.clipH,r,i,(t.color||this.defaultColor).uint32,t.uniforms,t.flipX,t.flipY),this.afterDraw()}renderTexture(t){t.base&&this.renderSprite({texture:t})}renderLine(t){const e=t.closed?[...t.points,t.points[0]]:t.points,{vertices:r,uv:i}=m({...t,points:e});this.renderGraphic({...t,drawType:this.gl.TRIANGLES,points:r,uv:i})}renderGraphic(t){this.startGraphicDraw(t),t.points.forEach(((e,r)=>{const i=Array.isArray(t.color)?t.color[r]:t.color,s=t.uv?.[r];this.addGraphicVertex(e.x,e.y,s,i)})),this.endGraphicDraw()}startGraphicDraw(t){const{offsetX:e,offsetY:r}=this.startDraw(t);this.setRegion("graphic",t.shader);const i=this.currentRegion;i.startRender(e,r,t.texture,t.uniforms),t.drawType&&(i.drawType=t.drawType)}addGraphicVertex(t,e,r,i){this.currentRegion.addVertex(t,e,r?.x,r?.y,(i||this.defaultColor).uint32)}endGraphicDraw(){this.currentRegion.render(),this.afterDraw()}startDraw(t,e=0,r=0){return this.currentTransform.push(t),this.matrixStack.applyTransform(t,e,r)}afterDraw(){this.currentTransform.length>0&&this.matrixStack.applyTransformAfter(this.currentTransform.pop())}renderRect(t){const{width:e,height:r}=t,i=[new f(0,0),new f(e,0),new f(e,r),new f(0,r)];this.renderGraphic({...t,points:i,drawType:this.gl.TRIANGLE_FAN})}renderCircle(t){const e=t.segments||32,r=t.radius,i=t.color||this.defaultColor,s=[];for(let t=0;t<=e;t++){const i=t/e*Math.PI*2,n=Math.cos(i)*r,a=Math.sin(i)*r;s.push(new f(n,a))}this.renderGraphic({...t,points:s,color:i,drawType:this.gl.TRIANGLE_FAN})}resize(t,e){const r=t*this.devicePixelRatio,i=e*this.devicePixelRatio;this.canvas.width=r,this.canvas.height=i,this.resizeWebglSize(t,e),this.canvas.style.width=t+"px",this.canvas.style.height=e+"px",this.width=t,this.height=e}resizeWebglSize(t,e,r){const i=t*(r||this.devicePixelRatio),s=e*(r||this.devicePixelRatio);this.gl.viewport(0,0,i,s),this.updateProjection(0,t,e,0),this.gl.scissor(0,0,i,s)}updateProjection(t,e,r,i){this.projection=this.createOrthMatrix(t,e,r,i),this.projectionDirty=!0}clear(t){const e=this.gl,r=t||this.backgroundColor;e.clearColor(r.r/255,r.g/255,r.b/255,r.a/255),e.clear(e.COLOR_BUFFER_BIT),this.clearMask()}createOrthMatrix(t,e,r,i){return new Float32Array([2/(e-t),0,0,0,0,2/(i-r),0,0,0,0,-1,0,-(e+t)/(e-t),-(i+r)/(i-r),0,1])}drawMask(e=t.MaskType.Include,r){this.startDrawMask(e),r(),this.endDrawMask()}startDrawMask(e=t.MaskType.Include){const r=this.gl;this.currentMaskType.push(e),this.setMaskType(e,!0),r.stencilOp(r.KEEP,r.KEEP,r.REPLACE),r.colorMask(!1,!1,!1,!1)}endDrawMask(){const e=this.gl;this.quitCurrentRegion(),e.stencilOp(e.KEEP,e.KEEP,e.KEEP),e.colorMask(!0,!0,!0,!0),this.setMaskType(this.currentMaskType.pop()??t.MaskType.Include,!1)}setMaskType(e,r=!1){const i=this.gl;if(this.quitCurrentRegion(),r)this.clearMask(),i.stencilFunc(i.ALWAYS,1,255);else switch(e){case t.MaskType.Include:i.stencilFunc(i.EQUAL,1,255);break;case t.MaskType.Exclude:i.stencilFunc(i.NOTEQUAL,1,255)}}clearMask(){const t=this.gl;this.quitCurrentRegion(),t.clearStencil(0),t.clear(t.STENCIL_BUFFER_BIT),t.stencilFunc(t.ALWAYS,1,255)}createCostumShader(t,e,r,i=0){return M.createCostumShader(this,t,e,r,i)}startFBO(t){this.quitCurrentRegion(),t.bind(),this.clearTextureUnit(),this.resizeWebglSize(t.width,t.height,1),this.updateProjection(0,t.width,0,t.height),this.save(),this.matrixStack.identity(),this.currentFBO.push(t)}endFBO(){if(this.currentFBO.length>0){const t=this.currentFBO.pop();this.quitCurrentRegion(),t.unbind(),this.clearTextureUnit(),this.resizeWebglSize(this.width,this.height),this.updateProjection(0,this.width,this.height,0),this.restore()}}drawToFBO(t,e){this.startFBO(t),e(),this.endFBO()}setBlendMode(e){switch(e){case t.BlendMode.Additive:this.gl.blendFunc(this.gl.SRC_ALPHA,this.gl.ONE);break;case t.BlendMode.Subtractive:this.gl.blendFunc(this.gl.ZERO,this.gl.ONE_MINUS_SRC_COLOR);break;case t.BlendMode.Mix:this.gl.blendFunc(this.gl.SRC_ALPHA,this.gl.ONE_MINUS_SRC_ALPHA)}}},t.SCALEFACTOR=2,t.Text=P,t.Texture=B,t.TextureCache=N,t.TileMapRender=k,t.TileSet=O,t.Uniform=class{constructor(t){this.isDirty=!1,this.data=t}setUniform(t,e){this.data[t]!=e&&(this.isDirty=!0),this.data[t]=e}clearDirty(){this.isDirty=!1}getUnifromNames(){return Object.keys(this.data)}bind(t,e,r,i){if(!r)return;const s=this.data[e];if("number"==typeof s)t.uniform1f(r,s);else if(Array.isArray(s))switch(s.length){case 1:Number.isInteger(s[0])?t.uniform1i(r,s[0]):t.uniform1f(r,s[0]);break;case 2:Number.isInteger(s[0])?t.uniform2iv(r,s):t.uniform2fv(r,s);break;case 3:Number.isInteger(s[0])?t.uniform3iv(r,s):t.uniform3fv(r,s);break;case 4:Number.isInteger(s[0])?t.uniform4iv(r,s):t.uniform4fv(r,s);break;case 9:t.uniformMatrix3fv(r,!1,s);break;case 16:t.uniformMatrix4fv(r,!1,s);break;default:console.error(`Unsupported uniform array length for ${e}:`,s.length)}else if("boolean"==typeof s)t.uniform1i(r,s?1:0);else if(s.base?.texture){const e=i.useTexture(s.base.texture)[0];t.uniform1i(r,e)}else console.error(`Unsupported uniform type for ${e}:`,typeof s)}},t.Vec2=f,t.WebglBufferArray=l,t.WebglElementBufferArray=d,t.graphicAttributes=A,t.spriteAttributes=S,t}({});
|
package/dist/rapid.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var t,e,r,i,s,n;!function(t){t.STRETCH="stretch",t.REPEAT="repeat"}(t||(t={})),function(t){t.REPEAT="repeat",t.CLAMP="clamp",t.MIRROR="mirror"}(e||(e={})),function(t){t.Include="normal",t.Exclude="inverse"}(r||(r={})),function(t){t.SQUARE="square",t.ISOMETRIC="isometric"}(i||(i={})),function(t){t.SPRITE="sprite",t.GRAPHIC="graphic"}(s||(s={})),function(t){t.Additive="additive",t.Subtractive="subtractive",t.Mix="mix"}(n||(n={}));class a{constructor(t){this.render=t}}var h;!function(t){t[t.Float32=0]="Float32",t[t.Uint32=1]="Uint32",t[t.Uint16=2]="Uint16"}(h||(h={}));class o{constructor(t){this.usedElemNum=0,this.maxElemNum=512,this.bytePerElem=this.getArrayType(t).BYTES_PER_ELEMENT,this.arrayType=t,this.arraybuffer=new ArrayBuffer(this.maxElemNum*this.bytePerElem),this.updateTypedArray()}getArrayType(t){switch(t){case h.Float32:return Float32Array;case h.Uint32:return Uint32Array;case h.Uint16:return Uint16Array}}updateTypedArray(){switch(this.uint32=new Uint32Array(this.arraybuffer),this.float32=new Float32Array(this.arraybuffer),this.uint16=new Uint16Array(this.arraybuffer),this.arrayType){case h.Float32:this.typedArray=this.float32;break;case h.Uint32:this.typedArray=this.uint32;break;case h.Uint16:this.typedArray=this.uint16}}clear(){this.usedElemNum=0}resize(t=0){if((t+=this.usedElemNum)>this.maxElemNum){for(;t>this.maxElemNum;)this.maxElemNum<<=1;this.setMaxSize(this.maxElemNum)}}setMaxSize(t=this.maxElemNum){const e=this.typedArray;this.maxElemNum=t,this.arraybuffer=new ArrayBuffer(t*this.bytePerElem),this.updateTypedArray(),this.typedArray.set(e)}pushUint32(t){this.uint32[this.usedElemNum++]=t}pushFloat32(t){this.float32[this.usedElemNum++]=t}pushUint16(t){this.uint16[this.usedElemNum++]=t}pop(t){this.usedElemNum-=t}getArray(t=0,e){return null==e?this.typedArray:this.typedArray.subarray(t,e)}get length(){return this.typedArray.length}}class u extends o{constructor(t,e,r=t.ARRAY_BUFFER,i=t.STATIC_DRAW){super(e),this.dirty=!0,this.webglBufferSize=0,this.gl=t,this.buffer=t.createBuffer(),this.type=r,this.usage=i}pushFloat32(t){super.pushFloat32(t),this.dirty=!0}pushUint32(t){super.pushUint32(t),this.dirty=!0}pushUint16(t){super.pushUint16(t),this.dirty=!0}bindBuffer(){this.gl.bindBuffer(this.type,this.buffer)}bufferData(){if(this.dirty){const t=this.gl;this.maxElemNum>this.webglBufferSize?(t.bufferData(this.type,this.getArray(),this.usage),this.webglBufferSize=this.maxElemNum):t.bufferSubData(this.type,0,this.getArray(0,this.usedElemNum)),this.dirty=!1}}}class l extends o{constructor(){super(h.Float32)}pushMat(){const t=this.usedElemNum-6,e=this.typedArray;this.resize(6),this.pushFloat32(e[t+0]),this.pushFloat32(e[t+1]),this.pushFloat32(e[t+2]),this.pushFloat32(e[t+3]),this.pushFloat32(e[t+4]),this.pushFloat32(e[t+5])}popMat(){this.pop(6)}pushIdentity(){this.resize(6),this.pushFloat32(1),this.pushFloat32(0),this.pushFloat32(0),this.pushFloat32(1),this.pushFloat32(0),this.pushFloat32(0)}translate(t,e){if("number"!=typeof t)return this.translate(t.x,t.y);const r=this.usedElemNum-6,i=this.typedArray;i[r+4]=i[r+0]*t+i[r+2]*e+i[r+4],i[r+5]=i[r+1]*t+i[r+3]*e+i[r+5]}rotate(t){const e=this.usedElemNum-6,r=this.typedArray,i=Math.cos(t),s=Math.sin(t),n=r[e+0],a=r[e+1],h=r[e+2],o=r[e+3];r[e+0]=n*i-a*s,r[e+1]=n*s+a*i,r[e+2]=h*i-o*s,r[e+3]=h*s+o*i}scale(t,e){if("number"!=typeof t)return this.scale(t.x,t.y);e||(e=t);const r=this.usedElemNum-6,i=this.typedArray;i[r+0]=i[r+0]*t,i[r+1]=i[r+1]*t,i[r+2]=i[r+2]*e,i[r+3]=i[r+3]*e}apply(t,e){if("number"!=typeof t)return new f(...this.apply(t.x,t.y));const r=this.usedElemNum-6,i=this.typedArray;return[i[r+0]*t+i[r+2]*e+i[r+4],i[r+1]*t+i[r+3]*e+i[r+5]]}getInverse(){const t=this.usedElemNum-6,e=this.typedArray,r=e[t+0],i=e[t+1],s=e[t+2],n=e[t+3],a=e[t+4],h=e[t+5],o=r*n-i*s;return new Float32Array([n/o,-i/o,-s/o,r/o,(s*h-n*a)/o,(i*a-r*h)/o])}getTransform(){const t=this.usedElemNum-6,e=this.typedArray;return new Float32Array([e[t+0],e[t+1],e[t+2],e[t+3],e[t+4],e[t+5]])}setTransform(t){const e=this.usedElemNum-6,r=this.typedArray;r[e+0]=t[0],r[e+1]=t[1],r[e+2]=t[2],r[e+3]=t[3],r[e+4]=t[4],r[e+5]=t[5]}getGlobalPosition(){const t=this.usedElemNum-6,e=this.typedArray;return new f(e[t+4],e[t+5])}setGlobalPosition(t,e){if("number"!=typeof t)return void this.setGlobalPosition(t.x,t.y);const r=this.usedElemNum-6,i=this.typedArray;i[r+4]=t,i[r+5]=e}getGlobalRotation(){const t=this.usedElemNum-6,e=this.typedArray;return Math.atan2(e[t+1],e[t+0])}setGlobalRotation(t){const e=this.usedElemNum-6,r=this.typedArray,i=this.getGlobalScale(),s=Math.cos(t),n=Math.sin(t);r[e+0]=s*i.x,r[e+1]=n*i.x,r[e+2]=-n*i.y,r[e+3]=s*i.y}getGlobalScale(){const t=this.usedElemNum-6,e=this.typedArray,r=Math.sqrt(e[t+0]*e[t+0]+e[t+1]*e[t+1]),i=Math.sqrt(e[t+2]*e[t+2]+e[t+3]*e[t+3]);return new f(r,i)}setGlobalScale(t,e){if("number"!=typeof t)return void this.setGlobalScale(t.x,t.y);const r=this.getGlobalRotation(),i=Math.cos(r),s=Math.sin(r),n=this.usedElemNum-6,a=this.typedArray;a[n+0]=i*t,a[n+1]=s*t,a[n+2]=-s*e,a[n+3]=i*e}globalToLocal(t){const e=this.getInverse();return new f(e[0]*t.x+e[2]*t.y+e[4],e[1]*t.x+e[3]*t.y+e[5])}localToGlobal(t){return this.apply(t)}toCSSTransform(){const t=this.usedElemNum-6,e=this.typedArray;return`matrix(${e[t+0]}, ${e[t+1]}, ${e[t+2]}, ${e[t+3]}, ${e[t+4]}, ${e[t+5]})`}identity(){const t=this.usedElemNum-6,e=this.typedArray;e[t+0]=1,e[t+1]=0,e[t+2]=0,e[t+3]=1,e[t+4]=0,e[t+5]=0}applyTransform(t,e=0,r=0){(t.saveTransform??1)&&this.pushMat(),t.afterSave&&t.afterSave();const i=t.x||0,s=t.y||0;(i||s)&&this.translate(i,s),t.position&&this.translate(t.position),t.rotation&&this.rotate(t.rotation),t.scale&&this.scale(t.scale);let n=t.offsetX||0,a=t.offsetY||0;t.offset&&(n+=t.offset.x,a+=t.offset.y);const h=t.origin;return h&&("number"==typeof h?(n-=h*e,a-=h*r):(n-=h.x*e,a-=h.y*r)),{offsetX:n,offsetY:a}}applyTransformAfter(t){t.beforRestore&&t.beforRestore(),(t.restoreTransform??1)&&this.popMat()}}class c extends u{constructor(t,e,r,i){super(t,h.Uint16,t.ELEMENT_ARRAY_BUFFER,t.STATIC_DRAW),this.setMaxSize(e*i);for(let t=0;t<i;t++)this.addObject(t*r);this.bindBuffer(),this.bufferData()}addObject(t){}}class d{constructor(t,e,r,i=255){this._r=t,this._g=e,this._b=r,this._a=i,this.updateUint()}get r(){return this._r}set r(t){this._r=t,this.updateUint()}get g(){return this._g}set g(t){this._g=t,this.updateUint()}get b(){return this._b}set b(t){this._b=t,this.updateUint()}get a(){return this._a}set a(t){this._a=t,this.updateUint()}updateUint(){this.uint32=(this._a<<24|this._b<<16|this._g<<8|this._r)>>>0}setRGBA(t,e,r,i){this.r=t,this.g=e,this.b=r,this.a=i,this.updateUint()}copy(t){this.setRGBA(t.r,t.g,t.b,t.a)}clone(){return new d(this._r,this._g,this._b,this._a)}equal(t){return t.r===this.r&&t.g===this.g&&t.b===this.b&&t.a===this.a}static fromHex(t){t.startsWith("#")&&(t=t.slice(1));const e=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),i=parseInt(t.slice(4,6),16);let s=255;return t.length>=8&&(s=parseInt(t.slice(6,8),16)),new d(e,r,i,s)}add(t){return new d(Math.min(this.r+t.r,255),Math.min(this.g+t.g,255),Math.min(this.b+t.b,255),Math.min(this.a+t.a,255))}subtract(t){return new d(Math.max(this.r-t.r,0),Math.max(this.g-t.g,0),Math.max(this.b-t.b,0),Math.max(this.a-t.a,0))}}d.Red=new d(255,0,0,255),d.Green=new d(0,255,0,255),d.Blue=new d(0,0,255,255),d.Yellow=new d(255,255,0,255),d.Purple=new d(128,0,128,255),d.Orange=new d(255,165,0,255),d.Pink=new d(255,192,203,255),d.Gray=new d(128,128,128,255),d.Brown=new d(139,69,19,255),d.Cyan=new d(0,255,255,255),d.Magenta=new d(255,0,255,255),d.Lime=new d(192,255,0,255),d.White=new d(255,255,255,255),d.Black=new d(0,0,0,255),d.TRANSPARENT=new d(0,0,0,0);class f{constructor(t,e){this.x=void 0!==t?t:0,this.y=void 0!==e?e:0}add(t){return new f(this.x+t.x,this.y+t.y)}subtract(t){return new f(this.x-t.x,this.y-t.y)}multiply(t){return t instanceof f?new f(this.x*t.x,this.y*t.y):new f(this.x*t,this.y*t)}divide(t){return t instanceof f?new f(this.x/t.x,this.y/t.y):new f(this.x/t,this.y/t)}dot(t){return this.x*t.x+this.y*t.y}cross(t){return this.x*t.y-this.y*t.x}distanceTo(t){const e=this.x-t.x,r=this.y-t.y;return Math.sqrt(e*e+r*r)}clone(){return new f(this.x,this.y)}copy(t){this.x=t.x,this.y=t.y}equal(t){return t.x==this.x&&t.y==this.y}perpendicular(){const t=this.x;return this.x=-this.y,this.y=t,this}invert(){return this.x=-this.x,this.y=-this.y,this}length(){return Math.sqrt(this.x*this.x+this.y*this.y)}normalize(){const t=this.length();return this.x=this.x/t||0,this.y=this.y/t||0,this}angle(){return Math.atan2(this.y,this.x)}middle(t){return new f((this.x+t.x)/2,(this.y+t.y)/2)}abs(){return new f(Math.abs(this.x),Math.abs(this.y))}floor(){return new f(Math.floor(this.x),Math.floor(this.y))}ceil(){return new f(Math.ceil(this.x),Math.ceil(this.y))}snap(t){return new f(Math.round(this.x/t)*t,Math.round(this.y/t)*t)}stringify(){return`Vec2(${this.x}, ${this.y})`}static FromArray(t){return t.map((t=>new f(t[0],t[1])))}}f.ZERO=new f(0,0),f.ONE=new f(1,1),f.UP=new f(0,1),f.DOWN=new f(0,-1),f.LEFT=new f(-1,0),f.RIGHT=new f(1,0);class p{static deg2rad(t){return t*(Math.PI/180)}static rad2deg(t){return t/(Math.PI/180)}static normalizeDegrees(t){return(t%360+360)%360}}const g=(t,e,r,i)=>{const s=[],n=i?Math.atan2(e.y,e.x):Math.atan2(-e.y,-e.x),a=Math.PI;for(let e=0;e<10;e++){const i=n+e/10*a,h=n+(e+1)/10*a,o=Math.cos(i)*r,u=Math.sin(i)*r,l=Math.cos(h)*r,c=Math.sin(h)*r;s.push(t),s.push(t.add(new f(o,u))),s.push(t.add(new f(l,c)))}return s},m=e=>{const r=e.points;if(r.length<2)return{vertices:[],uv:[]};const{normals:i,length:s}=((t,e=!1)=>{const r=[];if(t.length<2||e&&t.length<3)return{normals:r,length:0};const i=t.length;let s=0;if(e)for(let e=0;e<i;e++){const r=t[e],n=t[(e+1)%i];s+=r.distanceTo(n)}else for(let e=0;e<i-1;e++)s+=t[e].distanceTo(t[e+1]);const n=(t,e,r)=>{const i=e.subtract(t).normalize(),s=e.subtract(r).normalize(),n=s.dot(i);if(n<-.999)return{normal:i.perpendicular(),miters:1};{let t=s.add(i).normalize();i.cross(s)<0&&(t=t.multiply(-1));let e=1/Math.sqrt((1-n)/2);return{normal:t,miters:Math.min(e,4)}}};if(e){for(let e=0;e<i-1;e++){const s=0===e?t[i-2]:t[e-1],a=t[e],h=t[e+1];r.push(n(s,a,h))}r.push(r[0])}else for(let e=0;e<i;e++)if(0===e){const e=t[1].subtract(t[0]).normalize();r.push({normal:e.perpendicular(),miters:1})}else if(e===i-1){const i=t[e].subtract(t[e-1]).normalize();r.push({normal:i.perpendicular(),miters:1})}else r.push(n(t[e-1],t[e],t[e+1]));return{normals:r,length:s}})(r,e.closed),n=(e.width||1)/2,a=[],h=[],o=e.roundCap||!1,u=e.textureMode||t.STRETCH;let l=0;const c=e.texture?.width||1;for(let e=0;e<r.length-1;e++){const o=r[e],d=i[e].normal,p=i[e].miters,g=o.add(d.multiply(p*n)),m=o.subtract(d.multiply(p*n)),x=r[e+1],y=i[e+1].normal,T=i[e+1].miters,E=x.add(y.multiply(T*n)),b=x.subtract(y.multiply(T*n)),R=o.distanceTo(x);let w=0,S=0;u===t.STRETCH?(w=l/s,S=(l+R)/s):(w=l/c,S=w+R/c);const A=new f(w,0),v=new f(w,1),U=new f(S,0),M=new f(S,1);a.push(g),h.push(A),a.push(m),h.push(v),a.push(E),h.push(U),a.push(E),h.push(U),a.push(b),h.push(M),a.push(m),h.push(v),l+=R}if(o&&!e.closed){const t=r[0],e=i[0].normal,s=g(t,e,n,!0);a.push(...s);const h=r[r.length-1],o=i[r.length-1].normal,u=g(h,o,n,!1);a.push(...u)}return{vertices:a,uv:h}};var x="precision mediump float;\r\nvarying vec2 vRegion;\r\nvarying vec4 vColor;\r\n\r\nuniform sampler2D uTexture;\r\nuniform int uUseTexture;\r\n\r\nvoid main(void) {\r\n vec4 color;\r\n if(uUseTexture > 0){\r\n color = texture2D(uTexture, vRegion) * vColor;\r\n }else{\r\n color = vColor;\r\n }\r\n // fragment\r\n gl_FragColor = color;\r\n}\r\n",y="precision mediump float;\r\n\r\nattribute vec2 aPosition;\r\nattribute vec4 aColor;\r\nattribute vec2 aRegion;\r\n\r\nvarying vec4 vColor;\r\nuniform mat4 uProjectionMatrix;\r\nuniform vec4 uColor;\r\nvarying vec2 vRegion;\r\n\r\nvoid main(void) {\r\n // vertex s\r\n gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r\n // vertex e\r\n vColor = aColor;\r\n vRegion = aRegion;\r\n}\r\n";const T=(t,e,r)=>{const i=t.createShader(r);if(!i)throw new Error("Unable to create webgl shader");t.shaderSource(i,e),t.compileShader(i);if(!t.getShaderParameter(i,t.COMPILE_STATUS)){const r=t.getShaderInfoLog(i);throw console.error("Shader compilation failed:",r),new Error("Unable to compile shader: "+r+e)}return i};function E(t,e,r,i=!1,s=!1,n="clamp"){const a=t.createTexture();if(!a)throw new Error("unable to create texture");let h;switch(t.bindTexture(t.TEXTURE_2D,a),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,r?t.LINEAR:t.NEAREST),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,r?t.LINEAR:t.NEAREST),n){case"repeat":h=t.REPEAT;break;case"mirror":h=t.MIRRORED_REPEAT;break;default:h=t.CLAMP_TO_EDGE}return t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,h),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,h),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,s),i?t.texImage2D(t.TEXTURE_2D,0,t.RGBA,e.width,e.height,0,t.RGBA,t.UNSIGNED_BYTE,null):t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e),a}const b=5126;var R="precision mediump float;\r\nuniform sampler2D uTextures[%TEXTURE_NUM%];\r\n\r\nvarying vec2 vRegion;\r\nvarying float vTextureId;\r\nvarying vec4 vColor;\r\n\r\nvoid main(void) {\r\n vec4 color;\r\n %GET_COLOR%\r\n // fragment\r\n gl_FragColor = color * vColor;\r\n}",w="precision mediump float;\r\n\r\nattribute vec2 aPosition;\r\nattribute vec2 aRegion;\r\nattribute float aTextureId;\r\nattribute vec4 aColor;\r\n\r\nuniform mat4 uProjectionMatrix;\r\n\r\nvarying vec2 vRegion;\r\nvarying float vTextureId;\r\nvarying vec4 vColor;\r\n\r\nvoid main(void) {\r\n vRegion = aRegion;\r\n vTextureId = aTextureId;\r\n vColor = aColor;\r\n\r\n // vertex s\r\n gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r\n // vertex e\r\n}";const S=[{name:"aPosition",size:2,type:b,stride:24},{name:"aRegion",size:2,type:b,stride:24,offset:2*Float32Array.BYTES_PER_ELEMENT},{name:"aTextureId",size:1,type:b,stride:24,offset:4*Float32Array.BYTES_PER_ELEMENT},{name:"aColor",size:4,type:5121,stride:24,offset:5*Float32Array.BYTES_PER_ELEMENT,normalized:!0}],A=[{name:"aPosition",size:2,type:b,stride:20},{name:"aColor",size:4,type:5121,stride:20,offset:2*Float32Array.BYTES_PER_ELEMENT,normalized:!0},{name:"aRegion",size:2,type:b,stride:20,offset:3*Float32Array.BYTES_PER_ELEMENT}];class v{constructor(t,e,r,i,s=0){this.attributeLoc={},this.uniformLoc={},this.textureUnitNum=0,this.attributes=[];const n=function(t,e){if(t.includes("%TEXTURE_NUM%")&&(t=t.replace("%TEXTURE_NUM%",e.toString())),t.includes("%GET_COLOR%")){let r="";for(let t=0;t<e;t++)r+=0==t?`if(vTextureId == ${t}.0)`:t==e-1?"else":`else if(vTextureId == ${t}.0)`,r+=`{color = texture2D(uTextures[${t}], vRegion);}`;t=t.replace("%GET_COLOR%",r)}return t}(r,t.maxTextureUnits-s);this.program=((t,e,r)=>{var i=t.createProgram(),s=T(t,e,35633),n=T(t,r,35632);if(!i)throw new Error("Unable to create program shader");if(t.attachShader(i,s),t.attachShader(i,n),t.linkProgram(i),!t.getProgramParameter(i,t.LINK_STATUS)){const e=t.getProgramInfoLog(i);throw new Error("Unable to link shader program: "+e)}return i})(t.gl,e,n),this.gl=t.gl,this.textureUnitNum=s,this.parseShader(e),this.parseShader(n),i&&this.setAttributes(i)}setUniforms(t,e){const r=this.gl;for(const i of t.getUnifromNames()){const s=this.getUniform(i);t.bind(r,i,s,e)}}getUniform(t){return this.uniformLoc[t]}use(){this.gl.useProgram(this.program)}parseShader(t){const e=this.gl,r=t.match(/attribute\s+\w+\s+(\w+)/g);if(r)for(const t of r){const r=t.split(" ")[2],i=e.getAttribLocation(this.program,r);-1!=i&&(this.attributeLoc[r]=i)}const i=t.match(/uniform\s+\w+\s+(\w+)/g);if(i)for(const t of i){const r=t.split(" ")[2];this.uniformLoc[r]=e.getUniformLocation(this.program,r)}}setAttribute(t){const e=this.attributeLoc[t.name];if(void 0!==e){const r=this.gl;r.vertexAttribPointer(e,t.size,t.type,t.normalized||!1,t.stride,t.offset||0),r.enableVertexAttribArray(e)}}setAttributes(t){this.attributes=t;for(const e of t)this.setAttribute(e)}updateAttributes(){this.setAttributes(this.attributes)}static createCostumShader(t,e,r,i,n=0){let a={[s.SPRITE]:R,[s.GRAPHIC]:x}[i],h={[s.SPRITE]:w,[s.GRAPHIC]:y}[i];const o={[s.SPRITE]:S,[s.GRAPHIC]:A}[i];return a=a.replace("void main(void) {",r+"\nvoid main(void) {"),h=h.replace("void main(void) {",e+"\nvoid main(void) {"),a=a.replace("// fragment","fragment(color);"),h=h.replace(/\/\/ vertex s[\s\S]*?\/\/ vertex e/,"vec2 position = aPosition;\n vertex(position, vRegion);\n gl_Position = uProjectionMatrix * vec4(position, 0.0, 1.0);"),new v(t,h,a,o,n)}}class U{constructor(t){this.usedTextures=[],this.shaders=new Map,this.isCostumShader=!1,this.freeTextureUnitNum=0,this.rapid=t,this.gl=t.gl,this.webglArrayBuffer=new u(t.gl,h.Float32,t.gl.ARRAY_BUFFER,t.gl.STREAM_DRAW),this.maxTextureUnits=t.maxTextureUnits}getTextureUnitList(){return Array.from({length:this.maxTextureUnits},((t,e)=>e))}addVertex(t,e,...r){const[i,s]=this.rapid.matrixStack.apply(t,e);this.webglArrayBuffer.pushFloat32(i),this.webglArrayBuffer.pushFloat32(s)}useTexture(t){const e=this.usedTextures.indexOf(t);return-1==e?(this.usedTextures.push(t),this.freeTextureUnitNum=this.maxTextureUnits-this.usedTextures.length,[this.usedTextures.length-1,!0]):[e,!1]}enterRegion(t){this.currentShader=t??this.getShader("default"),this.currentShader.use(),this.initializeForNextRender(),this.webglArrayBuffer.bindBuffer(),this.currentShader.updateAttributes(),this.updateProjection(),this.isCostumShader=Boolean(t)}updateProjection(){this.gl.uniformMatrix4fv(this.currentShader.uniformLoc.uProjectionMatrix,!1,this.rapid.projection)}isUnifromChanged(t){return!!t&&(this.costumUnifrom!=t||!!t?.isDirty)}setCurrentUniform(t){t.clearDirty(),this.costumUnifrom=t}exitRegion(){}initDefaultShader(t,e,r){this.setShader("default",t,e,r)}setShader(t,e,r,i){this.webglArrayBuffer.bindBuffer(),this.shaders.set(t,new v(this.rapid,e,r,i)),"default"===t&&(this.defaultShader=this.shaders.get(t))}getShader(t){return this.shaders.get(t)}render(){this.executeRender(),this.initializeForNextRender()}executeRender(){const t=this.gl;for(let e=0;e<this.usedTextures.length;e++)t.activeTexture(t.TEXTURE0+e),t.bindTexture(t.TEXTURE_2D,this.usedTextures[e]);this.webglArrayBuffer.bufferData()}initializeForNextRender(){this.webglArrayBuffer.clear(),this.usedTextures.length=0,this.isCostumShader=!1,this.freeTextureUnitNum=this.maxTextureUnits}hasPendingContent(){return!1}isShaderChanged(t){return(t||this.defaultShader)!=this.currentShader}}class M extends U{constructor(t){super(t),this.vertex=0,this.offset=f.ZERO,this.drawType=t.gl.TRIANGLE_FAN,this.setShader("default",y,x,A)}startRender(t,e,r,i){i&&this.currentShader?.setUniforms(i,this),this.offset=new f(t,e),this.vertex=0,this.webglArrayBuffer.clear(),r&&r.base&&(this.texture=this.useTexture(r.base.texture)[0])}addVertex(t,e,r,i,s){this.webglArrayBuffer.resize(3),super.addVertex(t+this.offset.x,e+this.offset.y),this.webglArrayBuffer.pushUint32(s),this.webglArrayBuffer.pushFloat32(r),this.webglArrayBuffer.pushFloat32(i),this.vertex+=1}executeRender(){super.executeRender();const t=this.gl;t.uniform1i(this.currentShader.uniformLoc.uUseTexture,void 0===this.texture?0:1),this.texture&&t.uniform1i(this.currentShader.uniformLoc.uTexture,this.texture),t.drawArrays(this.drawType,0,this.vertex),this.drawType=this.rapid.gl.TRIANGLE_FAN,this.vertex=0,this.texture=void 0}}const F=Math.floor(16384);class _ extends c{constructor(t,e){super(t,6,4,e)}addObject(t){super.addObject(),this.pushUint16(t),this.pushUint16(t+1),this.pushUint16(t+2),this.pushUint16(t),this.pushUint16(t+3),this.pushUint16(t+2)}}class N extends U{constructor(t){const e=t.gl;super(t),this.batchSprite=0,this.spriteTextureUnits=[],this.spriteTextureUnitIndexOffset=0,this.setShader("default",w,R,S),this.indexBuffer=new _(e,F)}addVertex(t,e,r,i,s,n){super.addVertex(t,e),this.webglArrayBuffer.pushFloat32(r),this.webglArrayBuffer.pushFloat32(i),this.webglArrayBuffer.pushFloat32(s),this.webglArrayBuffer.pushUint32(n)}renderSprite(t,e,r,i,s,n,a,h,o,u,l,c,d,f=0){(1+f>this.freeTextureUnitNum||this.batchSprite>=F||this.isUnifromChanged(l)||this.rapid.projectionDirty)&&(this.render(),l&&this.isUnifromChanged(l)&&(this.currentShader.setUniforms(l,this),this.setCurrentUniform(l)),this.rapid.projectionDirty&&this.updateProjection()),this.batchSprite++,this.webglArrayBuffer.resize(20);const[p,g]=this.useTexture(t);g&&(this.spriteTextureUnits.push(p),this.spriteTextureUnitIndexOffset=this.spriteTextureUnits[0]);const m=p-this.spriteTextureUnitIndexOffset,x=c?n:i,y=c?i:n,T=d?a:s,E=d?s:a,b=h,R=h+e,w=o,S=o+r;this.addVertex(b,w,x,T,m,u),this.addVertex(R,w,y,T,m,u),this.addVertex(R,S,y,E,m,u),this.addVertex(b,S,x,E,m,u)}executeRender(){if(super.executeRender(),this.batchSprite<=0)return;const t=this.gl;this.spriteTextureUnits.length>0&&this.gl.uniform1iv(this.currentShader.uniformLoc.uTextures,this.spriteTextureUnits),t.drawElements(t.TRIANGLES,6*this.batchSprite,t.UNSIGNED_SHORT,0)}enterRegion(t){super.enterRegion(t),this.indexBuffer.bindBuffer()}initializeForNextRender(){super.initializeForNextRender(),this.batchSprite=0,this.spriteTextureUnits.length=0}hasPendingContent(){return this.batchSprite>0}}class C{constructor(t,e){this.cache=new Map,this.render=t,this.antialias=e}async textureFromUrl(t,r=this.antialias,i=e.CLAMP){let s=this.cache.get(t);if(!s){const e=await this.loadImage(t);s=I.fromImageSource(this.render,e,r,i),this.cache.set(t,s)}return new P(s)}textureFromFrameBufferObject(t){return new P(t)}async textureFromSource(t,r=this.antialias,i=e.CLAMP){let s=this.cache.get(t);return s||(s=I.fromImageSource(this.render,t,r,i),this.cache.set(t,s)),new P(s)}async loadImage(t){return new Promise((e=>{const r=new Image;r.onload=()=>{e(r)},r.src=t}))}createText(t){return new D(this.render,t)}destroy(t){t instanceof P?(t.base?.destroy(this.render.gl),this.removeCache(t)):(t.destroy(this.render.gl),this.removeCache(t))}createFrameBufferObject(t,e,r=this.antialias){return new L(this.render,t,e,r)}removeCache(t){const e=t instanceof P?t.base?.texture:t.texture;e&&this.cache.forEach(((t,r)=>{t===e&&this.cache.delete(r)}))}}class I{constructor(t,r,i,s=e.CLAMP){this.texture=t,this.width=r,this.height=i,this.wrapMode=s}static fromImageSource(t,r,i=!1,s=e.CLAMP){return new I(E(t.gl,r,i,!1,!1,s),r.width,r.height)}destroy(t){t.deleteTexture(this.texture)}}class P{constructor(t){this.scale=1,this.setBaseTextur(t)}setBaseTextur(t){t&&(this.base=t,this.setClipRegion(0,0,t.width,t.height))}setClipRegion(t,e,r,i){if(this.base)return this.clipX=t/this.base.width,this.clipY=e/this.base.height,this.clipW=this.clipX+r/this.base.width,this.clipH=this.clipY+i/this.base.height,this.width=r*this.scale,this.height=i*this.scale,this}static fromImageSource(t,e,r=!1){return new P(I.fromImageSource(t,e,r))}static fromUrl(t,e){return t.textures.textureFromUrl(e)}createSpritesHeet(t,e){if(!this.base)return[];const r=[],i=Math.floor(this.base.width/t),s=Math.floor(this.base.height/e);for(let n=0;n<s;n++)for(let s=0;s<i;s++){const i=this.clone();i.setClipRegion(s*t,n*e,t,e),r.push(i)}return r}clone(){return new P(this.base)}}const B=2;class D extends P{constructor(t,e){super(),this.scale=.5,this.rapid=t,this.options=e,this.text=e.text||" ",this.updateTextImage()}updateTextImage(){const t=this.createTextCanvas();this.setBaseTextur(I.fromImageSource(this.rapid,t,!0))}createTextCanvas(){const t=document.createElement("canvas"),e=t.getContext("2d");if(!e)throw new Error("Failed to get canvas context");e.font=`${this.options.fontSize||16}px ${this.options.fontFamily||"Arial"}`,e.fillStyle=this.options.color||"#000",e.textAlign=this.options.textAlign||"left",e.textBaseline=this.options.textBaseline||"top";const r=this.text.split("\n");let i=0,s=0;for(const t of r){const r=e.measureText(t);i=Math.max(i,r.width),s+=this.options.fontSize||16}t.width=2*i,t.height=2*s,e.scale(2,2),e.font=`${this.options.fontSize||16}px ${this.options.fontFamily||"Arial"}`,e.fillStyle=this.options.color||"#000",e.textAlign=this.options.textAlign||"left",e.textBaseline=this.options.textBaseline||"top";let n=0;for(const t of r)e.fillText(t,0,n),n+=this.options.fontSize||16;return t}setText(t){this.text!=t&&(this.text=t,this.updateTextImage())}}class L extends I{constructor(t,e,r,i=!1){const s=t.gl,n=E(s,{width:e,height:r},i,!0,!1),a=s.createFramebuffer();if(!a)throw s.deleteTexture(n),new Error("Failed to create WebGL framebuffer");s.bindFramebuffer(s.FRAMEBUFFER,a),s.framebufferTexture2D(s.FRAMEBUFFER,s.COLOR_ATTACHMENT0,s.TEXTURE_2D,n,0);const h=s.createRenderbuffer();if(!h)throw s.deleteFramebuffer(a),s.deleteTexture(n),new Error("Failed to create depth-stencil renderbuffer");s.bindRenderbuffer(s.RENDERBUFFER,h),s.renderbufferStorage(s.RENDERBUFFER,s.STENCIL_INDEX8,e,r),s.framebufferRenderbuffer(s.FRAMEBUFFER,s.STENCIL_ATTACHMENT,s.RENDERBUFFER,h),super(n,e,r),this.gl=s,this.framebuffer=a,s.bindTexture(s.TEXTURE_2D,null),s.bindFramebuffer(s.FRAMEBUFFER,null)}bind(){const t=this.gl;t.bindTexture(t.TEXTURE_2D,null),t.bindFramebuffer(t.FRAMEBUFFER,this.framebuffer),t.clearColor(.5,.2,.5,.5),t.clear(t.COLOR_BUFFER_BIT)}unbind(){this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,null),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}resize(t,e){this.width=t,this.height=e,this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,t,e,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,null),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}destroy(t){t.deleteFramebuffer(this.framebuffer),super.destroy(t)}}const O=new Set;class G{constructor(t,e){this.textures=new Map,this.width=t,this.height=e}setTile(t,e){e instanceof P&&(e={texture:e}),this.textures.set(t,e)}getTile(t){return this.textures.get(t)}}class k{constructor(t){this.rapid=t}getYSortRow(t,e,r){if(!t)return[];const i=[];for(const r of t){const t=Math.floor(r.ySort/e);i[t]||(i[t]=[]),i[t].push(r)}return i}getOffset(t){let e=(t.errorX??2)+1,r=(t.errorY??2)+1;if("number"==typeof t.error){const i=(t.error??2)+1;e=i,r=i}else t.error&&(e=t.error.x+1,r=t.error.y+1);return{errorX:e,errorY:r}}getTileData(t,e){const r=e.shape??i.SQUARE,s=t.width,n=r===i.ISOMETRIC?t.height/2:t.height,a=this.rapid.matrixStack,h=a.globalToLocal(f.ZERO),o=a.getGlobalScale(),{errorX:u,errorY:l}=this.getOffset(e),c=Math.ceil(this.rapid.width/s/o.x)+2*u,d=Math.ceil(this.rapid.height/n/o.y)+2*l,p=new f(h.x<0?Math.ceil(h.x/s):Math.floor(h.x/s),h.y<0?Math.ceil(h.y/n):Math.floor(h.y/n));p.x-=u,p.y-=l;let g=new f(0-h.x%s-u*s,0-h.y%n-l*n);return g=g.add(h),{startTile:p,offset:g,viewportWidth:c,viewportHeight:d,height:n,width:s,shape:r}}renderYSortRow(t,e){for(const r of e)r.render?r.render():r.renderSprite&&t.renderSprite(r.renderSprite)}renderLayer(t,e){this.rapid.matrixStack.applyTransform(e);const r=e.tileSet,{startTile:s,offset:n,viewportWidth:a,viewportHeight:h,shape:o,width:u,height:l}=this.getTileData(r,e),c=this.getYSortRow(e.ySortCallback,l,h),d=e.ySortCallback&&e.ySortCallback.length>0;var f;0!==this.rapid.matrixStack.getGlobalRotation()&&(f="TileMapRender: tilemap is not supported rotation",O.has(f)||(O.add(f),console.warn(f)),this.rapid.matrixStack.setGlobalRotation(0));for(let f=0;f<h;f++){const h=f+s.y,p=c[h]??[];if(h<0||h>=t.length)this.renderYSortRow(this.rapid,p);else{for(let c=0;c<a;c++){const a=c+s.x;if(a<0||a>=t[h].length)continue;const d=t[h][a],g=r.getTile(d);if(!g)continue;let m=c*u+n.x,x=f*l+n.y,y=f*l+n.y+(g.ySortOffset??0);h%2!=0&&o===i.ISOMETRIC&&(m+=u/2);const T=e.eachTile&&e.eachTile(d,a,h)||{};p.push({ySort:y,renderSprite:{...g,x:m+(g.x||0),y:x+(g.y||0),...T}})}d&&p.sort(((t,e)=>t.ySort-e.ySort)),this.renderYSortRow(this.rapid,p)}}this.rapid.matrixStack.applyTransform(e)}localToMap(t,e){const r=e.tileSet;if(e.shape===i.ISOMETRIC){let e=0,i=0;const s=r.height/2,n=r.width/2;let a=Math.floor(t.y/s);const h=a%2==0;let o=Math.floor(t.x/n);const u=o%2==0,l=t.x%n/n,c=t.y%s/s,d=c<l,p=c<1-l;return h||(a-=1),d&&!u&&h?a-=1:d||!u||h?p&&u&&h?(o-=2,a-=1):p||u||h||(a+=1):(a+=1,o-=2),e=o,i=a,e=Math.floor(o/2),new f(e,i)}return new f(Math.floor(t.x/r.width),Math.floor(t.y/r.height))}mapToLocal(t,e){const r=e.tileSet;if(e.shape===i.ISOMETRIC){let e=new f(t.x*r.width,t.y*r.height/2);return t.y%2!=0&&(e.x+=r.width/2),e}return new f(t.x*r.width,t.y*r.height)}}class z{constructor(t){this.projectionDirty=!0,this.matrixStack=new l,this.tileMap=new k(this),this.light=new a(this),this.devicePixelRatio=window.devicePixelRatio||1,this.defaultColor=new d(255,255,255,255),this.regions=new Map,this.currentMaskType=[],this.currentTransform=[],this.currentFBO=[];const e=(t=>{const e={stencil:!0},r=t.getContext("webgl2",e)||t.getContext("webgl",e);if(!r)throw new Error("Unable to initialize WebGL. Your browser may not support it.");return r})(t.canvas);this.gl=e,this.canvas=t.canvas,this.textures=new C(this,t.antialias??!1),this.maxTextureUnits=e.getParameter(this.gl.MAX_TEXTURE_IMAGE_UNITS),this.width=t.width||this.canvas.width,this.height=t.width||this.canvas.height,this.backgroundColor=t.backgroundColor||new d(255,255,255,255),this.registerBuildInRegion(),this.initWebgl(e),this.projectionDirty=!1}renderTileMapLayer(t,e){this.tileMap.renderLayer(t,e instanceof G?{tileSet:e}:e)}initWebgl(t){this.resize(this.width,this.height),t.enable(t.BLEND),t.disable(t.DEPTH_TEST),t.blendFunc(t.SRC_ALPHA,t.ONE_MINUS_SRC_ALPHA),t.enable(t.STENCIL_TEST),t.enable(t.SCISSOR_TEST)}clearTextureUnit(){for(let t=0;t<this.maxTextureUnits;t++)this.gl.activeTexture(this.gl.TEXTURE0+t),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}registerBuildInRegion(){this.registerRegion("sprite",N),this.registerRegion("graphic",M)}registerRegion(t,e){this.regions.set(t,new e(this))}quitCurrentRegion(){this.currentRegion&&this.currentRegion.hasPendingContent()&&(this.currentRegion.render(),this.currentRegion.exitRegion())}setRegion(t,e){if(t!=this.currentRegionName||this.currentRegion&&this.currentRegion.isShaderChanged(e)){const r=this.regions.get(t);this.quitCurrentRegion(),this.currentRegion=r,this.currentRegionName=t,r.enterRegion(e)}}save(){this.matrixStack.pushMat()}restore(){this.matrixStack.popMat()}withTransform(t){this.save(),t(),this.restore()}startRender(t=!0){this.clear(),t&&this.matrixStack.clear(),this.matrixStack.pushIdentity(),this.currentRegion=void 0,this.currentRegionName=void 0}endRender(){this.currentRegion?.render(),this.projectionDirty=!1}render(t){this.startRender(),t(),this.endRender()}renderSprite(t){const e=t.texture;if(!e||!e.base)return;const{offsetX:r,offsetY:i}=this.startDraw(t,e.width,e.height);this.setRegion("sprite",t.shader),this.currentRegion.renderSprite(e.base.texture,e.width,e.height,e.clipX,e.clipY,e.clipW,e.clipH,r,i,(t.color||this.defaultColor).uint32,t.uniforms,t.flipX,t.flipY),this.afterDraw()}renderTexture(t){t.base&&this.renderSprite({texture:t})}renderLine(t){const e=t.closed?[...t.points,t.points[0]]:t.points,{vertices:r,uv:i}=m({...t,points:e});this.renderGraphic({...t,drawType:this.gl.TRIANGLES,points:r,uv:i})}renderGraphic(t){this.startGraphicDraw(t),t.points.forEach(((e,r)=>{const i=Array.isArray(t.color)?t.color[r]:t.color,s=t.uv?.[r];this.addGraphicVertex(e.x,e.y,s,i)})),this.endGraphicDraw()}startGraphicDraw(t){const{offsetX:e,offsetY:r}=this.startDraw(t);this.setRegion("graphic",t.shader);const i=this.currentRegion;i.startRender(e,r,t.texture,t.uniforms),t.drawType&&(i.drawType=t.drawType)}addGraphicVertex(t,e,r,i){this.currentRegion.addVertex(t,e,r?.x,r?.y,(i||this.defaultColor).uint32)}endGraphicDraw(){this.currentRegion.render(),this.afterDraw()}startDraw(t,e=0,r=0){return this.currentTransform.push(t),this.matrixStack.applyTransform(t,e,r)}afterDraw(){this.currentTransform.length>0&&this.matrixStack.applyTransformAfter(this.currentTransform.pop())}renderRect(t){const{width:e,height:r}=t,i=[new f(0,0),new f(e,0),new f(e,r),new f(0,r)];this.renderGraphic({...t,points:i,drawType:this.gl.TRIANGLE_FAN})}renderCircle(t){const e=t.segments||32,r=t.radius,i=t.color||this.defaultColor,s=[];for(let t=0;t<=e;t++){const i=t/e*Math.PI*2,n=Math.cos(i)*r,a=Math.sin(i)*r;s.push(new f(n,a))}this.renderGraphic({...t,points:s,color:i,drawType:this.gl.TRIANGLE_FAN})}resize(t,e){const r=t*this.devicePixelRatio,i=e*this.devicePixelRatio;this.canvas.width=r,this.canvas.height=i,this.resizeWebglSize(t,e),this.canvas.style.width=t+"px",this.canvas.style.height=e+"px",this.width=t,this.height=e}resizeWebglSize(t,e,r){const i=t*(r||this.devicePixelRatio),s=e*(r||this.devicePixelRatio);this.gl.viewport(0,0,i,s),this.updateProjection(0,t,e,0),this.gl.scissor(0,0,i,s)}updateProjection(t,e,r,i){this.projection=this.createOrthMatrix(t,e,r,i),this.projectionDirty=!0}clear(t){const e=this.gl,r=t||this.backgroundColor;e.clearColor(r.r/255,r.g/255,r.b/255,r.a/255),e.clear(e.COLOR_BUFFER_BIT),this.clearMask()}createOrthMatrix(t,e,r,i){return new Float32Array([2/(e-t),0,0,0,0,2/(i-r),0,0,0,0,-1,0,-(e+t)/(e-t),-(i+r)/(i-r),0,1])}drawMask(t=r.Include,e){this.startDrawMask(t),e(),this.endDrawMask()}startDrawMask(t=r.Include){const e=this.gl;this.currentMaskType.push(t),this.setMaskType(t,!0),e.stencilOp(e.KEEP,e.KEEP,e.REPLACE),e.colorMask(!1,!1,!1,!1)}endDrawMask(){const t=this.gl;this.quitCurrentRegion(),t.stencilOp(t.KEEP,t.KEEP,t.KEEP),t.colorMask(!0,!0,!0,!0),this.setMaskType(this.currentMaskType.pop()??r.Include,!1)}setMaskType(t,e=!1){const i=this.gl;if(this.quitCurrentRegion(),e)this.clearMask(),i.stencilFunc(i.ALWAYS,1,255);else switch(t){case r.Include:i.stencilFunc(i.EQUAL,1,255);break;case r.Exclude:i.stencilFunc(i.NOTEQUAL,1,255)}}clearMask(){const t=this.gl;this.quitCurrentRegion(),t.clearStencil(0),t.clear(t.STENCIL_BUFFER_BIT),t.stencilFunc(t.ALWAYS,1,255)}createCostumShader(t,e,r,i=0){return v.createCostumShader(this,t,e,r,i)}startFBO(t){this.quitCurrentRegion(),t.bind(),this.clearTextureUnit(),this.resizeWebglSize(t.width,t.height,1),this.updateProjection(0,t.width,0,t.height),this.save(),this.matrixStack.identity(),this.currentFBO.push(t)}endFBO(){if(this.currentFBO.length>0){const t=this.currentFBO.pop();this.quitCurrentRegion(),t.unbind(),this.clearTextureUnit(),this.resizeWebglSize(this.width,this.height),this.updateProjection(0,this.width,this.height,0),this.restore()}}drawToFBO(t,e){this.startFBO(t),e(),this.endFBO()}setBlendMode(t){switch(t){case n.Additive:this.gl.blendFunc(this.gl.SRC_ALPHA,this.gl.ONE);break;case n.Subtractive:this.gl.blendFunc(this.gl.ZERO,this.gl.ONE_MINUS_SRC_COLOR);break;case n.Mix:this.gl.blendFunc(this.gl.SRC_ALPHA,this.gl.ONE_MINUS_SRC_ALPHA)}}}class X{constructor(t){this.isDirty=!1,this.data=t}setUniform(t,e){this.data[t]!=e&&(this.isDirty=!0),this.data[t]=e}clearDirty(){this.isDirty=!1}getUnifromNames(){return Object.keys(this.data)}bind(t,e,r,i){if(!r)return;const s=this.data[e];if("number"==typeof s)t.uniform1f(r,s);else if(Array.isArray(s))switch(s.length){case 1:Number.isInteger(s[0])?t.uniform1i(r,s[0]):t.uniform1f(r,s[0]);break;case 2:Number.isInteger(s[0])?t.uniform2iv(r,s):t.uniform2fv(r,s);break;case 3:Number.isInteger(s[0])?t.uniform3iv(r,s):t.uniform3fv(r,s);break;case 4:Number.isInteger(s[0])?t.uniform4iv(r,s):t.uniform4fv(r,s);break;case 9:t.uniformMatrix3fv(r,!1,s);break;case 16:t.uniformMatrix4fv(r,!1,s);break;default:console.error(`Unsupported uniform array length for ${e}:`,s.length)}else if("boolean"==typeof s)t.uniform1i(r,s?1:0);else if(s.base?.texture){const e=i.useTexture(s.base.texture)[0];t.uniform1i(r,e)}else console.error(`Unsupported uniform type for ${e}:`,typeof s)}}export{h as ArrayType,I as BaseTexture,n as BlendMode,d as Color,o as DynamicArrayBuffer,L as FrameBufferObject,v as GLShader,t as LineTextureMode,r as MaskType,p as MathUtils,l as MatrixStack,z as Rapid,B as SCALEFACTOR,s as ShaderType,D as Text,P as Texture,C as TextureCache,e as TextureWrapMode,k as TileMapRender,G as TileSet,i as TilemapShape,X as Uniform,f as Vec2,u as WebglBufferArray,c as WebglElementBufferArray,A as graphicAttributes,S as spriteAttributes};
|
package/dist/rapid.umd.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var t,e,r,i,s,n;exports.LineTextureMode=void 0,(t=exports.LineTextureMode||(exports.LineTextureMode={})).STRETCH="stretch",t.REPEAT="repeat",exports.TextureWrapMode=void 0,(e=exports.TextureWrapMode||(exports.TextureWrapMode={})).REPEAT="repeat",e.CLAMP="clamp",e.MIRROR="mirror",exports.MaskType=void 0,(r=exports.MaskType||(exports.MaskType={})).Include="normal",r.Exclude="inverse",exports.TilemapShape=void 0,(i=exports.TilemapShape||(exports.TilemapShape={})).SQUARE="square",i.ISOMETRIC="isometric",exports.ShaderType=void 0,(s=exports.ShaderType||(exports.ShaderType={})).SPRITE="sprite",s.GRAPHIC="graphic",exports.BlendMode=void 0,(n=exports.BlendMode||(exports.BlendMode={})).Additive="additive",n.Subtractive="subtractive",n.Mix="mix";class a{constructor(t){this.render=t}}var o;exports.ArrayType=void 0,(o=exports.ArrayType||(exports.ArrayType={}))[o.Float32=0]="Float32",o[o.Uint32=1]="Uint32",o[o.Uint16=2]="Uint16";class h{constructor(t){this.usedElemNum=0,this.maxElemNum=512,this.bytePerElem=this.getArrayType(t).BYTES_PER_ELEMENT,this.arrayType=t,this.arraybuffer=new ArrayBuffer(this.maxElemNum*this.bytePerElem),this.updateTypedArray()}getArrayType(t){switch(t){case exports.ArrayType.Float32:return Float32Array;case exports.ArrayType.Uint32:return Uint32Array;case exports.ArrayType.Uint16:return Uint16Array}}updateTypedArray(){switch(this.uint32=new Uint32Array(this.arraybuffer),this.float32=new Float32Array(this.arraybuffer),this.uint16=new Uint16Array(this.arraybuffer),this.arrayType){case exports.ArrayType.Float32:this.typedArray=this.float32;break;case exports.ArrayType.Uint32:this.typedArray=this.uint32;break;case exports.ArrayType.Uint16:this.typedArray=this.uint16}}clear(){this.usedElemNum=0}resize(t=0){if((t+=this.usedElemNum)>this.maxElemNum){for(;t>this.maxElemNum;)this.maxElemNum<<=1;this.setMaxSize(this.maxElemNum)}}setMaxSize(t=this.maxElemNum){const e=this.typedArray;this.maxElemNum=t,this.arraybuffer=new ArrayBuffer(t*this.bytePerElem),this.updateTypedArray(),this.typedArray.set(e)}pushUint32(t){this.uint32[this.usedElemNum++]=t}pushFloat32(t){this.float32[this.usedElemNum++]=t}pushUint16(t){this.uint16[this.usedElemNum++]=t}pop(t){this.usedElemNum-=t}getArray(t=0,e){return null==e?this.typedArray:this.typedArray.subarray(t,e)}get length(){return this.typedArray.length}}class u extends h{constructor(t,e,r=t.ARRAY_BUFFER,i=t.STATIC_DRAW){super(e),this.dirty=!0,this.webglBufferSize=0,this.gl=t,this.buffer=t.createBuffer(),this.type=r,this.usage=i}pushFloat32(t){super.pushFloat32(t),this.dirty=!0}pushUint32(t){super.pushUint32(t),this.dirty=!0}pushUint16(t){super.pushUint16(t),this.dirty=!0}bindBuffer(){this.gl.bindBuffer(this.type,this.buffer)}bufferData(){if(this.dirty){const t=this.gl;this.maxElemNum>this.webglBufferSize?(t.bufferData(this.type,this.getArray(),this.usage),this.webglBufferSize=this.maxElemNum):t.bufferSubData(this.type,0,this.getArray(0,this.usedElemNum)),this.dirty=!1}}}class l extends h{constructor(){super(exports.ArrayType.Float32)}pushMat(){const t=this.usedElemNum-6,e=this.typedArray;this.resize(6),this.pushFloat32(e[t+0]),this.pushFloat32(e[t+1]),this.pushFloat32(e[t+2]),this.pushFloat32(e[t+3]),this.pushFloat32(e[t+4]),this.pushFloat32(e[t+5])}popMat(){this.pop(6)}pushIdentity(){this.resize(6),this.pushFloat32(1),this.pushFloat32(0),this.pushFloat32(0),this.pushFloat32(1),this.pushFloat32(0),this.pushFloat32(0)}translate(t,e){if("number"!=typeof t)return this.translate(t.x,t.y);const r=this.usedElemNum-6,i=this.typedArray;i[r+4]=i[r+0]*t+i[r+2]*e+i[r+4],i[r+5]=i[r+1]*t+i[r+3]*e+i[r+5]}rotate(t){const e=this.usedElemNum-6,r=this.typedArray,i=Math.cos(t),s=Math.sin(t),n=r[e+0],a=r[e+1],o=r[e+2],h=r[e+3];r[e+0]=n*i-a*s,r[e+1]=n*s+a*i,r[e+2]=o*i-h*s,r[e+3]=o*s+h*i}scale(t,e){if("number"!=typeof t)return this.scale(t.x,t.y);e||(e=t);const r=this.usedElemNum-6,i=this.typedArray;i[r+0]=i[r+0]*t,i[r+1]=i[r+1]*t,i[r+2]=i[r+2]*e,i[r+3]=i[r+3]*e}apply(t,e){if("number"!=typeof t)return new p(...this.apply(t.x,t.y));const r=this.usedElemNum-6,i=this.typedArray;return[i[r+0]*t+i[r+2]*e+i[r+4],i[r+1]*t+i[r+3]*e+i[r+5]]}getInverse(){const t=this.usedElemNum-6,e=this.typedArray,r=e[t+0],i=e[t+1],s=e[t+2],n=e[t+3],a=e[t+4],o=e[t+5],h=r*n-i*s;return new Float32Array([n/h,-i/h,-s/h,r/h,(s*o-n*a)/h,(i*a-r*o)/h])}getTransform(){const t=this.usedElemNum-6,e=this.typedArray;return new Float32Array([e[t+0],e[t+1],e[t+2],e[t+3],e[t+4],e[t+5]])}setTransform(t){const e=this.usedElemNum-6,r=this.typedArray;r[e+0]=t[0],r[e+1]=t[1],r[e+2]=t[2],r[e+3]=t[3],r[e+4]=t[4],r[e+5]=t[5]}getGlobalPosition(){const t=this.usedElemNum-6,e=this.typedArray;return new p(e[t+4],e[t+5])}setGlobalPosition(t,e){if("number"!=typeof t)return void this.setGlobalPosition(t.x,t.y);const r=this.usedElemNum-6,i=this.typedArray;i[r+4]=t,i[r+5]=e}getGlobalRotation(){const t=this.usedElemNum-6,e=this.typedArray;return Math.atan2(e[t+1],e[t+0])}setGlobalRotation(t){const e=this.usedElemNum-6,r=this.typedArray,i=this.getGlobalScale(),s=Math.cos(t),n=Math.sin(t);r[e+0]=s*i.x,r[e+1]=n*i.x,r[e+2]=-n*i.y,r[e+3]=s*i.y}getGlobalScale(){const t=this.usedElemNum-6,e=this.typedArray,r=Math.sqrt(e[t+0]*e[t+0]+e[t+1]*e[t+1]),i=Math.sqrt(e[t+2]*e[t+2]+e[t+3]*e[t+3]);return new p(r,i)}setGlobalScale(t,e){if("number"!=typeof t)return void this.setGlobalScale(t.x,t.y);const r=this.getGlobalRotation(),i=Math.cos(r),s=Math.sin(r),n=this.usedElemNum-6,a=this.typedArray;a[n+0]=i*t,a[n+1]=s*t,a[n+2]=-s*e,a[n+3]=i*e}globalToLocal(t){const e=this.getInverse();return new p(e[0]*t.x+e[2]*t.y+e[4],e[1]*t.x+e[3]*t.y+e[5])}localToGlobal(t){return this.apply(t)}toCSSTransform(){const t=this.usedElemNum-6,e=this.typedArray;return`matrix(${e[t+0]}, ${e[t+1]}, ${e[t+2]}, ${e[t+3]}, ${e[t+4]}, ${e[t+5]})`}identity(){const t=this.usedElemNum-6,e=this.typedArray;e[t+0]=1,e[t+1]=0,e[t+2]=0,e[t+3]=1,e[t+4]=0,e[t+5]=0}applyTransform(t,e=0,r=0){(t.saveTransform??1)&&this.pushMat(),t.afterSave&&t.afterSave();const i=t.x||0,s=t.y||0;(i||s)&&this.translate(i,s),t.position&&this.translate(t.position),t.rotation&&this.rotate(t.rotation),t.scale&&this.scale(t.scale);let n=t.offsetX||0,a=t.offsetY||0;t.offset&&(n+=t.offset.x,a+=t.offset.y);const o=t.origin;return o&&("number"==typeof o?(n-=o*e,a-=o*r):(n-=o.x*e,a-=o.y*r)),{offsetX:n,offsetY:a}}applyTransformAfter(t){t.beforRestore&&t.beforRestore(),(t.restoreTransform??1)&&this.popMat()}}class c extends u{constructor(t,e,r,i){super(t,exports.ArrayType.Uint16,t.ELEMENT_ARRAY_BUFFER,t.STATIC_DRAW),this.setMaxSize(e*i);for(let t=0;t<i;t++)this.addObject(t*r);this.bindBuffer(),this.bufferData()}addObject(t){}}class d{constructor(t,e,r,i=255){this._r=t,this._g=e,this._b=r,this._a=i,this.updateUint()}get r(){return this._r}set r(t){this._r=t,this.updateUint()}get g(){return this._g}set g(t){this._g=t,this.updateUint()}get b(){return this._b}set b(t){this._b=t,this.updateUint()}get a(){return this._a}set a(t){this._a=t,this.updateUint()}updateUint(){this.uint32=(this._a<<24|this._b<<16|this._g<<8|this._r)>>>0}setRGBA(t,e,r,i){this.r=t,this.g=e,this.b=r,this.a=i,this.updateUint()}copy(t){this.setRGBA(t.r,t.g,t.b,t.a)}clone(){return new d(this._r,this._g,this._b,this._a)}equal(t){return t.r===this.r&&t.g===this.g&&t.b===this.b&&t.a===this.a}static fromHex(t){t.startsWith("#")&&(t=t.slice(1));const e=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),i=parseInt(t.slice(4,6),16);let s=255;return t.length>=8&&(s=parseInt(t.slice(6,8),16)),new d(e,r,i,s)}add(t){return new d(Math.min(this.r+t.r,255),Math.min(this.g+t.g,255),Math.min(this.b+t.b,255),Math.min(this.a+t.a,255))}subtract(t){return new d(Math.max(this.r-t.r,0),Math.max(this.g-t.g,0),Math.max(this.b-t.b,0),Math.max(this.a-t.a,0))}}d.Red=new d(255,0,0,255),d.Green=new d(0,255,0,255),d.Blue=new d(0,0,255,255),d.Yellow=new d(255,255,0,255),d.Purple=new d(128,0,128,255),d.Orange=new d(255,165,0,255),d.Pink=new d(255,192,203,255),d.Gray=new d(128,128,128,255),d.Brown=new d(139,69,19,255),d.Cyan=new d(0,255,255,255),d.Magenta=new d(255,0,255,255),d.Lime=new d(192,255,0,255),d.White=new d(255,255,255,255),d.Black=new d(0,0,0,255),d.TRANSPARENT=new d(0,0,0,0);class p{constructor(t,e){this.x=void 0!==t?t:0,this.y=void 0!==e?e:0}add(t){return new p(this.x+t.x,this.y+t.y)}subtract(t){return new p(this.x-t.x,this.y-t.y)}multiply(t){return t instanceof p?new p(this.x*t.x,this.y*t.y):new p(this.x*t,this.y*t)}divide(t){return t instanceof p?new p(this.x/t.x,this.y/t.y):new p(this.x/t,this.y/t)}dot(t){return this.x*t.x+this.y*t.y}cross(t){return this.x*t.y-this.y*t.x}distanceTo(t){const e=this.x-t.x,r=this.y-t.y;return Math.sqrt(e*e+r*r)}clone(){return new p(this.x,this.y)}copy(t){this.x=t.x,this.y=t.y}equal(t){return t.x==this.x&&t.y==this.y}perpendicular(){const t=this.x;return this.x=-this.y,this.y=t,this}invert(){return this.x=-this.x,this.y=-this.y,this}length(){return Math.sqrt(this.x*this.x+this.y*this.y)}normalize(){const t=this.length();return this.x=this.x/t||0,this.y=this.y/t||0,this}angle(){return Math.atan2(this.y,this.x)}middle(t){return new p((this.x+t.x)/2,(this.y+t.y)/2)}abs(){return new p(Math.abs(this.x),Math.abs(this.y))}floor(){return new p(Math.floor(this.x),Math.floor(this.y))}ceil(){return new p(Math.ceil(this.x),Math.ceil(this.y))}snap(t){return new p(Math.round(this.x/t)*t,Math.round(this.y/t)*t)}stringify(){return`Vec2(${this.x}, ${this.y})`}static FromArray(t){return t.map((t=>new p(t[0],t[1])))}}p.ZERO=new p(0,0),p.ONE=new p(1,1),p.UP=new p(0,1),p.DOWN=new p(0,-1),p.LEFT=new p(-1,0),p.RIGHT=new p(1,0);const f=(t,e,r,i)=>{const s=[],n=i?Math.atan2(e.y,e.x):Math.atan2(-e.y,-e.x),a=Math.PI;for(let e=0;e<10;e++){const i=n+e/10*a,o=n+(e+1)/10*a,h=Math.cos(i)*r,u=Math.sin(i)*r,l=Math.cos(o)*r,c=Math.sin(o)*r;s.push(t),s.push(t.add(new p(h,u))),s.push(t.add(new p(l,c)))}return s},x=t=>{const e=t.points;if(e.length<2)return{vertices:[],uv:[]};const{normals:r,length:i}=((t,e=!1)=>{const r=[];if(t.length<2||e&&t.length<3)return{normals:r,length:0};const i=t.length;let s=0;if(e)for(let e=0;e<i;e++){const r=t[e],n=t[(e+1)%i];s+=r.distanceTo(n)}else for(let e=0;e<i-1;e++)s+=t[e].distanceTo(t[e+1]);const n=(t,e,r)=>{const i=e.subtract(t).normalize(),s=e.subtract(r).normalize(),n=s.dot(i);if(n<-.999)return{normal:i.perpendicular(),miters:1};{let t=s.add(i).normalize();i.cross(s)<0&&(t=t.multiply(-1));let e=1/Math.sqrt((1-n)/2);return{normal:t,miters:Math.min(e,4)}}};if(e){for(let e=0;e<i-1;e++){const s=0===e?t[i-2]:t[e-1],a=t[e],o=t[e+1];r.push(n(s,a,o))}r.push(r[0])}else for(let e=0;e<i;e++)if(0===e){const e=t[1].subtract(t[0]).normalize();r.push({normal:e.perpendicular(),miters:1})}else if(e===i-1){const i=t[e].subtract(t[e-1]).normalize();r.push({normal:i.perpendicular(),miters:1})}else r.push(n(t[e-1],t[e],t[e+1]));return{normals:r,length:s}})(e,t.closed),s=(t.width||1)/2,n=[],a=[],o=t.roundCap||!1,h=t.textureMode||exports.LineTextureMode.STRETCH;let u=0;const l=t.texture?.width||1;for(let t=0;t<e.length-1;t++){const o=e[t],c=r[t].normal,d=r[t].miters,f=o.add(c.multiply(d*s)),x=o.subtract(c.multiply(d*s)),g=e[t+1],m=r[t+1].normal,y=r[t+1].miters,T=g.add(m.multiply(y*s)),E=g.subtract(m.multiply(y*s)),b=o.distanceTo(g);let R=0,w=0;h===exports.LineTextureMode.STRETCH?(R=u/i,w=(u+b)/i):(R=u/l,w=R+b/l);const S=new p(R,0),A=new p(R,1),M=new p(w,0),v=new p(w,1);n.push(f),a.push(S),n.push(x),a.push(A),n.push(T),a.push(M),n.push(T),a.push(M),n.push(E),a.push(v),n.push(x),a.push(A),u+=b}if(o&&!t.closed){const t=e[0],i=r[0].normal,a=f(t,i,s,!0);n.push(...a);const o=e[e.length-1],h=r[e.length-1].normal,u=f(o,h,s,!1);n.push(...u)}return{vertices:n,uv:a}};var g="precision mediump float;\r\nvarying vec2 vRegion;\r\nvarying vec4 vColor;\r\n\r\nuniform sampler2D uTexture;\r\nuniform int uUseTexture;\r\n\r\nvoid main(void) {\r\n vec4 color;\r\n if(uUseTexture > 0){\r\n color = texture2D(uTexture, vRegion) * vColor;\r\n }else{\r\n color = vColor;\r\n }\r\n // fragment\r\n gl_FragColor = color;\r\n}\r\n",m="precision mediump float;\r\n\r\nattribute vec2 aPosition;\r\nattribute vec4 aColor;\r\nattribute vec2 aRegion;\r\n\r\nvarying vec4 vColor;\r\nuniform mat4 uProjectionMatrix;\r\nuniform vec4 uColor;\r\nvarying vec2 vRegion;\r\n\r\nvoid main(void) {\r\n // vertex s\r\n gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r\n // vertex e\r\n vColor = aColor;\r\n vRegion = aRegion;\r\n}\r\n";const y=(t,e,r)=>{const i=t.createShader(r);if(!i)throw new Error("Unable to create webgl shader");t.shaderSource(i,e),t.compileShader(i);if(!t.getShaderParameter(i,t.COMPILE_STATUS)){const r=t.getShaderInfoLog(i);throw console.error("Shader compilation failed:",r),new Error("Unable to compile shader: "+r+e)}return i};function T(t,e,r,i=!1,s=!1,n="clamp"){const a=t.createTexture();if(!a)throw new Error("unable to create texture");let o;switch(t.bindTexture(t.TEXTURE_2D,a),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,r?t.LINEAR:t.NEAREST),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,r?t.LINEAR:t.NEAREST),n){case"repeat":o=t.REPEAT;break;case"mirror":o=t.MIRRORED_REPEAT;break;default:o=t.CLAMP_TO_EDGE}return t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,o),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,o),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,s),i?t.texImage2D(t.TEXTURE_2D,0,t.RGBA,e.width,e.height,0,t.RGBA,t.UNSIGNED_BYTE,null):t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e),a}const E=5126;var b="precision mediump float;\r\nuniform sampler2D uTextures[%TEXTURE_NUM%];\r\n\r\nvarying vec2 vRegion;\r\nvarying float vTextureId;\r\nvarying vec4 vColor;\r\n\r\nvoid main(void) {\r\n vec4 color;\r\n %GET_COLOR%\r\n // fragment\r\n gl_FragColor = color * vColor;\r\n}",R="precision mediump float;\r\n\r\nattribute vec2 aPosition;\r\nattribute vec2 aRegion;\r\nattribute float aTextureId;\r\nattribute vec4 aColor;\r\n\r\nuniform mat4 uProjectionMatrix;\r\n\r\nvarying vec2 vRegion;\r\nvarying float vTextureId;\r\nvarying vec4 vColor;\r\n\r\nvoid main(void) {\r\n vRegion = aRegion;\r\n vTextureId = aTextureId;\r\n vColor = aColor;\r\n\r\n // vertex s\r\n gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r\n // vertex e\r\n}";const w=[{name:"aPosition",size:2,type:E,stride:24},{name:"aRegion",size:2,type:E,stride:24,offset:2*Float32Array.BYTES_PER_ELEMENT},{name:"aTextureId",size:1,type:E,stride:24,offset:4*Float32Array.BYTES_PER_ELEMENT},{name:"aColor",size:4,type:5121,stride:24,offset:5*Float32Array.BYTES_PER_ELEMENT,normalized:!0}],S=[{name:"aPosition",size:2,type:E,stride:20},{name:"aColor",size:4,type:5121,stride:20,offset:2*Float32Array.BYTES_PER_ELEMENT,normalized:!0},{name:"aRegion",size:2,type:E,stride:20,offset:3*Float32Array.BYTES_PER_ELEMENT}];class A{constructor(t,e,r,i,s=0){this.attributeLoc={},this.uniformLoc={},this.textureUnitNum=0,this.attributes=[];const n=function(t,e){if(t.includes("%TEXTURE_NUM%")&&(t=t.replace("%TEXTURE_NUM%",e.toString())),t.includes("%GET_COLOR%")){let r="";for(let t=0;t<e;t++)r+=0==t?`if(vTextureId == ${t}.0)`:t==e-1?"else":`else if(vTextureId == ${t}.0)`,r+=`{color = texture2D(uTextures[${t}], vRegion);}`;t=t.replace("%GET_COLOR%",r)}return t}(r,t.maxTextureUnits-s);this.program=((t,e,r)=>{var i=t.createProgram(),s=y(t,e,35633),n=y(t,r,35632);if(!i)throw new Error("Unable to create program shader");if(t.attachShader(i,s),t.attachShader(i,n),t.linkProgram(i),!t.getProgramParameter(i,t.LINK_STATUS)){const e=t.getProgramInfoLog(i);throw new Error("Unable to link shader program: "+e)}return i})(t.gl,e,n),this.gl=t.gl,this.textureUnitNum=s,this.parseShader(e),this.parseShader(n),i&&this.setAttributes(i)}setUniforms(t,e){const r=this.gl;for(const i of t.getUnifromNames()){const s=this.getUniform(i);t.bind(r,i,s,e)}}getUniform(t){return this.uniformLoc[t]}use(){this.gl.useProgram(this.program)}parseShader(t){const e=this.gl,r=t.match(/attribute\s+\w+\s+(\w+)/g);if(r)for(const t of r){const r=t.split(" ")[2],i=e.getAttribLocation(this.program,r);-1!=i&&(this.attributeLoc[r]=i)}const i=t.match(/uniform\s+\w+\s+(\w+)/g);if(i)for(const t of i){const r=t.split(" ")[2];this.uniformLoc[r]=e.getUniformLocation(this.program,r)}}setAttribute(t){const e=this.attributeLoc[t.name];if(void 0!==e){const r=this.gl;r.vertexAttribPointer(e,t.size,t.type,t.normalized||!1,t.stride,t.offset||0),r.enableVertexAttribArray(e)}}setAttributes(t){this.attributes=t;for(const e of t)this.setAttribute(e)}updateAttributes(){this.setAttributes(this.attributes)}static createCostumShader(t,e,r,i,s=0){let n={[exports.ShaderType.SPRITE]:b,[exports.ShaderType.GRAPHIC]:g}[i],a={[exports.ShaderType.SPRITE]:R,[exports.ShaderType.GRAPHIC]:m}[i];const o={[exports.ShaderType.SPRITE]:w,[exports.ShaderType.GRAPHIC]:S}[i];return n=n.replace("void main(void) {",r+"\nvoid main(void) {"),a=a.replace("void main(void) {",e+"\nvoid main(void) {"),n=n.replace("// fragment","fragment(color);"),a=a.replace(/\/\/ vertex s[\s\S]*?\/\/ vertex e/,"vec2 position = aPosition;\n vertex(position, vRegion);\n gl_Position = uProjectionMatrix * vec4(position, 0.0, 1.0);"),new A(t,a,n,o,s)}}class M{constructor(t){this.usedTextures=[],this.shaders=new Map,this.isCostumShader=!1,this.freeTextureUnitNum=0,this.rapid=t,this.gl=t.gl,this.webglArrayBuffer=new u(t.gl,exports.ArrayType.Float32,t.gl.ARRAY_BUFFER,t.gl.STREAM_DRAW),this.maxTextureUnits=t.maxTextureUnits}getTextureUnitList(){return Array.from({length:this.maxTextureUnits},((t,e)=>e))}addVertex(t,e,...r){const[i,s]=this.rapid.matrixStack.apply(t,e);this.webglArrayBuffer.pushFloat32(i),this.webglArrayBuffer.pushFloat32(s)}useTexture(t){const e=this.usedTextures.indexOf(t);return-1==e?(this.usedTextures.push(t),this.freeTextureUnitNum=this.maxTextureUnits-this.usedTextures.length,[this.usedTextures.length-1,!0]):[e,!1]}enterRegion(t){this.currentShader=t??this.getShader("default"),this.currentShader.use(),this.initializeForNextRender(),this.webglArrayBuffer.bindBuffer(),this.currentShader.updateAttributes(),this.updateProjection(),this.isCostumShader=Boolean(t)}updateProjection(){this.gl.uniformMatrix4fv(this.currentShader.uniformLoc.uProjectionMatrix,!1,this.rapid.projection)}isUnifromChanged(t){return!!t&&(this.costumUnifrom!=t||!!t?.isDirty)}setCurrentUniform(t){t.clearDirty(),this.costumUnifrom=t}exitRegion(){}initDefaultShader(t,e,r){this.setShader("default",t,e,r)}setShader(t,e,r,i){this.webglArrayBuffer.bindBuffer(),this.shaders.set(t,new A(this.rapid,e,r,i)),"default"===t&&(this.defaultShader=this.shaders.get(t))}getShader(t){return this.shaders.get(t)}render(){this.executeRender(),this.initializeForNextRender()}executeRender(){const t=this.gl;for(let e=0;e<this.usedTextures.length;e++)t.activeTexture(t.TEXTURE0+e),t.bindTexture(t.TEXTURE_2D,this.usedTextures[e]);this.webglArrayBuffer.bufferData()}initializeForNextRender(){this.webglArrayBuffer.clear(),this.usedTextures.length=0,this.isCostumShader=!1,this.freeTextureUnitNum=this.maxTextureUnits}hasPendingContent(){return!1}isShaderChanged(t){return(t||this.defaultShader)!=this.currentShader}}class v extends M{constructor(t){super(t),this.vertex=0,this.offset=p.ZERO,this.drawType=t.gl.TRIANGLE_FAN,this.setShader("default",m,g,S)}startRender(t,e,r,i){i&&this.currentShader?.setUniforms(i,this),this.offset=new p(t,e),this.vertex=0,this.webglArrayBuffer.clear(),r&&r.base&&(this.texture=this.useTexture(r.base.texture)[0])}addVertex(t,e,r,i,s){this.webglArrayBuffer.resize(3),super.addVertex(t+this.offset.x,e+this.offset.y),this.webglArrayBuffer.pushUint32(s),this.webglArrayBuffer.pushFloat32(r),this.webglArrayBuffer.pushFloat32(i),this.vertex+=1}executeRender(){super.executeRender();const t=this.gl;t.uniform1i(this.currentShader.uniformLoc.uUseTexture,void 0===this.texture?0:1),this.texture&&t.uniform1i(this.currentShader.uniformLoc.uTexture,this.texture),t.drawArrays(this.drawType,0,this.vertex),this.drawType=this.rapid.gl.TRIANGLE_FAN,this.vertex=0,this.texture=void 0}}const U=Math.floor(16384);class F extends c{constructor(t,e){super(t,6,4,e)}addObject(t){super.addObject(),this.pushUint16(t),this.pushUint16(t+1),this.pushUint16(t+2),this.pushUint16(t),this.pushUint16(t+3),this.pushUint16(t+2)}}class _ extends M{constructor(t){const e=t.gl;super(t),this.batchSprite=0,this.spriteTextureUnits=[],this.spriteTextureUnitIndexOffset=0,this.setShader("default",R,b,w),this.indexBuffer=new F(e,U)}addVertex(t,e,r,i,s,n){super.addVertex(t,e),this.webglArrayBuffer.pushFloat32(r),this.webglArrayBuffer.pushFloat32(i),this.webglArrayBuffer.pushFloat32(s),this.webglArrayBuffer.pushUint32(n)}renderSprite(t,e,r,i,s,n,a,o,h,u,l,c,d,p=0){(1+p>this.freeTextureUnitNum||this.batchSprite>=U||this.isUnifromChanged(l)||this.rapid.projectionDirty)&&(this.render(),l&&this.isUnifromChanged(l)&&(this.currentShader.setUniforms(l,this),this.setCurrentUniform(l)),this.rapid.projectionDirty&&this.updateProjection()),this.batchSprite++,this.webglArrayBuffer.resize(20);const[f,x]=this.useTexture(t);x&&(this.spriteTextureUnits.push(f),this.spriteTextureUnitIndexOffset=this.spriteTextureUnits[0]);const g=f-this.spriteTextureUnitIndexOffset,m=c?n:i,y=c?i:n,T=d?a:s,E=d?s:a,b=o,R=o+e,w=h,S=h+r;this.addVertex(b,w,m,T,g,u),this.addVertex(R,w,y,T,g,u),this.addVertex(R,S,y,E,g,u),this.addVertex(b,S,m,E,g,u)}executeRender(){if(super.executeRender(),this.batchSprite<=0)return;const t=this.gl;this.spriteTextureUnits.length>0&&this.gl.uniform1iv(this.currentShader.uniformLoc.uTextures,this.spriteTextureUnits),t.drawElements(t.TRIANGLES,6*this.batchSprite,t.UNSIGNED_SHORT,0)}enterRegion(t){super.enterRegion(t),this.indexBuffer.bindBuffer()}initializeForNextRender(){super.initializeForNextRender(),this.batchSprite=0,this.spriteTextureUnits.length=0}hasPendingContent(){return this.batchSprite>0}}class C{constructor(t,e){this.cache=new Map,this.render=t,this.antialias=e}async textureFromUrl(t,e=this.antialias,r=exports.TextureWrapMode.CLAMP){let i=this.cache.get(t);if(!i){const s=await this.loadImage(t);i=N.fromImageSource(this.render,s,e,r),this.cache.set(t,i)}return new I(i)}textureFromFrameBufferObject(t){return new I(t)}async textureFromSource(t,e=this.antialias,r=exports.TextureWrapMode.CLAMP){let i=this.cache.get(t);return i||(i=N.fromImageSource(this.render,t,e,r),this.cache.set(t,i)),new I(i)}async loadImage(t){return new Promise((e=>{const r=new Image;r.onload=()=>{e(r)},r.src=t}))}createText(t){return new B(this.render,t)}destroy(t){t instanceof I?(t.base?.destroy(this.render.gl),this.removeCache(t)):(t.destroy(this.render.gl),this.removeCache(t))}createFrameBufferObject(t,e,r=this.antialias){return new P(this.render,t,e,r)}removeCache(t){const e=t instanceof I?t.base?.texture:t.texture;e&&this.cache.forEach(((t,r)=>{t===e&&this.cache.delete(r)}))}}class N{constructor(t,e,r,i=exports.TextureWrapMode.CLAMP){this.texture=t,this.width=e,this.height=r,this.wrapMode=i}static fromImageSource(t,e,r=!1,i=exports.TextureWrapMode.CLAMP){return new N(T(t.gl,e,r,!1,!1,i),e.width,e.height)}destroy(t){t.deleteTexture(this.texture)}}class I{constructor(t){this.scale=1,this.setBaseTextur(t)}setBaseTextur(t){t&&(this.base=t,this.setClipRegion(0,0,t.width,t.height))}setClipRegion(t,e,r,i){if(this.base)return this.clipX=t/this.base.width,this.clipY=e/this.base.height,this.clipW=this.clipX+r/this.base.width,this.clipH=this.clipY+i/this.base.height,this.width=r*this.scale,this.height=i*this.scale,this}static fromImageSource(t,e,r=!1){return new I(N.fromImageSource(t,e,r))}static fromUrl(t,e){return t.textures.textureFromUrl(e)}createSpritesHeet(t,e){if(!this.base)return[];const r=[],i=Math.floor(this.base.width/t),s=Math.floor(this.base.height/e);for(let n=0;n<s;n++)for(let s=0;s<i;s++){const i=this.clone();i.setClipRegion(s*t,n*e,t,e),r.push(i)}return r}clone(){return new I(this.base)}}class B extends I{constructor(t,e){super(),this.scale=.5,this.rapid=t,this.options=e,this.text=e.text||" ",this.updateTextImage()}updateTextImage(){const t=this.createTextCanvas();this.setBaseTextur(N.fromImageSource(this.rapid,t,!0))}createTextCanvas(){const t=document.createElement("canvas"),e=t.getContext("2d");if(!e)throw new Error("Failed to get canvas context");e.font=`${this.options.fontSize||16}px ${this.options.fontFamily||"Arial"}`,e.fillStyle=this.options.color||"#000",e.textAlign=this.options.textAlign||"left",e.textBaseline=this.options.textBaseline||"top";const r=this.text.split("\n");let i=0,s=0;for(const t of r){const r=e.measureText(t);i=Math.max(i,r.width),s+=this.options.fontSize||16}t.width=2*i,t.height=2*s,e.scale(2,2),e.font=`${this.options.fontSize||16}px ${this.options.fontFamily||"Arial"}`,e.fillStyle=this.options.color||"#000",e.textAlign=this.options.textAlign||"left",e.textBaseline=this.options.textBaseline||"top";let n=0;for(const t of r)e.fillText(t,0,n),n+=this.options.fontSize||16;return t}setText(t){this.text!=t&&(this.text=t,this.updateTextImage())}}class P extends N{constructor(t,e,r,i=!1){const s=t.gl,n=T(s,{width:e,height:r},i,!0,!1),a=s.createFramebuffer();if(!a)throw s.deleteTexture(n),new Error("Failed to create WebGL framebuffer");s.bindFramebuffer(s.FRAMEBUFFER,a),s.framebufferTexture2D(s.FRAMEBUFFER,s.COLOR_ATTACHMENT0,s.TEXTURE_2D,n,0);const o=s.createRenderbuffer();if(!o)throw s.deleteFramebuffer(a),s.deleteTexture(n),new Error("Failed to create depth-stencil renderbuffer");s.bindRenderbuffer(s.RENDERBUFFER,o),s.renderbufferStorage(s.RENDERBUFFER,s.STENCIL_INDEX8,e,r),s.framebufferRenderbuffer(s.FRAMEBUFFER,s.STENCIL_ATTACHMENT,s.RENDERBUFFER,o),super(n,e,r),this.gl=s,this.framebuffer=a,s.bindTexture(s.TEXTURE_2D,null),s.bindFramebuffer(s.FRAMEBUFFER,null)}bind(){const t=this.gl;t.bindTexture(t.TEXTURE_2D,null),t.bindFramebuffer(t.FRAMEBUFFER,this.framebuffer),t.clearColor(.5,.2,.5,.5),t.clear(t.COLOR_BUFFER_BIT)}unbind(){this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,null),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}resize(t,e){this.width=t,this.height=e,this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,t,e,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,null),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}destroy(t){t.deleteFramebuffer(this.framebuffer),super.destroy(t)}}const L=new Set;class D{constructor(t,e){this.textures=new Map,this.width=t,this.height=e}setTile(t,e){e instanceof I&&(e={texture:e}),this.textures.set(t,e)}getTile(t){return this.textures.get(t)}}class O{constructor(t){this.rapid=t}getYSortRow(t,e,r){if(!t)return[];const i=[];for(const r of t){const t=Math.floor(r.ySort/e);i[t]||(i[t]=[]),i[t].push(r)}return i}getOffset(t){let e=(t.errorX??2)+1,r=(t.errorY??2)+1;if("number"==typeof t.error){const i=(t.error??2)+1;e=i,r=i}else t.error&&(e=t.error.x+1,r=t.error.y+1);return{errorX:e,errorY:r}}getTileData(t,e){const r=e.shape??exports.TilemapShape.SQUARE,i=t.width,s=r===exports.TilemapShape.ISOMETRIC?t.height/2:t.height,n=this.rapid.matrixStack,a=n.globalToLocal(p.ZERO),o=n.getGlobalScale(),{errorX:h,errorY:u}=this.getOffset(e),l=Math.ceil(this.rapid.width/i/o.x)+2*h,c=Math.ceil(this.rapid.height/s/o.y)+2*u,d=new p(a.x<0?Math.ceil(a.x/i):Math.floor(a.x/i),a.y<0?Math.ceil(a.y/s):Math.floor(a.y/s));d.x-=h,d.y-=u;let f=new p(0-a.x%i-h*i,0-a.y%s-u*s);return f=f.add(a),{startTile:d,offset:f,viewportWidth:l,viewportHeight:c,height:s,width:i,shape:r}}renderYSortRow(t,e){for(const r of e)r.render?r.render():r.renderSprite&&t.renderSprite(r.renderSprite)}renderLayer(t,e){this.rapid.matrixStack.applyTransform(e);const r=e.tileSet,{startTile:i,offset:s,viewportWidth:n,viewportHeight:a,shape:o,width:h,height:u}=this.getTileData(r,e),l=this.getYSortRow(e.ySortCallback,u,a),c=e.ySortCallback&&e.ySortCallback.length>0;var d;0!==this.rapid.matrixStack.getGlobalRotation()&&(d="TileMapRender: tilemap is not supported rotation",L.has(d)||(L.add(d),console.warn(d)),this.rapid.matrixStack.setGlobalRotation(0));for(let d=0;d<a;d++){const a=d+i.y,p=l[a]??[];if(a<0||a>=t.length)this.renderYSortRow(this.rapid,p);else{for(let l=0;l<n;l++){const n=l+i.x;if(n<0||n>=t[a].length)continue;const c=t[a][n],f=r.getTile(c);if(!f)continue;let x=l*h+s.x,g=d*u+s.y,m=d*u+s.y+(f.ySortOffset??0);a%2!=0&&o===exports.TilemapShape.ISOMETRIC&&(x+=h/2);const y=e.eachTile&&e.eachTile(c,n,a)||{};p.push({ySort:m,renderSprite:{...f,x:x+(f.x||0),y:g+(f.y||0),...y}})}c&&p.sort(((t,e)=>t.ySort-e.ySort)),this.renderYSortRow(this.rapid,p)}}this.rapid.matrixStack.applyTransform(e)}localToMap(t,e){const r=e.tileSet;if(e.shape===exports.TilemapShape.ISOMETRIC){let e=0,i=0;const s=r.height/2,n=r.width/2;let a=Math.floor(t.y/s);const o=a%2==0;let h=Math.floor(t.x/n);const u=h%2==0,l=t.x%n/n,c=t.y%s/s,d=c<l,f=c<1-l;return o||(a-=1),d&&!u&&o?a-=1:d||!u||o?f&&u&&o?(h-=2,a-=1):f||u||o||(a+=1):(a+=1,h-=2),e=h,i=a,e=Math.floor(h/2),new p(e,i)}return new p(Math.floor(t.x/r.width),Math.floor(t.y/r.height))}mapToLocal(t,e){const r=e.tileSet;if(e.shape===exports.TilemapShape.ISOMETRIC){let e=new p(t.x*r.width,t.y*r.height/2);return t.y%2!=0&&(e.x+=r.width/2),e}return new p(t.x*r.width,t.y*r.height)}}exports.BaseTexture=N,exports.Color=d,exports.DynamicArrayBuffer=h,exports.FrameBufferObject=P,exports.GLShader=A,exports.MathUtils=class{static deg2rad(t){return t*(Math.PI/180)}static rad2deg(t){return t/(Math.PI/180)}static normalizeDegrees(t){return(t%360+360)%360}},exports.MatrixStack=l,exports.Rapid=class{constructor(t){this.projectionDirty=!0,this.matrixStack=new l,this.tileMap=new O(this),this.light=new a(this),this.devicePixelRatio=window.devicePixelRatio||1,this.defaultColor=new d(255,255,255,255),this.regions=new Map,this.currentMaskType=[],this.currentTransform=[],this.currentFBO=[];const e=(t=>{const e={stencil:!0},r=t.getContext("webgl2",e)||t.getContext("webgl",e);if(!r)throw new Error("Unable to initialize WebGL. Your browser may not support it.");return r})(t.canvas);this.gl=e,this.canvas=t.canvas,this.textures=new C(this,t.antialias??!1),this.maxTextureUnits=e.getParameter(this.gl.MAX_TEXTURE_IMAGE_UNITS),this.width=t.width||this.canvas.width,this.height=t.width||this.canvas.height,this.backgroundColor=t.backgroundColor||new d(255,255,255,255),this.registerBuildInRegion(),this.initWebgl(e),this.projectionDirty=!1}renderTileMapLayer(t,e){this.tileMap.renderLayer(t,e instanceof D?{tileSet:e}:e)}initWebgl(t){this.resize(this.width,this.height),t.enable(t.BLEND),t.disable(t.DEPTH_TEST),t.blendFunc(t.SRC_ALPHA,t.ONE_MINUS_SRC_ALPHA),t.enable(t.STENCIL_TEST),t.enable(t.SCISSOR_TEST)}clearTextureUnit(){for(let t=0;t<this.maxTextureUnits;t++)this.gl.activeTexture(this.gl.TEXTURE0+t),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}registerBuildInRegion(){this.registerRegion("sprite",_),this.registerRegion("graphic",v)}registerRegion(t,e){this.regions.set(t,new e(this))}quitCurrentRegion(){this.currentRegion&&this.currentRegion.hasPendingContent()&&(this.currentRegion.render(),this.currentRegion.exitRegion())}setRegion(t,e){if(t!=this.currentRegionName||this.currentRegion&&this.currentRegion.isShaderChanged(e)){const r=this.regions.get(t);this.quitCurrentRegion(),this.currentRegion=r,this.currentRegionName=t,r.enterRegion(e)}}save(){this.matrixStack.pushMat()}restore(){this.matrixStack.popMat()}withTransform(t){this.save(),t(),this.restore()}startRender(t=!0){this.clear(),t&&this.matrixStack.clear(),this.matrixStack.pushIdentity(),this.currentRegion=void 0,this.currentRegionName=void 0}endRender(){this.currentRegion?.render(),this.projectionDirty=!1}render(t){this.startRender(),t(),this.endRender()}renderSprite(t){const e=t.texture;if(!e||!e.base)return;const{offsetX:r,offsetY:i}=this.startDraw(t,e.width,e.height);this.setRegion("sprite",t.shader),this.currentRegion.renderSprite(e.base.texture,e.width,e.height,e.clipX,e.clipY,e.clipW,e.clipH,r,i,(t.color||this.defaultColor).uint32,t.uniforms,t.flipX,t.flipY),this.afterDraw()}renderTexture(t){t.base&&this.renderSprite({texture:t})}renderLine(t){const e=t.closed?[...t.points,t.points[0]]:t.points,{vertices:r,uv:i}=x({...t,points:e});this.renderGraphic({...t,drawType:this.gl.TRIANGLES,points:r,uv:i})}renderGraphic(t){this.startGraphicDraw(t),t.points.forEach(((e,r)=>{const i=Array.isArray(t.color)?t.color[r]:t.color,s=t.uv?.[r];this.addGraphicVertex(e.x,e.y,s,i)})),this.endGraphicDraw()}startGraphicDraw(t){const{offsetX:e,offsetY:r}=this.startDraw(t);this.setRegion("graphic",t.shader);const i=this.currentRegion;i.startRender(e,r,t.texture,t.uniforms),t.drawType&&(i.drawType=t.drawType)}addGraphicVertex(t,e,r,i){this.currentRegion.addVertex(t,e,r?.x,r?.y,(i||this.defaultColor).uint32)}endGraphicDraw(){this.currentRegion.render(),this.afterDraw()}startDraw(t,e=0,r=0){return this.currentTransform.push(t),this.matrixStack.applyTransform(t,e,r)}afterDraw(){this.currentTransform.length>0&&this.matrixStack.applyTransformAfter(this.currentTransform.pop())}renderRect(t){const{width:e,height:r}=t,i=[new p(0,0),new p(e,0),new p(e,r),new p(0,r)];this.renderGraphic({...t,points:i,drawType:this.gl.TRIANGLE_FAN})}renderCircle(t){const e=t.segments||32,r=t.radius,i=t.color||this.defaultColor,s=[];for(let t=0;t<=e;t++){const i=t/e*Math.PI*2,n=Math.cos(i)*r,a=Math.sin(i)*r;s.push(new p(n,a))}this.renderGraphic({...t,points:s,color:i,drawType:this.gl.TRIANGLE_FAN})}resize(t,e){const r=t*this.devicePixelRatio,i=e*this.devicePixelRatio;this.canvas.width=r,this.canvas.height=i,this.resizeWebglSize(t,e),this.canvas.style.width=t+"px",this.canvas.style.height=e+"px",this.width=t,this.height=e}resizeWebglSize(t,e,r){const i=t*(r||this.devicePixelRatio),s=e*(r||this.devicePixelRatio);this.gl.viewport(0,0,i,s),this.updateProjection(0,t,e,0),this.gl.scissor(0,0,i,s)}updateProjection(t,e,r,i){this.projection=this.createOrthMatrix(t,e,r,i),this.projectionDirty=!0}clear(t){const e=this.gl,r=t||this.backgroundColor;e.clearColor(r.r/255,r.g/255,r.b/255,r.a/255),e.clear(e.COLOR_BUFFER_BIT),this.clearMask()}createOrthMatrix(t,e,r,i){return new Float32Array([2/(e-t),0,0,0,0,2/(i-r),0,0,0,0,-1,0,-(e+t)/(e-t),-(i+r)/(i-r),0,1])}drawMask(t=exports.MaskType.Include,e){this.startDrawMask(t),e(),this.endDrawMask()}startDrawMask(t=exports.MaskType.Include){const e=this.gl;this.currentMaskType.push(t),this.setMaskType(t,!0),e.stencilOp(e.KEEP,e.KEEP,e.REPLACE),e.colorMask(!1,!1,!1,!1)}endDrawMask(){const t=this.gl;this.quitCurrentRegion(),t.stencilOp(t.KEEP,t.KEEP,t.KEEP),t.colorMask(!0,!0,!0,!0),this.setMaskType(this.currentMaskType.pop()??exports.MaskType.Include,!1)}setMaskType(t,e=!1){const r=this.gl;if(this.quitCurrentRegion(),e)this.clearMask(),r.stencilFunc(r.ALWAYS,1,255);else switch(t){case exports.MaskType.Include:r.stencilFunc(r.EQUAL,1,255);break;case exports.MaskType.Exclude:r.stencilFunc(r.NOTEQUAL,1,255)}}clearMask(){const t=this.gl;this.quitCurrentRegion(),t.clearStencil(0),t.clear(t.STENCIL_BUFFER_BIT),t.stencilFunc(t.ALWAYS,1,255)}createCostumShader(t,e,r,i=0){return A.createCostumShader(this,t,e,r,i)}startFBO(t){this.quitCurrentRegion(),t.bind(),this.clearTextureUnit(),this.resizeWebglSize(t.width,t.height,1),this.updateProjection(0,t.width,0,t.height),this.save(),this.matrixStack.identity(),this.currentFBO.push(t)}endFBO(){if(this.currentFBO.length>0){const t=this.currentFBO.pop();this.quitCurrentRegion(),t.unbind(),this.clearTextureUnit(),this.resizeWebglSize(this.width,this.height),this.updateProjection(0,this.width,this.height,0),this.restore()}}drawToFBO(t,e){this.startFBO(t),e(),this.endFBO()}setBlendMode(t){switch(t){case exports.BlendMode.Additive:this.gl.blendFunc(this.gl.SRC_ALPHA,this.gl.ONE);break;case exports.BlendMode.Subtractive:this.gl.blendFunc(this.gl.ZERO,this.gl.ONE_MINUS_SRC_COLOR);break;case exports.BlendMode.Mix:this.gl.blendFunc(this.gl.SRC_ALPHA,this.gl.ONE_MINUS_SRC_ALPHA)}}},exports.SCALEFACTOR=2,exports.Text=B,exports.Texture=I,exports.TextureCache=C,exports.TileMapRender=O,exports.TileSet=D,exports.Uniform=class{constructor(t){this.isDirty=!1,this.data=t}setUniform(t,e){this.data[t]!=e&&(this.isDirty=!0),this.data[t]=e}clearDirty(){this.isDirty=!1}getUnifromNames(){return Object.keys(this.data)}bind(t,e,r,i){if(!r)return;const s=this.data[e];if("number"==typeof s)t.uniform1f(r,s);else if(Array.isArray(s))switch(s.length){case 1:Number.isInteger(s[0])?t.uniform1i(r,s[0]):t.uniform1f(r,s[0]);break;case 2:Number.isInteger(s[0])?t.uniform2iv(r,s):t.uniform2fv(r,s);break;case 3:Number.isInteger(s[0])?t.uniform3iv(r,s):t.uniform3fv(r,s);break;case 4:Number.isInteger(s[0])?t.uniform4iv(r,s):t.uniform4fv(r,s);break;case 9:t.uniformMatrix3fv(r,!1,s);break;case 16:t.uniformMatrix4fv(r,!1,s);break;default:console.error(`Unsupported uniform array length for ${e}:`,s.length)}else if("boolean"==typeof s)t.uniform1i(r,s?1:0);else if(s.base?.texture){const e=i.useTexture(s.base.texture)[0];t.uniform1i(r,e)}else console.error(`Unsupported uniform type for ${e}:`,typeof s)}},exports.Vec2=p,exports.WebglBufferArray=u,exports.WebglElementBufferArray=c,exports.graphicAttributes=S,exports.spriteAttributes=w;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
export declare const spriteAttributes: ({
|
|
2
|
-
name: string;
|
|
3
|
-
size: number;
|
|
4
|
-
type: number;
|
|
5
|
-
stride: number;
|
|
6
|
-
offset?: undefined;
|
|
7
|
-
normalized?: undefined;
|
|
8
|
-
} | {
|
|
9
|
-
name: string;
|
|
10
|
-
size: number;
|
|
11
|
-
type: number;
|
|
12
|
-
stride: number;
|
|
13
|
-
offset: number;
|
|
14
|
-
normalized?: undefined;
|
|
15
|
-
} | {
|
|
16
|
-
name: string;
|
|
17
|
-
size: number;
|
|
18
|
-
type: number;
|
|
19
|
-
stride: number;
|
|
20
|
-
offset: number;
|
|
21
|
-
normalized: boolean;
|
|
22
|
-
})[];
|
|
23
|
-
export declare const graphicAttributes: ({
|
|
24
|
-
name: string;
|
|
25
|
-
size: number;
|
|
26
|
-
type: number;
|
|
27
|
-
stride: number;
|
|
28
|
-
offset?: undefined;
|
|
29
|
-
normalized?: undefined;
|
|
30
|
-
} | {
|
|
31
|
-
name: string;
|
|
32
|
-
size: number;
|
|
33
|
-
type: number;
|
|
34
|
-
stride: number;
|
|
35
|
-
offset: number;
|
|
36
|
-
normalized: boolean;
|
|
37
|
-
} | {
|
|
38
|
-
name: string;
|
|
39
|
-
size: number;
|
|
40
|
-
type: number;
|
|
41
|
-
stride: number;
|
|
42
|
-
offset: number;
|
|
43
|
-
normalized?: undefined;
|
|
44
|
-
})[];
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type Rapid from "../render";
|
|
2
|
-
import { Uniform } from "../webgl/uniform";
|
|
3
|
-
import RenderRegion from "./region";
|
|
4
|
-
import { Texture } from "../texture";
|
|
5
|
-
declare class GraphicRegion extends RenderRegion {
|
|
6
|
-
private vertex;
|
|
7
|
-
private texture?;
|
|
8
|
-
private offset;
|
|
9
|
-
drawType: number;
|
|
10
|
-
constructor(rapid: Rapid);
|
|
11
|
-
startRender(offsetX: number, offsetY: number, texture?: Texture, uniforms?: Uniform): void;
|
|
12
|
-
addVertex(x: number, y: number, u: number, v: number, color: number): void;
|
|
13
|
-
protected executeRender(): void;
|
|
14
|
-
}
|
|
15
|
-
export default GraphicRegion;
|